@salt-ds/lab 1.0.0-alpha.93 → 1.0.0-alpha.95

package/dist-es/toolbar-next/ToolbarContentNext.js

@@ -0,0 +1,30 @@
+import { jsx } from 'react/jsx-runtime';
+import { makePrefixer } from '@salt-ds/core';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { clsx } from 'clsx';
+import { forwardRef } from 'react';
+import css_248z from './ToolbarContentNext.css.js';
+
+const withBaseName = makePrefixer("saltToolbarContentNext");
+const ToolbarContentNext = forwardRef(function ToolbarContentNext2({ children, className, position, ...rest }, ref) {
+  const targetWindow = useWindow();
+  useComponentCssInjection({
+    testId: "salt-toolbar-content-next",
+    css: css_248z,
+    window: targetWindow
+  });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx(withBaseName(), className),
+      ...rest,
+      "data-position": position,
+      ref,
+      children
+    }
+  );
+});
+
+export { ToolbarContentNext };
+//# sourceMappingURL=ToolbarContentNext.js.map

package/dist-es/toolbar-next/ToolbarContentNext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarContentNext.js","sources":["../src/toolbar-next/ToolbarContentNext.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type ComponentPropsWithoutRef, forwardRef } from \"react\";\n\nimport toolbarContentNextCss from \"./ToolbarContentNext.css\";\n\nexport type ToolbarContentNextPosition = \"start\" | \"center\" | \"end\";\n\nexport interface ToolbarContentNextProps\n  extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * Controls where the content is placed across the full toolbar.\n   * If any content uses `\"center\"`, `ToolbarNext` reserves symmetric side space\n   * so the center band stays on the toolbar midpoint.\n   */\n  position: ToolbarContentNextPosition;\n}\n\nconst withBaseName = makePrefixer(\"saltToolbarContentNext\");\n\nexport const ToolbarContentNext = forwardRef<\n  HTMLDivElement,\n  ToolbarContentNextProps\n>(function ToolbarContentNext({ children, className, position, ...rest }, ref) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-toolbar-content-next\",\n    css: toolbarContentNextCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div\n      className={clsx(withBaseName(), className)}\n      {...rest}\n      data-position={position}\n      ref={ref}\n    >\n      {children}\n    </div>\n  );\n});\n"],"names":["ToolbarContentNext","toolbarContentNextCss"],"mappings":";;;;;;;;AAoBA,MAAM,YAAA,GAAe,aAAa,wBAAwB,CAAA;AAEnD,MAAM,kBAAA,GAAqB,UAAA,CAGhC,SAASA,mBAAAA,CAAmB,EAAE,QAAA,EAAU,SAAA,EAAW,QAAA,EAAU,GAAG,IAAA,EAAK,EAAG,GAAA,EAAK;AAC7E,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,2BAAA;AAAA,IACR,GAAA,EAAKC,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,IAAA,CAAK,YAAA,EAAa,EAAG,SAAS,CAAA;AAAA,MACxC,GAAG,IAAA;AAAA,MACJ,eAAA,EAAe,QAAA;AAAA,MACf,GAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}

package/dist-es/toolbar-next/ToolbarNext.css.js

@@ -0,0 +1,4 @@
+var css_248z = ".saltToolbarNext {\n  box-sizing: border-box;\n  inline-size: 100%;\n  min-width: 0;\n  position: relative;\n}\n\n.saltToolbarNext-layout {\n  align-items: center;\n  --saltToolbarNext-band-gap: var(--salt-spacing-100);\n}\n\n.saltToolbarNext-layout:not([data-centered]) {\n  display: flex;\n  column-gap: var(--saltToolbarNext-band-gap);\n}\n\n.saltToolbarNext-layout[data-centered] {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);\n}\n\n.saltToolbarNext-band {\n  display: flex;\n  align-items: center;\n  gap: var(--saltToolbarNext-band-gap);\n  min-width: 0;\n}\n\n.saltToolbarNext-layout:not([data-centered]) > .saltToolbarNext-band[data-band-position=\"end\"] {\n  justify-content: flex-end;\n  margin-inline-start: auto;\n}\n\n.saltToolbarNext-layout[data-centered] > .saltToolbarNext-band[data-band-position=\"start\"] {\n  grid-column: 1;\n}\n\n.saltToolbarNext-layout[data-centered] > .saltToolbarNext-band[data-band-position=\"center\"] {\n  grid-column: 2;\n  justify-content: center;\n}\n\n.saltToolbarNext-layout[data-centered] > .saltToolbarNext-band[data-band-position=\"end\"] {\n  grid-column: 3;\n  justify-content: flex-end;\n}\n\n.saltToolbarNext-fallback {\n  display: flex;\n  align-items: center;\n  gap: var(--salt-spacing-100);\n}\n\n.saltToolbarNext-layout > * {\n  min-width: 0;\n}\n\n.saltToolbarNext-primary {\n  --toolbarNext-background: var(--salt-container-primary-background);\n  --toolbarNext-borderColor: var(--salt-container-primary-borderColor);\n}\n\n.saltToolbarNext-secondary {\n  --toolbarNext-background: var(--salt-container-secondary-background);\n  --toolbarNext-borderColor: var(--salt-container-secondary-borderColor);\n}\n\n.saltToolbarNext-tertiary {\n  --toolbarNext-background: var(--salt-container-tertiary-background);\n  --toolbarNext-borderColor: var(--salt-container-tertiary-borderColor);\n}\n\n.saltToolbarNext-bordered {\n  background: var(--saltToolbarNext-background, var(--toolbarNext-background));\n  border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--saltToolbarNext-borderColor, var(--toolbarNext-borderColor));\n  border-radius: var(--salt-palette-corner, 0);\n  padding: var(--salt-spacing-100);\n}\n\n.saltToolbarNext-transparent {\n  background: transparent;\n  border: none;\n  padding: 0;\n}\n\n.saltToolbarNext-measurements {\n  display: flex;\n  gap: var(--salt-spacing-100);\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  inset: 0 auto auto 0;\n  block-size: 0;\n  overflow: hidden;\n}\n\n.saltToolbarNext-measureTrigger {\n  white-space: nowrap;\n}\n";
+
+export { css_248z as default };
+//# sourceMappingURL=ToolbarNext.css.js.map

