@salt-ds/core 1.64.1 → 1.65.1

package/dist-cjs/spinner/svgSpinners/SpinnerSVG.js

@@ -10,46 +10,20 @@ require('../../salt-provider/SaltProvider.js');
 require('../../viewport/ViewportProvider.js');
 
 const withBaseName = makePrefixer.makePrefixer("saltSpinner");
-const sizeAndStrokeWidthMapping = {
-  small: {
-    high: { width: 12, strokeWidth: 2 },
-    medium: { width: 12, strokeWidth: 2 },
-    low: { width: 14, strokeWidth: 2 },
-    touch: { width: 16, strokeWidth: 2 },
-    mobile: { width: 16, strokeWidth: 2 }
-  },
-  medium: {
-    high: { width: 20, strokeWidth: 2 },
-    medium: { width: 28, strokeWidth: 4 },
-    low: { width: 36, strokeWidth: 6 },
-    touch: { width: 44, strokeWidth: 8 },
-    mobile: { width: 44, strokeWidth: 8 }
-  },
-  large: {
-    high: { width: 40, strokeWidth: 2 },
-    medium: { width: 56, strokeWidth: 4 },
-    low: { width: 72, strokeWidth: 6 },
-    touch: { width: 88, strokeWidth: 8 },
-    mobile: { width: 88, strokeWidth: 8 }
-  }
-};
 const SpinnerSVG = ({
   id = "svg-spinner",
-  rest,
-  size,
-  density
+  ...rest
 }) => {
-  const { width, strokeWidth } = sizeAndStrokeWidthMapping[size][density];
-  const radius = (width - strokeWidth) / 2;
+  const gradientId = `${id}-1`;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
     {
       className: withBaseName("spinner"),
-      viewBox: `0 0 ${width} ${width}`,
+      preserveAspectRatio: "xMidYMid meet",
       id,
       ...rest,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: `${id}-1`, x1: "0", y1: "0", x2: "100%", y2: "0", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: gradientId, x1: "0", y1: "0", x2: "50%", y2: "0", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             "stop",
             {
@@ -67,26 +41,34 @@ const SpinnerSVG = ({
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("g", { fill: "none", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "path",
-            {
-              d: `M${width - strokeWidth / 2},${width / 2} a${radius},${radius} 0 1,0 -${width - strokeWidth},0`,
-              stroke: "var(--saltSpinner-gradient-color, var(--salt-sentiment-accent-background)",
-              strokeWidth: "var(--spinner-strokeWidth)",
-              fill: "none"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "path",
-            {
-              d: `M${width / 2},${strokeWidth / 2} a${radius},${radius} 0 1,0 0,${width - strokeWidth}`,
-              stroke: `url(#${id}-1)`,
-              strokeWidth: "var(--spinner-strokeWidth)",
-              fill: "none"
-            }
-          )
-        ] })
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "circle",
+          {
+            className: withBaseName("arc"),
+            cx: "50%",
+            cy: "50%",
+            fill: "none",
+            stroke: "var(--saltSpinner-gradient-color, var(--salt-sentiment-accent-background))",
+            strokeWidth: "var(--spinner-strokeWidth)",
+            pathLength: "100",
+            strokeDasharray: "50 50",
+            strokeDashoffset: "50"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "circle",
+          {
+            className: withBaseName("arc"),
+            cx: "50%",
+            cy: "50%",
+            fill: "none",
+            stroke: `url(#${gradientId})`,
+            strokeWidth: "var(--spinner-strokeWidth)",
+            pathLength: "100",
+            strokeDasharray: "50 50",
+            strokeDashoffset: "75"
+          }
+        )
       ]
     }
   );

package/dist-cjs/spinner/svgSpinners/SpinnerSVG.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpinnerSVG.js","sources":["../src/spinner/svgSpinners/SpinnerSVG.tsx"],"sourcesContent":["import type { SVGAttributes } from \"react\";\nimport type { Density } from \"../../theme\";\nimport { makePrefixer } from \"../../utils\";\nimport type { SpinnerSVGSize } from \"../Spinner\";\n\nconst withBaseName = makePrefixer(\"saltSpinner\");\n\ninterface SpinnerProps {\n  id?: string;\n  rest?: Omit<SVGAttributes<SVGSVGElement>, \"id\">;\n  size: SpinnerSVGSize;\n  density: Density;\n}\n\nconst sizeAndStrokeWidthMapping = {\n  small: {\n    high: { width: 12, strokeWidth: 2 },\n    medium: { width: 12, strokeWidth: 2 },\n    low: { width: 14, strokeWidth: 2 },\n    touch: { width: 16, strokeWidth: 2 },\n    mobile: { width: 16, strokeWidth: 2 },\n  },\n  medium: {\n    high: { width: 20, strokeWidth: 2 },\n    medium: { width: 28, strokeWidth: 4 },\n    low: { width: 36, strokeWidth: 6 },\n    touch: { width: 44, strokeWidth: 8 },\n    mobile: { width: 44, strokeWidth: 8 },\n  },\n  large: {\n    high: { width: 40, strokeWidth: 2 },\n    medium: { width: 56, strokeWidth: 4 },\n    low: { width: 72, strokeWidth: 6 },\n    touch: { width: 88, strokeWidth: 8 },\n    mobile: { width: 88, strokeWidth: 8 },\n  },\n};\n\nexport const SpinnerSVG = ({\n  id = \"svg-spinner\",\n  rest,\n  size,\n  density,\n}: SpinnerProps) => {\n  const { width, strokeWidth } = sizeAndStrokeWidthMapping[size][density];\n  const radius = (width - strokeWidth) / 2;\n\n  return (\n    <svg\n      className={withBaseName(\"spinner\")}\n      viewBox={`0 0 ${width} ${width}`}\n      id={id}\n      {...rest}\n    >\n      <defs>\n        <linearGradient id={`${id}-1`} x1=\"0\" y1=\"0\" x2=\"100%\" y2=\"0\">\n          <stop\n            className={withBaseName(\"gradientStop\")}\n            offset=\"15%\"\n            stopOpacity=\"1\"\n          />\n          <stop\n            className={withBaseName(\"gradientStop\")}\n            offset=\"100%\"\n            stopOpacity=\"0\"\n          />\n        </linearGradient>\n      </defs>\n      <g fill=\"none\">\n        {/*\n          This first path draws the top half of the circle without a gradient.\n          It starts from the right end, moves in a circular arc, and ends at the left end.\n        */}\n        <path\n          d={`M${width - strokeWidth / 2},${\n            width / 2\n          } a${radius},${radius} 0 1,0 -${width - strokeWidth},0`}\n          stroke=\"var(--saltSpinner-gradient-color, var(--salt-sentiment-accent-background)\"\n          strokeWidth=\"var(--spinner-strokeWidth)\"\n          fill=\"none\"\n        />\n        {/*\n          This second path draws the left half of the circle with a gradient that transitions\n          from opaque on the left to transparent on the right.\n          It starts from the top-center, moves in a circular arc, and ends at the bottom-center.\n        */}\n        <path\n          d={`M${width / 2},${strokeWidth / 2} a${radius},${radius} 0 1,0 0,${\n            width - strokeWidth\n          }`}\n          stroke={`url(#${id}-1)`}\n          strokeWidth=\"var(--spinner-strokeWidth)\"\n          fill=\"none\"\n        />\n      </g>\n    </svg>\n  );\n};\n"],"names":["makePrefixer","jsxs","jsx"],"mappings":";;;;;;;;;;;AAKA,MAAM,YAAA,GAAeA,0BAAa,aAAa,CAAA;AAS/C,MAAM,yBAAA,GAA4B;AAAA,EAChC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,EAAE,KAAA,EAAO,EAAA,EAAI,aAAa,CAAA,EAAE;AAAA,IAClC,MAAA,EAAQ,EAAE,KAAA,EAAO,EAAA,EAAI,aAAa,CAAA,EAAE;AAAA,IACpC,GAAA,EAAK,EAAE,KAAA,EAAO,EAAA,EAAI,aAAa,CAAA,EAAE;AAAA,IACjC,KAAA,EAAO,EAAE,KAAA,EAAO,EAAA,EAAI,aAAa,CAAA,EAAE;AAAA,IACnC,MAAA,EAAQ,EAAE,KAAA,EAAO,EAAA,EAAI,aAAa,CAAA;AAAE,GACtC;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,EAAE,KAAA,EAAO,EAAA,EAAI,aAAa,CAAA,EAAE;AAAA,IAClC,MAAA,EAAQ,EAAE,KAAA,EAAO,EAAA,EAAI,aAAa,CAAA,EAAE;AAAA,IACpC,GAAA,EAAK,EAAE,KAAA,EAAO,EAAA,EAAI,aAAa,CAAA,EAAE;AAAA,IACjC,KAAA,EAAO,EAAE,KAAA,EAAO,EAAA,EAAI,aAAa,CAAA,EAAE;AAAA,IACnC,MAAA,EAAQ,EAAE,KAAA,EAAO,EAAA,EAAI,aAAa,CAAA;AAAE,GACtC;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,EAAE,KAAA,EAAO,EAAA,EAAI,aAAa,CAAA,EAAE;AAAA,IAClC,MAAA,EAAQ,EAAE,KAAA,EAAO,EAAA,EAAI,aAAa,CAAA,EAAE;AAAA,IACpC,GAAA,EAAK,EAAE,KAAA,EAAO,EAAA,EAAI,aAAa,CAAA,EAAE;AAAA,IACjC,KAAA,EAAO,EAAE,KAAA,EAAO,EAAA,EAAI,aAAa,CAAA,EAAE;AAAA,IACnC,MAAA,EAAQ,EAAE,KAAA,EAAO,EAAA,EAAI,aAAa,CAAA;AAAE;AAExC,CAAA;AAEO,MAAM,aAAa,CAAC;AAAA,EACzB,EAAA,GAAK,aAAA;AAAA,EACL,IAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,KAAoB;AAClB,EAAA,MAAM,EAAE,KAAA,EAAO,WAAA,KAAgB,yBAAA,CAA0B,IAAI,EAAE,OAAO,CAAA;AACtE,EAAA,MAAM,MAAA,GAAA,CAAU,QAAQ,WAAA,IAAe,CAAA;AAEvC,EAAA,uBACEC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,aAAa,SAAS,CAAA;AAAA,MACjC,OAAA,EAAS,CAAA,IAAA,EAAO,KAAK,CAAA,CAAA,EAAI,KAAK,CAAA,CAAA;AAAA,MAC9B,EAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,MAAA,EAAA,EACC,QAAA,kBAAAD,eAAA,CAAC,gBAAA,EAAA,EAAe,EAAA,EAAI,GAAG,EAAE,CAAA,EAAA,CAAA,EAAM,EAAA,EAAG,GAAA,EAAI,EAAA,EAAG,GAAA,EAAI,EAAA,EAAG,MAAA,EAAO,IAAG,GAAA,EACxD,QAAA,EAAA;AAAA,0BAAAC,cAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,aAAa,cAAc,CAAA;AAAA,cACtC,MAAA,EAAO,KAAA;AAAA,cACP,WAAA,EAAY;AAAA;AAAA,WACd;AAAA,0BACAA,cAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,aAAa,cAAc,CAAA;AAAA,cACtC,MAAA,EAAO,MAAA;AAAA,cACP,WAAA,EAAY;AAAA;AAAA;AACd,SAAA,EACF,CAAA,EACF,CAAA;AAAA,wBACAD,eAAA,CAAC,GAAA,EAAA,EAAE,IAAA,EAAK,MAAA,EAKN,QAAA,EAAA;AAAA,0BAAAC,cAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,CAAA,EAAG,CAAA,CAAA,EAAI,KAAA,GAAQ,WAAA,GAAc,CAAC,CAAA,CAAA,EAC5B,KAAA,GAAQ,CACV,CAAA,EAAA,EAAK,MAAM,CAAA,CAAA,EAAI,MAAM,CAAA,QAAA,EAAW,QAAQ,WAAW,CAAA,EAAA,CAAA;AAAA,cACnD,MAAA,EAAO,2EAAA;AAAA,cACP,WAAA,EAAY,4BAAA;AAAA,cACZ,IAAA,EAAK;AAAA;AAAA,WACP;AAAA,0BAMAA,cAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,CAAA,EAAG,CAAA,CAAA,EAAI,KAAA,GAAQ,CAAC,CAAA,CAAA,EAAI,WAAA,GAAc,CAAC,CAAA,EAAA,EAAK,MAAM,CAAA,CAAA,EAAI,MAAM,CAAA,SAAA,EACtD,QAAQ,WACV,CAAA,CAAA;AAAA,cACA,MAAA,EAAQ,QAAQ,EAAE,CAAA,GAAA,CAAA;AAAA,cAClB,WAAA,EAAY,4BAAA;AAAA,cACZ,IAAA,EAAK;AAAA;AAAA;AACP,SAAA,EACF;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"SpinnerSVG.js","sources":["../src/spinner/svgSpinners/SpinnerSVG.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from \"react\";\nimport { makePrefixer } from \"../../utils\";\n\nconst withBaseName = makePrefixer(\"saltSpinner\");\n\ntype SpinnerSVGProps = ComponentPropsWithoutRef<\"svg\">;\n\n/**\n * Draws the spinner as two overlapping circles. Each circle is half-stroked\n * (`stroke-dasharray=\"50 50\"` against a normalised `pathLength` of 100) and\n * rotated via `stroke-dashoffset`: the first draws the top half, the second\n * draws the left half with a fading gradient. Radius and stroke width come\n * from CSS custom properties set by the parent `.saltSpinner-*` size class.\n */\nexport const SpinnerSVG = ({\n  id = \"svg-spinner\",\n  ...rest\n}: SpinnerSVGProps) => {\n  const gradientId = `${id}-1`;\n\n  return (\n    <svg\n      className={withBaseName(\"spinner\")}\n      preserveAspectRatio=\"xMidYMid meet\"\n      id={id}\n      {...rest}\n    >\n      <defs>\n        <linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2=\"50%\" y2=\"0\">\n          <stop\n            className={withBaseName(\"gradientStop\")}\n            offset=\"15%\"\n            stopOpacity=\"1\"\n          />\n          <stop\n            className={withBaseName(\"gradientStop\")}\n            offset=\"100%\"\n            stopOpacity=\"0\"\n          />\n        </linearGradient>\n      </defs>\n      <circle\n        className={withBaseName(\"arc\")}\n        cx=\"50%\"\n        cy=\"50%\"\n        fill=\"none\"\n        stroke=\"var(--saltSpinner-gradient-color, var(--salt-sentiment-accent-background))\"\n        strokeWidth=\"var(--spinner-strokeWidth)\"\n        pathLength=\"100\"\n        strokeDasharray=\"50 50\"\n        strokeDashoffset=\"50\"\n      />\n      <circle\n        className={withBaseName(\"arc\")}\n        cx=\"50%\"\n        cy=\"50%\"\n        fill=\"none\"\n        stroke={`url(#${gradientId})`}\n        strokeWidth=\"var(--spinner-strokeWidth)\"\n        pathLength=\"100\"\n        strokeDasharray=\"50 50\"\n        strokeDashoffset=\"75\"\n      />\n    </svg>\n  );\n};\n"],"names":["makePrefixer","jsxs","jsx"],"mappings":";;;;;;;;;;;AAGA,MAAM,YAAA,GAAeA,0BAAa,aAAa,CAAA;AAWxC,MAAM,aAAa,CAAC;AAAA,EACzB,EAAA,GAAK,aAAA;AAAA,EACL,GAAG;AACL,CAAA,KAAuB;AACrB,EAAA,MAAM,UAAA,GAAa,GAAG,EAAE,CAAA,EAAA,CAAA;AAExB,EAAA,uBACEC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,aAAa,SAAS,CAAA;AAAA,MACjC,mBAAA,EAAoB,eAAA;AAAA,MACpB,EAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,MAAA,EAAA,EACC,QAAA,kBAAAD,eAAA,CAAC,gBAAA,EAAA,EAAe,EAAA,EAAI,UAAA,EAAY,EAAA,EAAG,GAAA,EAAI,EAAA,EAAG,GAAA,EAAI,EAAA,EAAG,KAAA,EAAM,EAAA,EAAG,GAAA,EACxD,QAAA,EAAA;AAAA,0BAAAC,cAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,aAAa,cAAc,CAAA;AAAA,cACtC,MAAA,EAAO,KAAA;AAAA,cACP,WAAA,EAAY;AAAA;AAAA,WACd;AAAA,0BACAA,cAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,aAAa,cAAc,CAAA;AAAA,cACtC,MAAA,EAAO,MAAA;AAAA,cACP,WAAA,EAAY;AAAA;AAAA;AACd,SAAA,EACF,CAAA,EACF,CAAA;AAAA,wBACAA,cAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,aAAa,KAAK,CAAA;AAAA,YAC7B,EAAA,EAAG,KAAA;AAAA,YACH,EAAA,EAAG,KAAA;AAAA,YACH,IAAA,EAAK,MAAA;AAAA,YACL,MAAA,EAAO,4EAAA;AAAA,YACP,WAAA,EAAY,4BAAA;AAAA,YACZ,UAAA,EAAW,KAAA;AAAA,YACX,eAAA,EAAgB,OAAA;AAAA,YAChB,gBAAA,EAAiB;AAAA;AAAA,SACnB;AAAA,wBACAA,cAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,aAAa,KAAK,CAAA;AAAA,YAC7B,EAAA,EAAG,KAAA;AAAA,YACH,EAAA,EAAG,KAAA;AAAA,YACH,IAAA,EAAK,MAAA;AAAA,YACL,MAAA,EAAQ,QAAQ,UAAU,CAAA,CAAA,CAAA;AAAA,YAC1B,WAAA,EAAY,4BAAA;AAAA,YACZ,UAAA,EAAW,KAAA;AAAA,YACX,eAAA,EAAgB,OAAA;AAAA,YAChB,gBAAA,EAAiB;AAAA;AAAA;AACnB;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist-cjs/toolbar/Toolbar.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var css_248z = ".saltToolbar {\n  box-sizing: border-box;\n  inline-size: 100%;\n  min-width: 0;\n  position: relative;\n}\n\n.saltToolbar-layout {\n  align-items: center;\n  --saltToolbar-band-gap: var(--salt-spacing-100);\n}\n\n.saltToolbar-layout:not([data-centered]) {\n  display: flex;\n  column-gap: var(--saltToolbar-band-gap);\n}\n\n.saltToolbar-layout[data-centered] {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);\n}\n\n.saltToolbar-band {\n  display: flex;\n  align-items: center;\n  gap: var(--saltToolbar-band-gap);\n  min-width: 0;\n}\n\n.saltToolbar-layout:not([data-centered]) > .saltToolbar-band[data-band-position=\"end\"] {\n  justify-content: flex-end;\n  margin-inline-start: auto;\n}\n\n.saltToolbar-layout[data-centered] > .saltToolbar-band[data-band-position=\"start\"] {\n  grid-column: 1;\n}\n\n.saltToolbar-layout[data-centered] > .saltToolbar-band[data-band-position=\"center\"] {\n  grid-column: 2;\n  justify-content: center;\n}\n\n.saltToolbar-layout[data-centered] > .saltToolbar-band[data-band-position=\"end\"] {\n  grid-column: 3;\n  justify-content: flex-end;\n}\n\n.saltToolbar-fallback {\n  display: flex;\n  align-items: center;\n  gap: var(--salt-spacing-100);\n}\n\n.saltToolbar-layout > * {\n  min-width: 0;\n}\n\n.saltToolbar-primary {\n  --toolbar-background: var(--salt-container-primary-background);\n  --toolbar-borderColor: var(--salt-container-primary-borderColor);\n}\n\n.saltToolbar-secondary {\n  --toolbar-background: var(--salt-container-secondary-background);\n  --toolbar-borderColor: var(--salt-container-secondary-borderColor);\n}\n\n.saltToolbar-tertiary {\n  --toolbar-background: var(--salt-container-tertiary-background);\n  --toolbar-borderColor: var(--salt-container-tertiary-borderColor);\n}\n\n.saltToolbar-bordered {\n  background: var(--saltToolbar-background, var(--toolbar-background));\n  border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--saltToolbar-borderColor, var(--toolbar-borderColor));\n  border-radius: var(--salt-palette-corner, 0);\n  padding: var(--salt-spacing-100);\n}\n\n.saltToolbar-transparent {\n  background: transparent;\n  border: none;\n  padding: 0;\n}\n\n.saltToolbar-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.saltToolbar-measureTrigger {\n  white-space: nowrap;\n}\n";
+
+module.exports = css_248z;
+//# sourceMappingURL=Toolbar.css.js.map

package/dist-cjs/toolbar/Toolbar.css.js.map

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

package/dist-cjs/toolbar/Toolbar.js

@@ -0,0 +1,401 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var clsx = require('clsx');
+var React = require('react');
+var Button = require('../button/Button.js');
+var makePrefixer = require('../utils/makePrefixer.js');
+var useIsomorphicLayoutEffect = require('../utils/useIsomorphicLayoutEffect.js');
+require('../utils/useFloatingUI/useFloatingUI.js');
+var useForkRef = require('../utils/useForkRef.js');
+require('../utils/useId.js');
+require('../salt-provider/SaltProvider.js');
+require('../viewport/ViewportProvider.js');
+var Toolbar$1 = require('./Toolbar.css.js');
+var ToolbarOverflow = require('./ToolbarOverflow.js');
+var ToolbarOverflowFloatingBoundary = require('./ToolbarOverflowFloatingBoundary.js');
+var toolbarKeyboardUtils = require('./toolbarKeyboardUtils.js');
+var toolbarUtils = require('./toolbarUtils.js');
+var useToolbarKeyboardNavigation = require('./useToolbarKeyboardNavigation.js');
+var useToolbarOverflow = require('./useToolbarOverflow.js');
+
+const withBaseName = makePrefixer.makePrefixer("saltToolbar");
+const withOverflowBaseName = makePrefixer.makePrefixer("saltToolbarOverflow");
+const bandPositions = ["start", "center", "end"];
+function cloneMeasureDecorations(itemId, slot, decorations) {
+  return decorations.map((decoration, index) => {
+    return React.cloneElement(decoration, {
+      key: `${itemId}-${slot}-measurement-${String(decoration.key ?? index)}`
+    });
+  });
+}
+const Toolbar = React.forwardRef(
+  function Toolbar2({
+    children,
+    className,
+    onBlurCapture,
+    onFocusCapture,
+    onKeyDownCapture,
+    onPointerDownCapture,
+    appearance = "bordered",
+    variant = "primary",
+    ...rest
+  }, ref) {
+    const targetWindow = window.useWindow();
+    styles.useComponentCssInjection({
+      testId: "salt-toolbar",
+      css: Toolbar$1,
+      window: targetWindow
+    });
+    const { mode, content } = toolbarUtils.normalizeToolbarChildren(children);
+    const overflowContent = React.useMemo(
+      () => toolbarUtils.normalizeToolbarChildren(children).content,
+      [children]
+    );
+    const allItems = React.useMemo(
+      () => content.flatMap((contentArea) => contentArea.items),
+      [content]
+    );
+    const {
+      containerRef,
+      getBandRef,
+      getItemRef,
+      getNamedTriggerMeasureRef,
+      getNamedTriggerRef,
+      getContentRef,
+      getTriggerMeasureRef,
+      overflowGroups,
+      overflowTriggerGroups,
+      overflowedIds
+    } = useToolbarOverflow.useToolbarOverflow({ content: overflowContent });
+    const handleRef = useForkRef.useForkRef(ref, containerRef);
+    const invalidCompositionWarnedRef = React.useRef(false);
+    const itemHostRefCallbacks = React.useRef(
+      /* @__PURE__ */ new Map()
+    );
+    const [itemHostNodes, setItemHostNodes] = React.useState({});
+    const sharedOverflowGroups = React.useMemo(
+      () => overflowGroups.filter((group) => !group.named),
+      [overflowGroups]
+    );
+    const namedOverflowGroups = React.useMemo(
+      () => overflowGroups.filter((group) => group.named),
+      [overflowGroups]
+    );
+    const overflowTriggerGroupByKey = React.useMemo(
+      () => new Map(
+        overflowTriggerGroups.map((group) => [group.key, group])
+      ),
+      [overflowTriggerGroups]
+    );
+    const namedTriggerMeasureItems = React.useMemo(
+      () => allItems.filter((item) => {
+        return item.overflowMode !== "none" && item.overflowGroup !== "shared";
+      }),
+      [allItems]
+    );
+    const bandsByPosition = React.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 = useToolbarKeyboardNavigation.useToolbarKeyboardNavigation({
+      items: allItems,
+      overflowedIds,
+      scopeRef: containerRef
+    });
+    const overflowedIdsKey = React.useMemo(
+      () => Array.from(overflowedIds).sort().join("\0"),
+      [overflowedIds]
+    );
+    const previousOverflowedIdsKeyRef = React.useRef(overflowedIdsKey);
+    const getItemHostRef = React.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 = React.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 = React.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.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
+    ]);
+    React.useEffect(() => {
+      if (process.env.NODE_ENV !== "production") {
+        if (mode === "invalid" && !invalidCompositionWarnedRef.current) {
+          console.warn(
+            "Toolbar children must be authored in one composition model: either Tooltray/Divider children directly in Toolbar, or ToolbarContent children containing Tooltray/Divider items."
+          );
+          invalidCompositionWarnedRef.current = true;
+        }
+        if (mode !== "invalid") {
+          invalidCompositionWarnedRef.current = false;
+        }
+      }
+    }, [mode]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: clsx.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,
+        ...{ [toolbarKeyboardUtils.TOOLBAR_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__ */ jsxRuntime.jsxs(ToolbarOverflowFloatingBoundary.ToolbarOverflowFloatingBoundaryProvider, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ToolbarOverflow.ToolbarOverflowOwners,
+            {
+              hostNodes: itemOwnerHostNodes,
+              items: allItems
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { "aria-hidden": true, className: withBaseName("measurements"), children: [
+            overflowTriggerGroups.filter((group) => !group.named).map((group) => /* @__PURE__ */ jsxRuntime.jsx(
+              Button.Button,
+              {
+                appearance: "transparent",
+                className: withBaseName("measureTrigger"),
+                ref: getTriggerMeasureRef(group.key),
+                sentiment: "neutral",
+                tabIndex: -1,
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  ToolbarOverflow.ToolbarOverflowTriggerContent,
+                  {
+                    label: group.label,
+                    named: group.named
+                  }
+                )
+              },
+              group.id
+            )),
+            namedTriggerMeasureItems.map((item) => {
+              const group = overflowTriggerGroupByKey.get(
+                item.overflowGroupKey
+              );
+              if (!group) {
+                return null;
+              }
+              return /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  className: withOverflowBaseName("slot"),
+                  ref: getNamedTriggerMeasureRef(item.id),
+                  children: [
+                    cloneMeasureDecorations(
+                      item.id,
+                      "leading",
+                      item.leadingDecorations
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: withOverflowBaseName("item"), children: /* @__PURE__ */ jsxRuntime.jsx(
+                      Button.Button,
+                      {
+                        appearance: "transparent",
+                        className: withOverflowBaseName("trigger"),
+                        sentiment: "neutral",
+                        tabIndex: -1,
+                        children: /* @__PURE__ */ jsxRuntime.jsx(
+                          ToolbarOverflow.ToolbarOverflowTriggerContent,
+                          {
+                            label: group.label,
+                            named: group.named
+                          }
+                        )
+                      }
+                    ) })
+                  ]
+                },
+                `measure-${item.id}`
+              );
+            }),
+            overflowedMeasurementItems.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                className: withOverflowBaseName("slot"),
+                ref: getItemRef(item.id),
+                children: [
+                  cloneMeasureDecorations(
+                    item.id,
+                    "leading",
+                    item.leadingDecorations
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: withOverflowBaseName("item"), children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                className: withBaseName("band"),
+                "data-band-position": position,
+                ref: getBandRef(position),
+                children: [
+                  bandContent.map((contentArea) => /* @__PURE__ */ jsxRuntime.jsx(
+                    ToolbarOverflow.ToolbarOverflowContent,
+                    {
+                      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__ */ jsxRuntime.jsx(
+                    ToolbarOverflow.ToolbarOverflowMenu,
+                    {
+                      focusMemoryRef: keyboardNavigation.rememberedFocusRef,
+                      getItemHostRef,
+                      group,
+                      onItemFocus: keyboardNavigation.rememberItemFocus
+                    },
+                    group.id
+                  )) : null
+                ]
+              },
+              position
+            );
+          })
+        ] })
+      }
+    );
+  }
+);
+
+exports.Toolbar = Toolbar;
+//# sourceMappingURL=Toolbar.js.map

