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

package/dist-cjs/mega-menu/MegaMenuHeader.js

@@ -1,25 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var clsx = require('clsx');
-var react = require('react');
-var MegaMenuHeader$1 = require('./MegaMenuHeader.css.js');
-
-const withBaseName = core.makePrefixer("saltMegaMenuHeader");
-const MegaMenuHeader = react.forwardRef(
-  function MegaMenuHeader2({ children, className, ...rest }, ref) {
-    const targetWindow = window.useWindow();
-    styles.useComponentCssInjection({
-      testId: "salt-mega-menu-header",
-      css: MegaMenuHeader$1,
-      window: targetWindow
-    });
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx(withBaseName(), className), ref, ...rest, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx(withBaseName("content")), children }) });
-  }
-);
-
-exports.MegaMenuHeader = MegaMenuHeader;
-//# sourceMappingURL=MegaMenuHeader.js.map

package/dist-cjs/mega-menu/MegaMenuHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MegaMenuHeader.js","sources":["../src/mega-menu/MegaMenuHeader.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 {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type ReactNode,\n} from \"react\";\nimport megaMenuHeaderCss from \"./MegaMenuHeader.css\";\n\nconst withBaseName = makePrefixer(\"saltMegaMenuHeader\");\n\nexport interface MegaMenuHeaderProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The content of the mega menu header.\n   */\n  children?: ReactNode;\n}\n\nexport const MegaMenuHeader = forwardRef<HTMLDivElement, MegaMenuHeaderProps>(\n  function MegaMenuHeader({ children, className, ...rest }, ref) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-mega-menu-header\",\n      css: megaMenuHeaderCss,\n      window: targetWindow,\n    });\n\n    return (\n      <div className={clsx(withBaseName(), className)} ref={ref} {...rest}>\n        <div className={clsx(withBaseName(\"content\"))}>{children}</div>\n      </div>\n    );\n  },\n);\n"],"names":["makePrefixer","forwardRef","MegaMenuHeader","useWindow","useComponentCssInjection","megaMenuHeaderCss","jsx","clsx"],"mappings":";;;;;;;;;;AAWA,MAAM,YAAA,GAAeA,kBAAa,oBAAoB,CAAA;AAS/C,MAAM,cAAA,GAAiBC,gBAAA;AAAA,EAC5B,SAASC,gBAAe,EAAE,QAAA,EAAU,WAAW,GAAG,IAAA,IAAQ,GAAA,EAAK;AAC7D,IAAA,MAAM,eAAeC,gBAAA,EAAU;AAC/B,IAAAC,+BAAA,CAAyB;AAAA,MACvB,MAAA,EAAQ,uBAAA;AAAA,MACR,GAAA,EAAKC,gBAAA;AAAA,MACL,MAAA,EAAQ;AAAA,KACT,CAAA;AAED,IAAA,uBACEC,cAAA,CAAC,SAAI,SAAA,EAAWC,SAAA,CAAK,cAAa,EAAG,SAAS,GAAG,GAAA,EAAW,GAAG,MAC7D,QAAA,kBAAAD,cAAA,CAAC,KAAA,EAAA,EAAI,WAAWC,SAAA,CAAK,YAAA,CAAa,SAAS,CAAC,CAAA,EAAI,UAAS,CAAA,EAC3D,CAAA;AAAA,EAEJ;AACF;;;;"}

package/dist-cjs/mega-menu/MegaMenuItem.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltMegaMenuItem {\n  list-style: none;\n}\n\n.saltMegaMenuItem > a {\n  display: flex;\n  padding: var(--salt-spacing-50) var(--salt-spacing-100);\n  align-items: flex-start;\n  color: var(--salt-content-primary-foreground);\n  background: var(--salt-selectable-background);\n  cursor: var(--salt-cursor-hover);\n  min-height: calc(var(--salt-size-base) + var(--salt-spacing-100));\n  box-sizing: border-box;\n  gap: var(--salt-spacing-100);\n  position: relative;\n  border-radius: var(--salt-palette-corner-weak);\n  text-decoration: none;\n}\n\n.saltMegaMenuItem > a > .saltIcon {\n  display: flex;\n  height: var(--salt-size-base);\n  align-items: center;\n}\n\n.saltMegaMenuItem-content {\n  flex: 1 0;\n  margin: var(--salt-spacing-75) 0;\n  font-family: var(--salt-text-fontFamily);\n  font-size: var(--salt-text-fontSize);\n  font-weight: var(--salt-text-fontWeight);\n  line-height: var(--salt-text-lineHeight);\n}\n\n.saltMegaMenuItem > a:focus-visible {\n  outline: var(--salt-focused-outline);\n  outline-offset: calc(var(--salt-size-fixed-100) * -2);\n}\n\n.saltMegaMenuItem > a:hover {\n  outline: none;\n  background: var(--salt-navigable-background-hover);\n}\n\n.saltMegaMenuItem > a:active {\n  background: var(--salt-navigable-accent-background-active);\n}\n\n.saltMegaMenuItem > a:active::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  box-sizing: border-box;\n  border-radius: inherit;\n  border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-navigable-accent-borderColor-active);\n  pointer-events: none;\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=MegaMenuItem.css.js.map