package/dist-es/toolbar-next/ToolbarNext.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarNext.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist-es/toolbar-next/ToolbarNext.js

@@ -0,0 +1,392 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { makePrefixer, useForkRef, useIsomorphicLayoutEffect, Button } from '@salt-ds/core';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { clsx } from 'clsx';
+import { forwardRef, useMemo, useRef, useState, useCallback, useEffect, cloneElement } from 'react';
+import css_248z from './ToolbarNext.css.js';
+import { ToolbarNextOverflowOwners, ToolbarNextOverflowTriggerContent, ToolbarNextOverflowContent, ToolbarNextOverflowMenu } from './ToolbarNextOverflow.js';
+import { ToolbarNextOverflowFloatingBoundaryProvider } from './ToolbarNextOverflowFloatingBoundary.js';
+import { TOOLBAR_NEXT_SCOPE_ROOT_ATTR } from './toolbarNextKeyboardUtils.js';
+import { normalizeToolbarChildren } from './toolbarNextUtils.js';
+import { useToolbarNextKeyboardNavigation } from './useToolbarNextKeyboardNavigation.js';
+import { useToolbarNextOverflow } from './useToolbarNextOverflow.js';
+
+const withBaseName = makePrefixer("saltToolbarNext");
+const withOverflowBaseName = makePrefixer("saltToolbarNextOverflow");
+const bandPositions = ["start", "center", "end"];
+function cloneMeasureDecorations(itemId, slot, decorations) {
+  return decorations.map((decoration, index) => {
+    return cloneElement(decoration, {
+      key: `${itemId}-${slot}-measurement-${String(decoration.key ?? index)}`
+    });
+  });
+}
+const ToolbarNext = forwardRef(
+  function ToolbarNext2({
+    children,
+    className,
+    onBlurCapture,
+    onFocusCapture,
+    onKeyDownCapture,
+    onPointerDownCapture,
+    appearance = "bordered",
+    variant = "primary",
+    ...rest
+  }, ref) {
+    const targetWindow = useWindow();
+    useComponentCssInjection({
+      testId: "salt-toolbar-next",
+      css: css_248z,
+      window: targetWindow
+    });
+    const { mode, content } = normalizeToolbarChildren(children);
+    const overflowContent = useMemo(
+      () => normalizeToolbarChildren(children).content,
+      [children]
+    );
+    const allItems = useMemo(
+      () => content.flatMap((contentArea) => contentArea.items),
+      [content]
+    );
+    const {
+      containerRef,
+      getBandRef,
+      getItemRef,
+      getNamedTriggerMeasureRef,
+      getNamedTriggerRef,
+      getContentRef,
+      getTriggerMeasureRef,
+      overflowGroups,
+      overflowTriggerGroups,
+      overflowedIds
+    } = useToolbarNextOverflow({ content: overflowContent });
+    const handleRef = useForkRef(ref, containerRef);
+    const invalidCompositionWarnedRef = useRef(false);
+    const itemHostRefCallbacks = useRef(
+      /* @__PURE__ */ new Map()
+    );
+    const [itemHostNodes, setItemHostNodes] = useState({});
+    const sharedOverflowGroups = useMemo(
+      () => overflowGroups.filter((group) => !group.named),
+      [overflowGroups]
+    );
+    const namedOverflowGroups = useMemo(
+      () => overflowGroups.filter((group) => group.named),
+      [overflowGroups]
+    );
+    const overflowTriggerGroupByKey = useMemo(
+      () => new Map(
+        overflowTriggerGroups.map((group) => [group.key, group])
+      ),
+      [overflowTriggerGroups]
+    );
+    const namedTriggerMeasureItems = useMemo(
+      () => allItems.filter((item) => {
+        return item.overflowMode !== "none" && item.overflowGroup !== "shared";
+      }),
+      [allItems]
+    );
+    const bandsByPosition = useMemo(() => {
+      return bandPositions.reduce(
+        (bands, position) => {
+          bands[position] = content.filter(
+            (contentArea) => contentArea.position === position
+          );
+          return bands;
+        },
+        {
+          start: [],
+          center: [],
+          end: []
+        }
+      );
+    }, [content]);
+    const hasCenteredLayout = bandsByPosition.center.length > 0;
+    const keyboardNavigation = useToolbarNextKeyboardNavigation({
+      items: allItems,
+      overflowedIds,
+      scopeRef: containerRef
+    });
+    const overflowedIdsKey = useMemo(
+      () => Array.from(overflowedIds).sort().join("\0"),
+      [overflowedIds]
+    );
+    const previousOverflowedIdsKeyRef = useRef(overflowedIdsKey);
+    const getItemHostRef = useCallback(
+      (id, kind) => {
+        const callbackKey = `${id}:${kind}`;
+        const existing = itemHostRefCallbacks.current.get(callbackKey);
+        if (existing) {
+          return existing;
+        }
+        const callback = (node) => {
+          setItemHostNodes((previous) => {
+            var _a;
+            if (((_a = previous[id]) == null ? void 0 : _a[kind]) === node) {
+              return previous;
+            }
+            return {
+              ...previous,
+              [id]: {
+                ...previous[id],
+                [kind]: node
+              }
+            };
+          });
+        };
+        itemHostRefCallbacks.current.set(callbackKey, callback);
+        return callback;
+      },
+      []
+    );
+    const itemOwnerHostNodes = useMemo(() => {
+      return allItems.reduce(
+        (hosts, item) => {
+          const nodes = itemHostNodes[item.id];
+          hosts[item.id] = (nodes == null ? void 0 : nodes.overflow) ?? (nodes == null ? void 0 : nodes.main) ?? (nodes == null ? void 0 : nodes.measurement) ?? null;
+          return hosts;
+        },
+        {}
+      );
+    }, [allItems, itemHostNodes]);
+    const overflowedMeasurementItems = useMemo(() => {
+      return allItems.filter((item) => {
+        var _a;
+        return overflowedIds.has(item.id) && !((_a = itemHostNodes[item.id]) == null ? void 0 : _a.overflow);
+      });
+    }, [allItems, itemHostNodes, overflowedIds]);
+    useIsomorphicLayoutEffect(() => {
+      const overflowChanged = previousOverflowedIdsKeyRef.current !== overflowedIdsKey;
+      previousOverflowedIdsKeyRef.current = overflowedIdsKey;
+      if (!overflowChanged) {
+        return;
+      }
+      const doc = targetWindow == null ? void 0 : targetWindow.document;
+      const rememberedFocus = keyboardNavigation.rememberedFocusRef.current;
+      if (!doc || !rememberedFocus) {
+        return;
+      }
+      const activeElement = doc.activeElement;
+      const focusWasLost = !activeElement || activeElement === doc.body || activeElement === doc.documentElement || !activeElement.isConnected;
+      const target = keyboardNavigation.getEntryFocusable();
+      if (!focusWasLost) {
+        return;
+      }
+      if (!target) {
+        return;
+      }
+      const focusTarget = () => {
+        if (target.isConnected) {
+          target.focus({ preventScroll: true });
+        }
+      };
+      if (targetWindow == null ? void 0 : targetWindow.requestAnimationFrame) {
+        const frame = targetWindow.requestAnimationFrame(focusTarget);
+        return () => {
+          targetWindow.cancelAnimationFrame(frame);
+        };
+      }
+      queueMicrotask(focusTarget);
+    }, [
+      keyboardNavigation.getEntryFocusable,
+      keyboardNavigation.rememberedFocusRef,
+      overflowedIdsKey,
+      targetWindow
+    ]);
+    useEffect(() => {
+      if (process.env.NODE_ENV !== "production") {
+        if (mode === "invalid" && !invalidCompositionWarnedRef.current) {
+          console.warn(
+            "ToolbarNext children must be authored in one composition model: either TooltrayNext/Divider children directly in ToolbarNext, or ToolbarContentNext children containing TooltrayNext/Divider items."
+          );
+          invalidCompositionWarnedRef.current = true;
+        }
+        if (mode !== "invalid") {
+          invalidCompositionWarnedRef.current = false;
+        }
+      }
+    }, [mode]);
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: clsx(
+          withBaseName(),
+          {
+            [withBaseName("fallback")]: mode === "invalid",
+            [withBaseName("layout")]: mode !== "invalid"
+          },
+          withBaseName(variant),
+          withBaseName(appearance),
+          className
+        ),
+        ...rest,
+        "data-centered": mode !== "invalid" && hasCenteredLayout ? "" : void 0,
+        "data-mode": mode,
+        ...{ [TOOLBAR_NEXT_SCOPE_ROOT_ATTR]: "main" },
+        ref: handleRef,
+        onBlurCapture: (event) => {
+          keyboardNavigation.handleBlurCapture(event);
+          onBlurCapture == null ? void 0 : onBlurCapture(event);
+        },
+        onFocusCapture: (event) => {
+          keyboardNavigation.handleFocusCapture(event);
+          onFocusCapture == null ? void 0 : onFocusCapture(event);
+        },
+        onKeyDownCapture: (event) => {
+          keyboardNavigation.handleKeyDownCapture(event);
+          onKeyDownCapture == null ? void 0 : onKeyDownCapture(event);
+        },
+        onPointerDownCapture: (event) => {
+          keyboardNavigation.handlePointerDownCapture(event);
+          onPointerDownCapture == null ? void 0 : onPointerDownCapture(event);
+        },
+        role: "toolbar",
+        "aria-orientation": "horizontal",
+        children: mode === "invalid" ? children : /* @__PURE__ */ jsxs(ToolbarNextOverflowFloatingBoundaryProvider, { children: [
+          /* @__PURE__ */ jsx(
+            ToolbarNextOverflowOwners,
+            {
+              hostNodes: itemOwnerHostNodes,
+              items: allItems
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { "aria-hidden": true, className: withBaseName("measurements"), children: [
+            overflowTriggerGroups.filter((group) => !group.named).map((group) => /* @__PURE__ */ jsx(
+              Button,
+              {
+                appearance: "transparent",
+                className: withBaseName("measureTrigger"),
+                ref: getTriggerMeasureRef(group.key),
+                sentiment: "neutral",
+                tabIndex: -1,
+                children: /* @__PURE__ */ jsx(
+                  ToolbarNextOverflowTriggerContent,
+                  {
+                    label: group.label,
+                    named: group.named
+                  }
+                )
+              },
+              group.id
+            )),
+            namedTriggerMeasureItems.map((item) => {
+              const group = overflowTriggerGroupByKey.get(
+                item.overflowGroupKey
+              );
+              if (!group) {
+                return null;
+              }
+              return /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: withOverflowBaseName("slot"),
+                  ref: getNamedTriggerMeasureRef(item.id),
+                  children: [
+                    cloneMeasureDecorations(
+                      item.id,
+                      "leading",
+                      item.leadingDecorations
+                    ),
+                    /* @__PURE__ */ jsx("div", { className: withOverflowBaseName("item"), children: /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        appearance: "transparent",
+                        className: withOverflowBaseName("trigger"),
+                        sentiment: "neutral",
+                        tabIndex: -1,
+                        children: /* @__PURE__ */ jsx(
+                          ToolbarNextOverflowTriggerContent,
+                          {
+                            label: group.label,
+                            named: group.named
+                          }
+                        )
+                      }
+                    ) })
+                  ]
+                },
+                `measure-${item.id}`
+              );
+            }),
+            overflowedMeasurementItems.map((item) => /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: withOverflowBaseName("slot"),
+                ref: getItemRef(item.id),
+                children: [
+                  cloneMeasureDecorations(
+                    item.id,
+                    "leading",
+                    item.leadingDecorations
+                  ),
+                  /* @__PURE__ */ jsx("div", { className: withOverflowBaseName("item"), children: /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: withOverflowBaseName("itemHost"),
+                      ref: getItemHostRef(item.id, "measurement")
+                    }
+                  ) }),
+                  cloneMeasureDecorations(
+                    item.id,
+                    "trailing",
+                    item.trailingDecorations
+                  )
+                ]
+              },
+              `measure-item-${item.id}`
+            ))
+          ] }),
+          bandPositions.map((position) => {
+            const bandContent = bandsByPosition[position];
+            const shouldRenderBand = hasCenteredLayout ? true : position === "end" ? bandContent.length > 0 || sharedOverflowGroups.length > 0 : bandContent.length > 0;
+            if (!shouldRenderBand) {
+              return null;
+            }
+            return /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: withBaseName("band"),
+                "data-band-position": position,
+                ref: getBandRef(position),
+                children: [
+                  bandContent.map((contentArea) => /* @__PURE__ */ jsx(
+                    ToolbarNextOverflowContent,
+                    {
+                      focusMemoryRef: keyboardNavigation.rememberedFocusRef,
+                      getItemHostRef,
+                      getItemRef,
+                      getNamedTriggerRef,
+                      getContentRef,
+                      onItemFocus: keyboardNavigation.rememberItemFocus,
+                      overflowGroups: namedOverflowGroups.filter(
+                        (group) => group.contentKey === contentArea.key
+                      ),
+                      overflowedIds,
+                      content: contentArea
+                    },
+                    contentArea.key
+                  )),
+                  position === "end" ? sharedOverflowGroups.map((group) => /* @__PURE__ */ jsx(
+                    ToolbarNextOverflowMenu,
+                    {
+                      focusMemoryRef: keyboardNavigation.rememberedFocusRef,
+                      getItemHostRef,
+                      group,
+                      onItemFocus: keyboardNavigation.rememberItemFocus
+                    },
+                    group.id
+                  )) : null
+                ]
+              },
+              position
+            );
+          })
+        ] })
+      }
+    );
+  }
+);
+
+export { ToolbarNext };
+//# sourceMappingURL=ToolbarNext.js.map