package/dist-cjs/toolbar/Toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.js","sources":["../src/toolbar/Toolbar.tsx"],"sourcesContent":["import { 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 { Button } from \"../button\";\nimport { makePrefixer, useForkRef, useIsomorphicLayoutEffect } from \"../utils\";\nimport toolbarCss from \"./Toolbar.css\";\nimport type { ToolbarContentProps } from \"./ToolbarContent\";\nimport {\n  type ToolbarItemHostKind,\n  ToolbarOverflowContent,\n  ToolbarOverflowMenu,\n  ToolbarOverflowOwners,\n  ToolbarOverflowTriggerContent,\n} from \"./ToolbarOverflow\";\nimport { ToolbarOverflowFloatingBoundaryProvider } from \"./ToolbarOverflowFloatingBoundary\";\nimport { TOOLBAR_SCOPE_ROOT_ATTR } from \"./toolbarKeyboardUtils\";\nimport {\n  normalizeToolbarChildren,\n  type ToolbarOverflowItem,\n} from \"./toolbarUtils\";\nimport { useToolbarKeyboardNavigation } from \"./useToolbarKeyboardNavigation\";\nimport { useToolbarOverflow } from \"./useToolbarOverflow\";\n\nexport interface ToolbarProps 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\ntype ToolbarContentPosition = ToolbarContentProps[\"position\"];\n\nconst withBaseName = makePrefixer(\"saltToolbar\");\nconst withOverflowBaseName = makePrefixer(\"saltToolbarOverflow\");\nconst bandPositions: ToolbarContentPosition[] = [\"start\", \"center\", \"end\"];\n\ntype ToolbarItemHostNodes = Partial<\n  Record<ToolbarItemHostKind, HTMLDivElement | null>\n>;\n\nfunction cloneMeasureDecorations(\n  itemId: string,\n  slot: \"leading\" | \"trailing\",\n  decorations: ToolbarOverflowItem[\"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 Toolbar = forwardRef<HTMLDivElement, ToolbarProps>(\n  function Toolbar(\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\",\n      css: toolbarCss,\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    } = useToolbarOverflow({ 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, ToolbarItemHostNodes>\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<ToolbarContentPosition, 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 = useToolbarKeyboardNavigation({\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: ToolbarItemHostKind) => {\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            \"Toolbar children must be authored in one composition model: either Tooltray/Divider children directly in Toolbar, or ToolbarContent children containing Tooltray/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_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          <ToolbarOverflowFloatingBoundaryProvider>\n            <ToolbarOverflowOwners\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                    <ToolbarOverflowTriggerContent\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                        <ToolbarOverflowTriggerContent\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                    <ToolbarOverflowContent\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                        <ToolbarOverflowMenu\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          </ToolbarOverflowFloatingBoundaryProvider>\n        )}\n      </div>\n    );\n  },\n);\n"],"names":["makePrefixer","cloneElement","forwardRef","Toolbar","useWindow","useComponentCssInjection","toolbarCss","normalizeToolbarChildren","useMemo","useToolbarOverflow","useForkRef","useRef","useState","useToolbarKeyboardNavigation","useCallback","useIsomorphicLayoutEffect","useEffect","jsx","clsx","TOOLBAR_SCOPE_ROOT_ATTR","jsxs","ToolbarOverflowFloatingBoundaryProvider","ToolbarOverflowOwners","Button","ToolbarOverflowTriggerContent","ToolbarOverflowContent","ToolbarOverflowMenu"],"mappings":"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"}

package/dist-cjs/toolbar/ToolbarContent.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var css_248z = ".saltToolbarContent {\n  display: flex;\n  align-items: center;\n  gap: var(--salt-spacing-100);\n  min-width: 0;\n  flex-shrink: 0;\n}\n\n.saltToolbarContent[data-position=\"start\"] {\n  justify-content: flex-start;\n}\n\n.saltToolbarContent[data-position=\"center\"] {\n  justify-content: center;\n}\n\n.saltToolbarContent[data-position=\"end\"] {\n  justify-content: flex-end;\n}\n\n.saltToolbarContent[data-implicit] > .saltTooltray[data-align=\"center\"],\n.saltToolbarContent[data-implicit] > .saltTooltray[data-align=\"end\"] {\n  margin-inline-start: 0;\n  margin-inline-end: 0;\n}\n";
+
+module.exports = css_248z;
+//# sourceMappingURL=ToolbarContent.css.js.map

package/dist-cjs/toolbar/ToolbarContent.css.js.map

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