package/dist-cjs/mega-menu/MegaMenuItem.css.js.map

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

package/dist-cjs/mega-menu/MegaMenuItem.js

@@ -1,53 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var clsx = require('clsx');
-var react = require('react');
-var MegaMenuItem$1 = require('./MegaMenuItem.css.js');
-var useMegaMenu = require('./useMegaMenu.js');
-
-const withBaseName = core.makePrefixer("saltMegaMenuItem");
-function ItemAction(props) {
-  return core.renderProps("a", props);
-}
-const MegaMenuItem = react.forwardRef(
-  function MegaMenuItem2({ children, className, onClick, onKeyDown, ...rest }, ref) {
-    const targetWindow = window.useWindow();
-    const megaMenu = useMegaMenu.useMegaMenu();
-    styles.useComponentCssInjection({
-      testId: "salt-mega-menu-item",
-      css: MegaMenuItem$1,
-      window: targetWindow
-    });
-    const handleClick = (event) => {
-      onClick == null ? void 0 : onClick(event);
-      megaMenu.setOpen(false);
-    };
-    const handleKeyDown = (event) => {
-      onKeyDown == null ? void 0 : onKeyDown(event);
-      if (!event.defaultPrevented && event.key === " ") {
-        event.preventDefault();
-        event.currentTarget.click();
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx("li", { className: clsx.clsx(withBaseName(), className), ref, children: /* @__PURE__ */ jsxRuntime.jsx(
-      ItemAction,
-      {
-        "data-mega-menu-item": "",
-        onClick: handleClick,
-        onKeyDown: handleKeyDown,
-        ...rest,
-        children: react.Children.map(
-          children,
-          (child) => typeof child === "string" || typeof child === "number" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: withBaseName("content"), children: child }) : child
-        )
-      }
-    ) });
-  }
-);
-
-exports.MegaMenuItem = MegaMenuItem;
-//# sourceMappingURL=MegaMenuItem.js.map