package/dist-es/toolbar-next/ToolbarNext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarNext.js","sources":["../src/toolbar-next/ToolbarNext.tsx"],"sourcesContent":["import {\n  Button,\n  makePrefixer,\n  useForkRef,\n  useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  cloneElement,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport type { ToolbarContentNextPosition } from \"./ToolbarContentNext\";\nimport toolbarNextCss from \"./ToolbarNext.css\";\nimport {\n  type ToolbarNextItemHostKind,\n  ToolbarNextOverflowContent,\n  ToolbarNextOverflowMenu,\n  ToolbarNextOverflowOwners,\n  ToolbarNextOverflowTriggerContent,\n} from \"./ToolbarNextOverflow\";\nimport { ToolbarNextOverflowFloatingBoundaryProvider } from \"./ToolbarNextOverflowFloatingBoundary\";\nimport { TOOLBAR_NEXT_SCOPE_ROOT_ATTR } from \"./toolbarNextKeyboardUtils\";\nimport {\n  normalizeToolbarChildren,\n  type ToolbarNextOverflowItem,\n} from \"./toolbarNextUtils\";\nimport { useToolbarNextKeyboardNavigation } from \"./useToolbarNextKeyboardNavigation\";\nimport { useToolbarNextOverflow } from \"./useToolbarNextOverflow\";\n\nexport interface ToolbarNextProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * Visual treatment of the toolbar. Defaults to `\"bordered\"`.\n   */\n  appearance?: \"bordered\" | \"transparent\";\n  /**\n   * Styling variant. Defaults to `\"primary\"`.\n   */\n  variant?: \"primary\" | \"secondary\" | \"tertiary\";\n}\n\nconst withBaseName = makePrefixer(\"saltToolbarNext\");\nconst withOverflowBaseName = makePrefixer(\"saltToolbarNextOverflow\");\nconst bandPositions: ToolbarContentNextPosition[] = [\"start\", \"center\", \"end\"];\n\ntype ToolbarNextItemHostNodes = Partial<\n  Record<ToolbarNextItemHostKind, HTMLDivElement | null>\n>;\n\nfunction cloneMeasureDecorations(\n  itemId: string,\n  slot: \"leading\" | \"trailing\",\n  decorations: ToolbarNextOverflowItem[\"leadingDecorations\"],\n) {\n  return decorations.map((decoration, index) => {\n    return cloneElement(decoration, {\n      key: `${itemId}-${slot}-measurement-${String(decoration.key ?? index)}`,\n    });\n  });\n}\n\nexport const ToolbarNext = forwardRef<HTMLDivElement, ToolbarNextProps>(\n  function ToolbarNext(\n    {\n      children,\n      className,\n      onBlurCapture,\n      onFocusCapture,\n      onKeyDownCapture,\n      onPointerDownCapture,\n      appearance = \"bordered\",\n      variant = \"primary\",\n      ...rest\n    },\n    ref,\n  ) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-toolbar-next\",\n      css: toolbarNextCss,\n      window: targetWindow,\n    });\n\n    const { mode, content } = normalizeToolbarChildren(children);\n    const overflowContent = useMemo(\n      () => normalizeToolbarChildren(children).content,\n      [children],\n    );\n\n    const allItems = useMemo(\n      () => content.flatMap((contentArea) => contentArea.items),\n      [content],\n    );\n\n    const {\n      containerRef,\n      getBandRef,\n      getItemRef,\n      getNamedTriggerMeasureRef,\n      getNamedTriggerRef,\n      getContentRef,\n      getTriggerMeasureRef,\n      overflowGroups,\n      overflowTriggerGroups,\n      overflowedIds,\n    } = useToolbarNextOverflow({ content: overflowContent });\n\n    const handleRef = useForkRef(ref, containerRef);\n    const invalidCompositionWarnedRef = useRef(false);\n    const itemHostRefCallbacks = useRef(\n      new Map<string, (node: HTMLDivElement | null) => void>(),\n    );\n    const [itemHostNodes, setItemHostNodes] = useState<\n      Record<string, ToolbarNextItemHostNodes>\n    >({});\n\n    const sharedOverflowGroups = useMemo(\n      () => overflowGroups.filter((group) => !group.named),\n      [overflowGroups],\n    );\n\n    const namedOverflowGroups = useMemo(\n      () => overflowGroups.filter((group) => group.named),\n      [overflowGroups],\n    );\n\n    const overflowTriggerGroupByKey = useMemo(\n      () =>\n        new Map(\n          overflowTriggerGroups.map((group) => [group.key, group] as const),\n        ),\n      [overflowTriggerGroups],\n    );\n\n    const namedTriggerMeasureItems = useMemo(\n      () =>\n        allItems.filter((item) => {\n          return (\n            item.overflowMode !== \"none\" && item.overflowGroup !== \"shared\"\n          );\n        }),\n      [allItems],\n    );\n\n    const bandsByPosition = useMemo(() => {\n      return bandPositions.reduce<\n        Record<ToolbarContentNextPosition, typeof content>\n      >(\n        (bands, position) => {\n          bands[position] = content.filter(\n            (contentArea) => contentArea.position === position,\n          );\n          return bands;\n        },\n        {\n          start: [],\n          center: [],\n          end: [],\n        },\n      );\n    }, [content]);\n    const hasCenteredLayout = bandsByPosition.center.length > 0;\n    const keyboardNavigation = useToolbarNextKeyboardNavigation({\n      items: allItems,\n      overflowedIds,\n      scopeRef: containerRef,\n    });\n    const overflowedIdsKey = useMemo(\n      () => Array.from(overflowedIds).sort().join(\"\\0\"),\n      [overflowedIds],\n    );\n    const previousOverflowedIdsKeyRef = useRef(overflowedIdsKey);\n\n    const getItemHostRef = useCallback(\n      (id: string, kind: ToolbarNextItemHostKind) => {\n        const callbackKey = `${id}:${kind}`;\n        const existing = itemHostRefCallbacks.current.get(callbackKey);\n\n        if (existing) {\n          return existing;\n        }\n\n        const callback = (node: HTMLDivElement | null) => {\n          setItemHostNodes((previous) => {\n            if (previous[id]?.[kind] === node) {\n              return previous;\n            }\n\n            return {\n              ...previous,\n              [id]: {\n                ...previous[id],\n                [kind]: node,\n              },\n            };\n          });\n        };\n\n        itemHostRefCallbacks.current.set(callbackKey, callback);\n        return callback;\n      },\n      [],\n    );\n\n    const itemOwnerHostNodes = useMemo(() => {\n      return allItems.reduce<Record<string, HTMLDivElement | null>>(\n        (hosts, item) => {\n          const nodes = itemHostNodes[item.id];\n\n          hosts[item.id] =\n            nodes?.overflow ?? nodes?.main ?? nodes?.measurement ?? null;\n          return hosts;\n        },\n        {},\n      );\n    }, [allItems, itemHostNodes]);\n\n    const overflowedMeasurementItems = useMemo(() => {\n      return allItems.filter((item) => {\n        return overflowedIds.has(item.id) && !itemHostNodes[item.id]?.overflow;\n      });\n    }, [allItems, itemHostNodes, overflowedIds]);\n\n    useIsomorphicLayoutEffect(() => {\n      const overflowChanged =\n        previousOverflowedIdsKeyRef.current !== overflowedIdsKey;\n      previousOverflowedIdsKeyRef.current = overflowedIdsKey;\n\n      if (!overflowChanged) {\n        return;\n      }\n\n      const doc = targetWindow?.document;\n      const rememberedFocus = keyboardNavigation.rememberedFocusRef.current;\n\n      if (!doc || !rememberedFocus) {\n        return;\n      }\n\n      const activeElement = doc.activeElement;\n      const focusWasLost =\n        !activeElement ||\n        activeElement === doc.body ||\n        activeElement === doc.documentElement ||\n        !activeElement.isConnected;\n      const target = keyboardNavigation.getEntryFocusable();\n\n      if (!focusWasLost) {\n        return;\n      }\n\n      if (!target) {\n        return;\n      }\n\n      const focusTarget = () => {\n        if (target.isConnected) {\n          target.focus({ preventScroll: true });\n        }\n      };\n\n      if (targetWindow?.requestAnimationFrame) {\n        const frame = targetWindow.requestAnimationFrame(focusTarget);\n\n        return () => {\n          targetWindow.cancelAnimationFrame(frame);\n        };\n      }\n\n      queueMicrotask(focusTarget);\n    }, [\n      keyboardNavigation.getEntryFocusable,\n      keyboardNavigation.rememberedFocusRef,\n      overflowedIdsKey,\n      targetWindow,\n    ]);\n\n    useEffect(() => {\n      if (process.env.NODE_ENV !== \"production\") {\n        if (mode === \"invalid\" && !invalidCompositionWarnedRef.current) {\n          console.warn(\n            \"ToolbarNext children must be authored in one composition model: either TooltrayNext/Divider children directly in ToolbarNext, or ToolbarContentNext children containing TooltrayNext/Divider items.\",\n          );\n          invalidCompositionWarnedRef.current = true;\n        }\n\n        if (mode !== \"invalid\") {\n          invalidCompositionWarnedRef.current = false;\n        }\n      }\n    }, [mode]);\n\n    return (\n      <div\n        className={clsx(\n          withBaseName(),\n          {\n            [withBaseName(\"fallback\")]: mode === \"invalid\",\n            [withBaseName(\"layout\")]: mode !== \"invalid\",\n          },\n          withBaseName(variant),\n          withBaseName(appearance),\n          className,\n        )}\n        {...rest}\n        data-centered={mode !== \"invalid\" && hasCenteredLayout ? \"\" : undefined}\n        data-mode={mode}\n        {...{ [TOOLBAR_NEXT_SCOPE_ROOT_ATTR]: \"main\" }}\n        ref={handleRef}\n        onBlurCapture={(event) => {\n          keyboardNavigation.handleBlurCapture(event);\n          onBlurCapture?.(event);\n        }}\n        onFocusCapture={(event) => {\n          keyboardNavigation.handleFocusCapture(event);\n          onFocusCapture?.(event);\n        }}\n        onKeyDownCapture={(event) => {\n          keyboardNavigation.handleKeyDownCapture(event);\n          onKeyDownCapture?.(event);\n        }}\n        onPointerDownCapture={(event) => {\n          keyboardNavigation.handlePointerDownCapture(event);\n          onPointerDownCapture?.(event);\n        }}\n        role=\"toolbar\"\n        aria-orientation=\"horizontal\"\n      >\n        {mode === \"invalid\" ? (\n          children\n        ) : (\n          <ToolbarNextOverflowFloatingBoundaryProvider>\n            <ToolbarNextOverflowOwners\n              hostNodes={itemOwnerHostNodes}\n              items={allItems}\n            />\n            <div aria-hidden className={withBaseName(\"measurements\")}>\n              {overflowTriggerGroups\n                .filter((group) => !group.named)\n                .map((group) => (\n                  <Button\n                    appearance=\"transparent\"\n                    className={withBaseName(\"measureTrigger\")}\n                    key={group.id}\n                    ref={getTriggerMeasureRef(group.key)}\n                    sentiment=\"neutral\"\n                    tabIndex={-1}\n                  >\n                    <ToolbarNextOverflowTriggerContent\n                      label={group.label}\n                      named={group.named}\n                    />\n                  </Button>\n                ))}\n              {namedTriggerMeasureItems.map((item) => {\n                const group = overflowTriggerGroupByKey.get(\n                  item.overflowGroupKey,\n                );\n\n                if (!group) {\n                  return null;\n                }\n\n                return (\n                  <div\n                    className={withOverflowBaseName(\"slot\")}\n                    key={`measure-${item.id}`}\n                    ref={getNamedTriggerMeasureRef(item.id)}\n                  >\n                    {cloneMeasureDecorations(\n                      item.id,\n                      \"leading\",\n                      item.leadingDecorations,\n                    )}\n                    <div className={withOverflowBaseName(\"item\")}>\n                      <Button\n                        appearance=\"transparent\"\n                        className={withOverflowBaseName(\"trigger\")}\n                        sentiment=\"neutral\"\n                        tabIndex={-1}\n                      >\n                        <ToolbarNextOverflowTriggerContent\n                          label={group.label}\n                          named={group.named}\n                        />\n                      </Button>\n                    </div>\n                  </div>\n                );\n              })}\n              {overflowedMeasurementItems.map((item) => (\n                <div\n                  className={withOverflowBaseName(\"slot\")}\n                  key={`measure-item-${item.id}`}\n                  ref={getItemRef(item.id)}\n                >\n                  {cloneMeasureDecorations(\n                    item.id,\n                    \"leading\",\n                    item.leadingDecorations,\n                  )}\n                  <div className={withOverflowBaseName(\"item\")}>\n                    <div\n                      className={withOverflowBaseName(\"itemHost\")}\n                      ref={getItemHostRef(item.id, \"measurement\")}\n                    />\n                  </div>\n                  {cloneMeasureDecorations(\n                    item.id,\n                    \"trailing\",\n                    item.trailingDecorations,\n                  )}\n                </div>\n              ))}\n            </div>\n            {bandPositions.map((position) => {\n              const bandContent = bandsByPosition[position];\n              const shouldRenderBand = hasCenteredLayout\n                ? true\n                : position === \"end\"\n                  ? bandContent.length > 0 || sharedOverflowGroups.length > 0\n                  : bandContent.length > 0;\n\n              if (!shouldRenderBand) {\n                return null;\n              }\n\n              return (\n                <div\n                  className={withBaseName(\"band\")}\n                  data-band-position={position}\n                  key={position}\n                  ref={getBandRef(position)}\n                >\n                  {bandContent.map((contentArea) => (\n                    <ToolbarNextOverflowContent\n                      focusMemoryRef={keyboardNavigation.rememberedFocusRef}\n                      getItemHostRef={getItemHostRef}\n                      getItemRef={getItemRef}\n                      getNamedTriggerRef={getNamedTriggerRef}\n                      getContentRef={getContentRef}\n                      key={contentArea.key}\n                      onItemFocus={keyboardNavigation.rememberItemFocus}\n                      overflowGroups={namedOverflowGroups.filter(\n                        (group) => group.contentKey === contentArea.key,\n                      )}\n                      overflowedIds={overflowedIds}\n                      content={contentArea}\n                    />\n                  ))}\n                  {position === \"end\"\n                    ? sharedOverflowGroups.map((group) => (\n                        <ToolbarNextOverflowMenu\n                          focusMemoryRef={keyboardNavigation.rememberedFocusRef}\n                          getItemHostRef={getItemHostRef}\n                          group={group}\n                          key={group.id}\n                          onItemFocus={keyboardNavigation.rememberItemFocus}\n                        />\n                      ))\n                    : null}\n                </div>\n              );\n            })}\n          </ToolbarNextOverflowFloatingBoundaryProvider>\n        )}\n      </div>\n    );\n  },\n);\n"],"names":["ToolbarNext","toolbarNextCss"],"mappings":"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"}