package/dist-cjs/mega-menu/MegaMenuItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MegaMenuItem.js","sources":["../src/mega-menu/MegaMenuItem.tsx"],"sourcesContent":["import { makePrefixer, type RenderPropsType, renderProps } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type AnchorHTMLAttributes,\n  Children,\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactNode,\n} from \"react\";\nimport megaMenuItemCss from \"./MegaMenuItem.css\";\nimport { useMegaMenu } from \"./useMegaMenu\";\n\nconst withBaseName = makePrefixer(\"saltMegaMenuItem\");\n\n// biome-ignore lint/suspicious/noExplicitAny: We don't know the exact type here\nfunction ItemAction(props: ComponentPropsWithoutRef<any>) {\n  return renderProps(\"a\", props);\n}\n\nexport interface MegaMenuItemProps\n  extends AnchorHTMLAttributes<HTMLAnchorElement> {\n  /**\n   * The content of the mega menu item.\n   */\n  children?: ReactNode;\n  /**\n   * Render prop to enable customization of the underlying action element (e.g. a router `Link`).\n   */\n  render?: RenderPropsType[\"render\"];\n}\n\nexport const MegaMenuItem = forwardRef<HTMLLIElement, MegaMenuItemProps>(\n  function MegaMenuItem(\n    { children, className, onClick, onKeyDown, ...rest },\n    ref,\n  ) {\n    const targetWindow = useWindow();\n    const megaMenu = useMegaMenu();\n\n    useComponentCssInjection({\n      testId: \"salt-mega-menu-item\",\n      css: megaMenuItemCss,\n      window: targetWindow,\n    });\n\n    const handleClick = (event: MouseEvent<HTMLAnchorElement>) => {\n      onClick?.(event);\n      megaMenu.setOpen(false);\n    };\n\n    // Native `<a>` activates on Enter but not Space — handle Space here for parity.\n    const handleKeyDown = (event: KeyboardEvent<HTMLAnchorElement>) => {\n      onKeyDown?.(event);\n      if (!event.defaultPrevented && event.key === \" \") {\n        event.preventDefault();\n        event.currentTarget.click();\n      }\n    };\n\n    return (\n      <li className={clsx(withBaseName(), className)} ref={ref}>\n        <ItemAction\n          data-mega-menu-item=\"\"\n          onClick={handleClick}\n          onKeyDown={handleKeyDown}\n          {...rest}\n        >\n          {Children.map(children, (child) =>\n            typeof child === \"string\" || typeof child === \"number\" ? (\n              <span className={withBaseName(\"content\")}>{child}</span>\n            ) : (\n              child\n            ),\n          )}\n        </ItemAction>\n      </li>\n    );\n  },\n);\n"],"names":["makePrefixer","renderProps","forwardRef","MegaMenuItem","useWindow","useMegaMenu","useComponentCssInjection","megaMenuItemCss","jsx","clsx","Children"],"mappings":";;;;;;;;;;;AAgBA,MAAM,YAAA,GAAeA,kBAAa,kBAAkB,CAAA;AAGpD,SAAS,WAAW,KAAA,EAAsC;AACxD,EAAA,OAAOC,gBAAA,CAAY,KAAK,KAAK,CAAA;AAC/B;AAcO,MAAM,YAAA,GAAeC,gBAAA;AAAA,EAC1B,SAASC,aAAAA,CACP,EAAE,QAAA,EAAU,SAAA,EAAW,SAAS,SAAA,EAAW,GAAG,IAAA,EAAK,EACnD,GAAA,EACA;AACA,IAAA,MAAM,eAAeC,gBAAA,EAAU;AAC/B,IAAA,MAAM,WAAWC,uBAAA,EAAY;AAE7B,IAAAC,+BAAA,CAAyB;AAAA,MACvB,MAAA,EAAQ,qBAAA;AAAA,MACR,GAAA,EAAKC,cAAA;AAAA,MACL,MAAA,EAAQ;AAAA,KACT,CAAA;AAED,IAAA,MAAM,WAAA,GAAc,CAAC,KAAA,KAAyC;AAC5D,MAAA,OAAA,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,CAAU,KAAA,CAAA;AACV,MAAA,QAAA,CAAS,QAAQ,KAAK,CAAA;AAAA,IACxB,CAAA;AAGA,IAAA,MAAM,aAAA,GAAgB,CAAC,KAAA,KAA4C;AACjE,MAAA,SAAA,IAAA,IAAA,GAAA,MAAA,GAAA,SAAA,CAAY,KAAA,CAAA;AACZ,MAAA,IAAI,CAAC,KAAA,CAAM,gBAAA,IAAoB,KAAA,CAAM,QAAQ,GAAA,EAAK;AAChD,QAAA,KAAA,CAAM,cAAA,EAAe;AACrB,QAAA,KAAA,CAAM,cAAc,KAAA,EAAM;AAAA,MAC5B;AAAA,IACF,CAAA;AAEA,IAAA,uBACEC,cAAA,CAAC,QAAG,SAAA,EAAWC,SAAA,CAAK,cAAa,EAAG,SAAS,GAAG,GAAA,EAC9C,QAAA,kBAAAD,cAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,qBAAA,EAAoB,EAAA;AAAA,QACpB,OAAA,EAAS,WAAA;AAAA,QACT,SAAA,EAAW,aAAA;AAAA,QACV,GAAG,IAAA;AAAA,QAEH,QAAA,EAAAE,cAAA,CAAS,GAAA;AAAA,UAAI,QAAA;AAAA,UAAU,CAAC,KAAA,KACvB,OAAO,KAAA,KAAU,YAAY,OAAO,KAAA,KAAU,QAAA,mBAC5CF,cAAA,CAAC,UAAK,SAAA,EAAW,YAAA,CAAa,SAAS,CAAA,EAAI,iBAAM,CAAA,GAEjD;AAAA;AAEJ;AAAA,KACF,EACF,CAAA;AAAA,EAEJ;AACF;;;;"}

package/dist-cjs/mega-menu/MegaMenuSupportingActions.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltMegaMenuSupportingActions {\n  display: flex;\n  flex-wrap: wrap;\n  width: fit-content;\n  padding-bottom: var(--salt-spacing-300);\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=MegaMenuSupportingActions.css.js.map

package/dist-cjs/mega-menu/MegaMenuSupportingActions.css.js.map

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

package/dist-cjs/mega-menu/MegaMenuSupportingActions.js

@@ -1,31 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var clsx = require('clsx');
-var react = require('react');
-var MegaMenuSupportingActions$1 = require('./MegaMenuSupportingActions.css.js');
-
-const withBaseName = core.makePrefixer("saltMegaMenuSupportingActions");
-const MegaMenuSupportingActions = react.forwardRef(function MegaMenuSupportingActions2({ className, ...rest }, ref) {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "salt-mega-menu-supporting-actions",
-    css: MegaMenuSupportingActions$1,
-    window: targetWindow
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: clsx.clsx(withBaseName(), className),
-      "data-mega-menu-column": "",
-      ref,
-      ...rest
-    }
-  );
-});
-
-exports.MegaMenuSupportingActions = MegaMenuSupportingActions;
-//# sourceMappingURL=MegaMenuSupportingActions.js.map

package/dist-cjs/mega-menu/MegaMenuSupportingActions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MegaMenuSupportingActions.js","sources":["../src/mega-menu/MegaMenuSupportingActions.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 {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type ReactNode,\n} from \"react\";\nimport megaMenuSupportingActionsCss from \"./MegaMenuSupportingActions.css\";\n\nconst withBaseName = makePrefixer(\"saltMegaMenuSupportingActions\");\n\nexport interface MegaMenuSupportingActionsProps\n  extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * Supporting action links displayed below the menu sections.\n   */\n  children?: ReactNode;\n}\n\nexport const MegaMenuSupportingActions = forwardRef<\n  HTMLDivElement,\n  MegaMenuSupportingActionsProps\n>(function MegaMenuSupportingActions({ className, ...rest }, ref) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-mega-menu-supporting-actions\",\n    css: megaMenuSupportingActionsCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div\n      className={clsx(withBaseName(), className)}\n      data-mega-menu-column=\"\"\n      ref={ref}\n      {...rest}\n    />\n  );\n});\n"],"names":["makePrefixer","forwardRef","MegaMenuSupportingActions","useWindow","useComponentCssInjection","megaMenuSupportingActionsCss","jsx","clsx"],"mappings":";;;;;;;;;;AAWA,MAAM,YAAA,GAAeA,kBAAa,+BAA+B,CAAA;AAU1D,MAAM,yBAAA,GAA4BC,iBAGvC,SAASC,0BAAAA,CAA0B,EAAE,SAAA,EAAW,GAAG,IAAA,EAAK,EAAG,GAAA,EAAK;AAChE,EAAA,MAAM,eAAeC,gBAAA,EAAU;AAC/B,EAAAC,+BAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,mCAAA;AAAA,IACR,GAAA,EAAKC,2BAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,SAAA,CAAK,YAAA,EAAa,EAAG,SAAS,CAAA;AAAA,MACzC,uBAAA,EAAsB,EAAA;AAAA,MACtB,GAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC;;;;"}

package/dist-cjs/mega-menu/MegaMenuSupportingContent.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltMegaMenuSupportingContent {\n  padding: var(--salt-spacing-300);\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=MegaMenuSupportingContent.css.js.map

package/dist-cjs/mega-menu/MegaMenuSupportingContent.css.js.map

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

package/dist-cjs/mega-menu/MegaMenuSupportingContent.js

@@ -1,31 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var clsx = require('clsx');
-var react = require('react');
-var MegaMenuSupportingContent$1 = require('./MegaMenuSupportingContent.css.js');
-
-const withBaseName = core.makePrefixer("saltMegaMenuSupportingContent");
-const MegaMenuSupportingContent = react.forwardRef(function MegaMenuSupportingContent2({ className, ...rest }, ref) {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "salt-mega-menu-supporting-content",
-    css: MegaMenuSupportingContent$1,
-    window: targetWindow
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: clsx.clsx(withBaseName(), className),
-      "data-mega-menu-column": "",
-      ref,
-      ...rest
-    }
-  );
-});
-
-exports.MegaMenuSupportingContent = MegaMenuSupportingContent;
-//# sourceMappingURL=MegaMenuSupportingContent.js.map

package/dist-cjs/mega-menu/MegaMenuSupportingContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MegaMenuSupportingContent.js","sources":["../src/mega-menu/MegaMenuSupportingContent.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 {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type ReactNode,\n} from \"react\";\nimport megaMenuSupportingContentCss from \"./MegaMenuSupportingContent.css\";\n\nconst withBaseName = makePrefixer(\"saltMegaMenuSupportingContent\");\n\nexport interface MegaMenuSupportingContentProps\n  extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The content of the region.\n   */\n  children?: ReactNode;\n}\n\nexport const MegaMenuSupportingContent = forwardRef<\n  HTMLDivElement,\n  MegaMenuSupportingContentProps\n>(function MegaMenuSupportingContent({ className, ...rest }, ref) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-mega-menu-supporting-content\",\n    css: megaMenuSupportingContentCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div\n      className={clsx(withBaseName(), className)}\n      data-mega-menu-column=\"\"\n      ref={ref}\n      {...rest}\n    />\n  );\n});\n"],"names":["makePrefixer","forwardRef","MegaMenuSupportingContent","useWindow","useComponentCssInjection","megaMenuSupportingContentCss","jsx","clsx"],"mappings":";;;;;;;;;;AAWA,MAAM,YAAA,GAAeA,kBAAa,+BAA+B,CAAA;AAU1D,MAAM,yBAAA,GAA4BC,iBAGvC,SAASC,0BAAAA,CAA0B,EAAE,SAAA,EAAW,GAAG,IAAA,EAAK,EAAG,GAAA,EAAK;AAChE,EAAA,MAAM,eAAeC,gBAAA,EAAU;AAC/B,EAAAC,+BAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,mCAAA;AAAA,IACR,GAAA,EAAKC,2BAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,SAAA,CAAK,YAAA,EAAa,EAAG,SAAS,CAAA;AAAA,MACzC,uBAAA,EAAsB,EAAA;AAAA,MACtB,GAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC;;;;"}