package/dist-es/toolbar-next/ToolbarNextOverflow.css.js

@@ -0,0 +1,4 @@
+var css_248z = ".saltToolbarNextOverflow-content {\n  position: relative;\n}\n\n.saltToolbarNextOverflow-slot,\n.saltToolbarNextOverflow-panelItem {\n  align-items: center;\n  display: flex;\n  flex-shrink: 0;\n  gap: var(--salt-spacing-100);\n  min-width: 0;\n}\n\n.saltToolbarNextOverflow-slot[data-align=\"end\"] {\n  margin-inline-start: auto;\n}\n\n.saltToolbarNextOverflow-slot[data-align=\"center\"] {\n  margin-inline-start: auto;\n  margin-inline-end: auto;\n}\n\n.saltToolbarNextOverflow-item {\n  align-items: center;\n  display: flex;\n  flex-shrink: 0;\n  min-width: 0;\n}\n\n.saltToolbarNextOverflow-menu {\n  display: flex;\n  flex-shrink: 0;\n}\n\n.saltToolbarNextOverflow-itemHost,\n.saltToolbarNextOverflow-contentHost {\n  display: contents;\n}\n\n.saltToolbarNextOverflow-trigger {\n  white-space: nowrap;\n}\n\n.saltToolbarNextOverflow-panel {\n  background: var(--salt-container-primary-background);\n  border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-selectable-borderColor-selected);\n  border-radius: var(--salt-palette-corner, 0);\n  box-shadow: var(--salt-overlayable-shadow-popout);\n  box-sizing: border-box;\n  max-width: min(32rem, calc(100vw - var(--salt-spacing-300)));\n  overflow: auto;\n  position: absolute;\n  z-index: var(--salt-zIndex-flyover);\n}\n\n/* TODO: improve this as brittle */\n.saltToolbarNextOverflow-floatingDescendant.saltToolbarNextOverflow-floatingDescendant {\n  z-index: calc(var(--salt-zIndex-flyover) + var(--salt-zIndex-default));\n}\n\n.saltToolbarNextOverflow-panelContent {\n  align-items: center;\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--salt-spacing-100);\n  max-width: inherit;\n  min-width: max-content;\n  padding: var(--salt-spacing-100);\n}\n\n.saltToolbarNextOverflow-panel .saltTooltrayNext[data-align=\"center\"],\n.saltToolbarNextOverflow-panel .saltTooltrayNext[data-align=\"end\"] {\n  margin-inline-start: 0;\n  margin-inline-end: 0;\n}\n\n.saltToolbarNextOverflow-panel .saltTooltrayNext > * {\n  inline-size: auto;\n}\n\n.saltToolbarNextOverflow-content > .saltToolbarNextOverflow-slot .saltTooltrayNext[data-align=\"center\"],\n.saltToolbarNextOverflow-content > .saltToolbarNextOverflow-slot .saltTooltrayNext[data-align=\"end\"] {\n  margin-inline-start: 0;\n  margin-inline-end: 0;\n}\n";
+
+export { css_248z as default };
+//# sourceMappingURL=ToolbarNextOverflow.css.js.map

package/dist-es/toolbar-next/ToolbarNextOverflow.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarNextOverflow.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}