package/dist-cjs/mega-menu/useMegaMenuKeyboard.js

@@ -1,209 +0,0 @@
-'use strict';
-
-var react = require('react');
-
-const COLUMN_SELECTOR = "[data-mega-menu-column]";
-const ITEM_SELECTOR = "[data-mega-menu-item]";
-const FOCUSABLE_SELECTOR = 'a[href], button:not([disabled]), [tabindex]:not([tabindex="-1"])';
-function getColumnItems(column) {
-  const marked = Array.from(
-    column.querySelectorAll(ITEM_SELECTOR)
-  ).filter((el) => el.matches(FOCUSABLE_SELECTOR));
-  if (marked.length > 0) return marked;
-  return Array.from(column.querySelectorAll(FOCUSABLE_SELECTOR));
-}
-function buildGrid(panel) {
-  const columns = new Set(panel.querySelectorAll(COLUMN_SELECTOR));
-  const grid = [];
-  const processedColumns = /* @__PURE__ */ new Set();
-  const all = panel.querySelectorAll(
-    `${COLUMN_SELECTOR}, ${ITEM_SELECTOR}`
-  );
-  for (const el of all) {
-    if (columns.has(el) && !processedColumns.has(el)) {
-      processedColumns.add(el);
-      const items = getColumnItems(el);
-      if (items.length > 0) grid.push(items);
-    } else if (el.matches(ITEM_SELECTOR)) {
-      const parentCol = el.closest(COLUMN_SELECTOR);
-      if ((!parentCol || !columns.has(parentCol)) && el.matches(FOCUSABLE_SELECTOR)) {
-        grid.push([el]);
-      }
-    }
-  }
-  return grid;
-}
-function findPosition(grid, el) {
-  for (let col = 0; col < grid.length; col++) {
-    const row = grid[col].indexOf(el);
-    if (row !== -1) return { col, row };
-  }
-  return null;
-}
-function focusTrigger(context) {
-  const reference = context.elements.reference;
-  const focusable = (reference == null ? void 0 : reference.querySelector(FOCUSABLE_SELECTOR)) ?? reference;
-  focusable == null ? void 0 : focusable.focus();
-}
-function focusNextAfterPanel(context, panel) {
-  var _a, _b;
-  const reference = context.elements.reference;
-  const refFocusable = (reference == null ? void 0 : reference.querySelector(FOCUSABLE_SELECTOR)) ?? reference;
-  const nextSibling = (_b = (_a = refFocusable == null ? void 0 : refFocusable.closest("li")) == null ? void 0 : _a.nextElementSibling) == null ? void 0 : _b.querySelector(FOCUSABLE_SELECTOR);
-  const nextOutside = nextSibling || (() => {
-    const allFocusable = Array.from(
-      panel.ownerDocument.querySelectorAll(FOCUSABLE_SELECTOR)
-    ).filter((el) => !panel.contains(el));
-    const idx = refFocusable ? allFocusable.indexOf(refFocusable) : -1;
-    return idx >= 0 ? allFocusable[idx + 1] : void 0;
-  })();
-  if (nextOutside) {
-    const view = panel.ownerDocument.defaultView;
-    view == null ? void 0 : view.requestAnimationFrame(() => {
-      view == null ? void 0 : view.requestAnimationFrame(() => {
-        nextOutside.focus();
-      });
-    });
-  }
-}
-function useMegaMenuKeyboard(context, props = {}) {
-  const { enabled = true } = props;
-  const { open, onOpenChange } = context;
-  return react.useMemo(() => {
-    if (!enabled) {
-      return {};
-    }
-    return {
-      reference: {
-        onKeyDown(event) {
-          if (event.key === "ArrowDown" && open) {
-            event.preventDefault();
-            const floating = context.elements.floating;
-            if (floating instanceof HTMLElement) {
-              focusFirstItem(floating);
-            }
-          }
-        }
-      },
-      floating: {
-        onKeyDown(event) {
-          var _a, _b, _c, _d;
-          if (!open) return;
-          const panel = event.currentTarget;
-          const target = event.target;
-          const focusedItem = target.closest(ITEM_SELECTOR) ?? target.closest(FOCUSABLE_SELECTOR);
-          if (!focusedItem) return;
-          const grid = buildGrid(panel);
-          const pos = findPosition(grid, focusedItem);
-          if (!pos) return;
-          const allItems = grid.flat();
-          const linearIndex = allItems.indexOf(focusedItem);
-          switch (event.key) {
-            case "ArrowDown": {
-              event.preventDefault();
-              const next = pos.row + 1;
-              if (next < grid[pos.col].length) {
-                grid[pos.col][next].focus();
-              } else {
-                const nextCol = pos.col + 1;
-                if (nextCol < grid.length) {
-                  grid[nextCol][0].focus();
-                }
-              }
-              break;
-            }
-            case "ArrowUp": {
-              event.preventDefault();
-              if (pos.row > 0) {
-                grid[pos.col][pos.row - 1].focus();
-              } else {
-                const prevCol = pos.col - 1;
-                if (prevCol >= 0) {
-                  grid[prevCol][grid[prevCol].length - 1].focus();
-                } else {
-                  focusTrigger(context);
-                }
-              }
-              break;
-            }
-            case "ArrowRight": {
-              event.preventDefault();
-              const nextCol = pos.col + 1;
-              if (nextCol < grid.length) {
-                grid[nextCol][0].focus();
-              } else {
-                const reference = context.elements.reference;
-                const trigger = (reference == null ? void 0 : reference.querySelector(FOCUSABLE_SELECTOR)) ?? reference;
-                const li = trigger == null ? void 0 : trigger.closest("li");
-                const nextSibling = (li == null ? void 0 : li.nextElementSibling) instanceof HTMLElement ? li.nextElementSibling.querySelector(
-                  FOCUSABLE_SELECTOR
-                ) : null;
-                if (nextSibling) {
-                  onOpenChange(false);
-                  nextSibling.focus();
-                }
-              }
-              break;
-            }
-            case "ArrowLeft": {
-              event.preventDefault();
-              const prevCol = pos.col - 1;
-              if (prevCol >= 0) {
-                grid[prevCol][0].focus();
-              } else {
-                focusTrigger(context);
-              }
-              break;
-            }
-            case "Tab": {
-              event.preventDefault();
-              if (event.shiftKey) {
-                if (linearIndex === 0) {
-                  focusTrigger(context);
-                } else {
-                  (_a = allItems[linearIndex - 1]) == null ? void 0 : _a.focus();
-                }
-              } else {
-                if (linearIndex === allItems.length - 1) {
-                  onOpenChange(false);
-                  focusNextAfterPanel(context, panel);
-                } else {
-                  (_b = allItems[linearIndex + 1]) == null ? void 0 : _b.focus();
-                }
-              }
-              break;
-            }
-            case "Home": {
-              event.preventDefault();
-              (_c = grid[pos.col][0]) == null ? void 0 : _c.focus();
-              break;
-            }
-            case "End": {
-              event.preventDefault();
-              (_d = grid[pos.col][grid[pos.col].length - 1]) == null ? void 0 : _d.focus();
-              break;
-            }
-          }
-        }
-      }
-    };
-  }, [enabled, open, context, onOpenChange]);
-}
-function focusFirstItem(panel, attempt = 0) {
-  var _a;
-  const grid = buildGrid(panel);
-  const firstItem = (_a = grid[0]) == null ? void 0 : _a[0];
-  if (firstItem) {
-    firstItem.focus();
-    return;
-  }
-  const view = panel.ownerDocument.defaultView;
-  if (attempt < 3 && view) {
-    view.requestAnimationFrame(() => focusFirstItem(panel, attempt + 1));
-  }
-}
-
-exports.FOCUSABLE_SELECTOR = FOCUSABLE_SELECTOR;
-exports.focusFirstItem = focusFirstItem;
-exports.useMegaMenuKeyboard = useMegaMenuKeyboard;
-//# sourceMappingURL=useMegaMenuKeyboard.js.map

package/dist-cjs/mega-menu/useMegaMenuKeyboard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMegaMenuKeyboard.js","sources":["../src/mega-menu/useMegaMenuKeyboard.ts"],"sourcesContent":["import type { ElementProps, FloatingRootContext } from \"@floating-ui/react\";\nimport { useMemo } from \"react\";\n\nconst COLUMN_SELECTOR = \"[data-mega-menu-column]\";\nconst ITEM_SELECTOR = \"[data-mega-menu-item]\";\nexport const FOCUSABLE_SELECTOR =\n  'a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])';\n\n/**\n * Get navigable items within a column.\n * Prefers explicitly marked items (`data-mega-menu-item`) that are focusable,\n * falling back to all focusable elements when no usable marked items are found.\n */\nfunction getColumnItems(column: HTMLElement): HTMLElement[] {\n  const marked = Array.from(\n    column.querySelectorAll<HTMLElement>(ITEM_SELECTOR),\n  ).filter((el) => el.matches(FOCUSABLE_SELECTOR));\n  if (marked.length > 0) return marked;\n  return Array.from(column.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR));\n}\n\n/**\n * Build a 2D grid of navigable items from the panel DOM.\n * Each column is a `[data-mega-menu-column]` wrapper; items within each\n * column are discovered via `getColumnItems`.\n * Items not inside any column (orphans) are inserted at their DOM position\n * as single-item columns so keyboard navigation follows visual order.\n */\nfunction buildGrid(panel: HTMLElement): HTMLElement[][] {\n  const columns = new Set(panel.querySelectorAll<HTMLElement>(COLUMN_SELECTOR));\n  const grid: HTMLElement[][] = [];\n  const processedColumns = new Set<HTMLElement>();\n\n  // Walk columns and items in DOM order so orphans are interleaved correctly.\n  const all = panel.querySelectorAll<HTMLElement>(\n    `${COLUMN_SELECTOR}, ${ITEM_SELECTOR}`,\n  );\n\n  for (const el of all) {\n    if (columns.has(el) && !processedColumns.has(el)) {\n      processedColumns.add(el);\n      const items = getColumnItems(el);\n      if (items.length > 0) grid.push(items);\n    } else if (el.matches(ITEM_SELECTOR)) {\n      const parentCol = el.closest(COLUMN_SELECTOR);\n      if (\n        (!parentCol || !columns.has(parentCol as HTMLElement)) &&\n        el.matches(FOCUSABLE_SELECTOR)\n      ) {\n        grid.push([el]);\n      }\n    }\n  }\n\n  return grid;\n}\n\nfunction findPosition(\n  grid: HTMLElement[][],\n  el: HTMLElement,\n): { col: number; row: number } | null {\n  for (let col = 0; col < grid.length; col++) {\n    const row = grid[col].indexOf(el);\n    if (row !== -1) return { col, row };\n  }\n  return null;\n}\n\nfunction focusTrigger(context: FloatingRootContext) {\n  const reference = context.elements.reference as HTMLElement | null;\n  const focusable =\n    reference?.querySelector<HTMLElement>(FOCUSABLE_SELECTOR) ?? reference;\n  focusable?.focus();\n}\n\nfunction focusNextAfterPanel(context: FloatingRootContext, panel: HTMLElement) {\n  const reference = context.elements.reference as HTMLElement | null;\n  const refFocusable =\n    reference?.querySelector<HTMLElement>(FOCUSABLE_SELECTOR) ?? reference;\n\n  const nextSibling = refFocusable\n    ?.closest(\"li\")\n    ?.nextElementSibling?.querySelector<HTMLElement>(FOCUSABLE_SELECTOR);\n\n  const nextOutside =\n    nextSibling ||\n    (() => {\n      const allFocusable = Array.from(\n        panel.ownerDocument.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR),\n      ).filter((el) => !panel.contains(el));\n      const idx = refFocusable ? allFocusable.indexOf(refFocusable) : -1;\n      return idx >= 0 ? allFocusable[idx + 1] : undefined;\n    })();\n\n  if (nextOutside) {\n    const view = panel.ownerDocument.defaultView;\n    view?.requestAnimationFrame(() => {\n      view?.requestAnimationFrame(() => {\n        nextOutside.focus();\n      });\n    });\n  }\n}\n\nexport interface UseMegaMenuKeyboardProps {\n  /**\n   * Whether the interaction is enabled.\n   * @default true\n   */\n  enabled?: boolean;\n}\n\n/**\n * Floating-ui custom interaction hook for mega menu grid keyboard navigation.\n *\n * Returns `ElementProps` that get merged via `useInteractions`, handling\n * keyboard events on both the reference (trigger) and floating (panel) elements.\n *\n * - **↑ / ↓** move within the current column.\n * - **← / →** jump to the top of the previous / next column.\n * - **Tab / Shift+Tab** move linearly through every item.\n * - **Home / End** jump to the first / last item in the column.\n * - **↑ from the first item** or **← from the first column** returns\n *   focus to the trigger.\n * - **→ from the last column** closes the panel and moves focus to the\n *   next sibling trigger.\n */\nexport function useMegaMenuKeyboard(\n  context: FloatingRootContext,\n  props: UseMegaMenuKeyboardProps = {},\n): ElementProps {\n  const { enabled = true } = props;\n  const { open, onOpenChange } = context;\n\n  return useMemo(() => {\n    if (!enabled) {\n      return {};\n    }\n\n    return {\n      reference: {\n        onKeyDown(event: React.KeyboardEvent) {\n          if (event.key === \"ArrowDown\" && open) {\n            event.preventDefault();\n            const floating = context.elements.floating;\n            if (floating instanceof HTMLElement) {\n              focusFirstItem(floating);\n            }\n          }\n        },\n      },\n      floating: {\n        onKeyDown(event: React.KeyboardEvent) {\n          if (!open) return;\n\n          const panel = event.currentTarget as HTMLElement;\n          const target = event.target as HTMLElement;\n\n          const focusedItem =\n            target.closest<HTMLElement>(ITEM_SELECTOR) ??\n            target.closest<HTMLElement>(FOCUSABLE_SELECTOR);\n          if (!focusedItem) return;\n\n          const grid = buildGrid(panel);\n          const pos = findPosition(grid, focusedItem);\n          if (!pos) return;\n\n          const allItems = grid.flat();\n          const linearIndex = allItems.indexOf(focusedItem);\n\n          switch (event.key) {\n            case \"ArrowDown\": {\n              event.preventDefault();\n              const next = pos.row + 1;\n              if (next < grid[pos.col].length) {\n                grid[pos.col][next].focus();\n              } else {\n                const nextCol = pos.col + 1;\n                if (nextCol < grid.length) {\n                  grid[nextCol][0].focus();\n                }\n              }\n              break;\n            }\n\n            case \"ArrowUp\": {\n              event.preventDefault();\n              if (pos.row > 0) {\n                grid[pos.col][pos.row - 1].focus();\n              } else {\n                const prevCol = pos.col - 1;\n                if (prevCol >= 0) {\n                  grid[prevCol][grid[prevCol].length - 1].focus();\n                } else {\n                  focusTrigger(context);\n                }\n              }\n              break;\n            }\n\n            case \"ArrowRight\": {\n              event.preventDefault();\n              const nextCol = pos.col + 1;\n              if (nextCol < grid.length) {\n                grid[nextCol][0].focus();\n              } else {\n                // On the last column — close panel and move to next trigger\n                const reference = context.elements\n                  .reference as HTMLElement | null;\n                const trigger =\n                  reference?.querySelector<HTMLElement>(FOCUSABLE_SELECTOR) ??\n                  reference;\n                const li = trigger?.closest(\"li\");\n                const nextSibling =\n                  li?.nextElementSibling instanceof HTMLElement\n                    ? li.nextElementSibling.querySelector<HTMLElement>(\n                        FOCUSABLE_SELECTOR,\n                      )\n                    : null;\n                if (nextSibling) {\n                  onOpenChange(false);\n                  nextSibling.focus();\n                }\n              }\n              break;\n            }\n\n            case \"ArrowLeft\": {\n              event.preventDefault();\n              const prevCol = pos.col - 1;\n              if (prevCol >= 0) {\n                grid[prevCol][0].focus();\n              } else {\n                focusTrigger(context);\n              }\n              break;\n            }\n\n            case \"Tab\": {\n              event.preventDefault();\n              if (event.shiftKey) {\n                if (linearIndex === 0) {\n                  focusTrigger(context);\n                } else {\n                  allItems[linearIndex - 1]?.focus();\n                }\n              } else {\n                if (linearIndex === allItems.length - 1) {\n                  onOpenChange(false);\n                  focusNextAfterPanel(context, panel);\n                } else {\n                  allItems[linearIndex + 1]?.focus();\n                }\n              }\n              break;\n            }\n\n            case \"Home\": {\n              event.preventDefault();\n              grid[pos.col][0]?.focus();\n              break;\n            }\n\n            case \"End\": {\n              event.preventDefault();\n              grid[pos.col][grid[pos.col].length - 1]?.focus();\n              break;\n            }\n\n            default:\n              break;\n          }\n        },\n      },\n    };\n  }, [enabled, open, context, onOpenChange]);\n}\n\n/**\n * Focus the first navigable item inside a mega menu panel.\n * Retries with `requestAnimationFrame` if content has not yet rendered.\n */\nexport function focusFirstItem(panel: HTMLElement, attempt = 0): void {\n  const grid = buildGrid(panel);\n  const firstItem = grid[0]?.[0];\n\n  if (firstItem) {\n    firstItem.focus();\n    return;\n  }\n\n  const view = panel.ownerDocument.defaultView;\n  if (attempt < 3 && view) {\n    view.requestAnimationFrame(() => focusFirstItem(panel, attempt + 1));\n  }\n}\n"],"names":["useMemo"],"mappings":"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"}

package/dist-cjs/toolbar-next/ToolbarContentNext.css.js

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

package/dist-cjs/toolbar-next/ToolbarContentNext.css.js.map

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

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

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

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

@@ -1 +0,0 @@
-{"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":["makePrefixer","forwardRef","ToolbarContentNext","useWindow","useComponentCssInjection","toolbarContentNextCss","jsx","clsx"],"mappings":";;;;;;;;;;AAoBA,MAAM,YAAA,GAAeA,kBAAa,wBAAwB,CAAA;AAEnD,MAAM,kBAAA,GAAqBC,gBAAA,CAGhC,SAASC,mBAAAA,CAAmB,EAAE,QAAA,EAAU,SAAA,EAAW,QAAA,EAAU,GAAG,IAAA,EAAK,EAAG,GAAA,EAAK;AAC7E,EAAA,MAAM,eAAeC,gBAAA,EAAU;AAC/B,EAAAC,+BAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,2BAAA;AAAA,IACR,GAAA,EAAKC,oBAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,SAAA,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-cjs/toolbar-next/ToolbarNext.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-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";
-
-module.exports = css_248z;
-//# sourceMappingURL=ToolbarNext.css.js.map

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

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