@salt-ds/lab 1.0.0-alpha.42 → 1.0.0-alpha.43

package/css/salt-lab.css

@@ -2084,107 +2084,6 @@
   border-right: var(--salt-size-border) var(--salt-separable-borderStyle) var(--salt-separable-primary-borderColor);
 }
 
-/* src/menu/MenuGroup.css */
-.saltMenuGroup-label {
-  background: var(--salt-container-primary-background);
-  color: var(--salt-text-secondary-foreground);
-  font-size: var(--salt-text-label-fontSize);
-  font-weight: var(--salt-text-label-fontWeight-strong);
-  height: calc(var(--salt-size-base) + var(--salt-spacing-100));
-  padding-left: var(--salt-spacing-100);
-  padding-right: var(--salt-spacing-100);
-  display: flex;
-  align-items: center;
-  position: sticky;
-  top: 0;
-  z-index: var(--salt-zIndex-default);
-}
-.saltMenuGroup {
-  border-top: var(--salt-size-border) var(--salt-separable-borderStyle) var(--salt-separable-tertiary-borderColor);
-}
-.saltMenuGroup:first-of-type {
-  border-top: 0;
-}
-
-/* src/menu/MenuItem.css */
-.saltMenuItem {
-  color: var(--salt-content-primary-foreground);
-  background: var(--salt-selectable-background);
-  font-size: var(--salt-text-fontSize);
-  font-weight: var(--salt-text-fontWeight);
-  min-height: calc(var(--salt-size-base) + var(--salt-spacing-100));
-  padding-left: var(--salt-spacing-100);
-  padding-right: var(--salt-spacing-100);
-  display: flex;
-  justify-content: flex-start;
-  gap: var(--salt-spacing-100);
-  position: relative;
-  align-items: center;
-  cursor: var(--salt-selectable-cursor-hover);
-  box-sizing: border-box;
-  flex-shrink: 0;
-}
-.saltMenuItem:focus-visible {
-  outline: var(--salt-focused-outline);
-  outline-offset: calc(var(--salt-size-border) * -2);
-}
-.saltMenuItem:hover {
-  outline: none;
-}
-.saltMenuItem:hover,
-.saltMenuItem:focus-visible {
-  background: var(--salt-selectable-background-hover);
-}
-.saltMenuItem:active {
-  z-index: var(--salt-zIndex-default);
-  background: var(--salt-selectable-background-selected);
-  box-shadow:
-    calc(var(--salt-size-border) * -2) 0 0 0 var(--salt-selectable-background-hover),
-    calc(var(--salt-size-border) * -1) 0 0 var(--salt-size-border) var(--salt-selectable-borderColor-selected),
-    0 calc(var(--salt-size-border) * -1) 0 var(--salt-selectable-borderColor-selected);
-}
-.saltMenuItem[aria-disabled=true],
-.saltMenuItem[aria-disabled=true]:active {
-  background: var(--salt-selectable-background-disabled);
-  color: var(--salt-text-primary-foreground-disabled);
-  cursor: var(--salt-selectable-cursor-disabled);
-  box-shadow: none;
-}
-.saltMenuItem-blurActive {
-  z-index: var(--salt-zIndex-default);
-  background: var(--salt-selectable-background-selected);
-  box-shadow:
-    calc(var(--salt-size-border) * -2) 0 0 0 var(--salt-selectable-background-hover),
-    calc(var(--salt-size-border) * -1) 0 0 var(--salt-size-border) var(--salt-selectable-borderColor-selected),
-    0 calc(var(--salt-size-border) * -1) 0 var(--salt-selectable-borderColor-selected);
-}
-.saltMenuItem-expandIcon.saltIcon {
-  margin-left: auto;
-}
-
-/* src/menu/MenuPanel.css */
-.saltMenuPanel {
-  background: var(--salt-container-primary-background);
-  border: var(--salt-size-border) var(--salt-selectable-borderStyle-selected) var(--salt-selectable-borderColor-selected);
-  overflow: hidden;
-  overflow-y: auto;
-  min-width: 10em;
-  position: relative;
-  z-index: var(--salt-zIndex-popout);
-  box-shadow: var(--salt-overlayable-shadow-popout);
-  box-sizing: border-box;
-}
-.saltMenuPanel-container {
-  display: flex;
-  flex-direction: column;
-  gap: var(--salt-size-border);
-  max-height: inherit;
-  min-height: inherit;
-}
-.saltMenuPanel:focus-visible {
-  outline: none;
-}
-
 /* src/menu-button/MenuButton.css */
 
 /* src/menu-button/MenuButtonTrigger.css */
@@ -4198,4 +4097,4 @@
   margin: calc(var(--salt-size-unit) / 2) 0;
 }
 
-/* src/661f0e45-f9f4-41c4-b519-2172b59518c6.css */
+/* src/3af41153-25f5-4e0a-88cc-0e3ab2f7d3d4.css */

package/dist-cjs/index.js

@@ -87,11 +87,6 @@ var ListItemNext = require('./list-next/ListItemNext.js');
 var Logo = require('./logo/Logo.js');
 var LogoImage = require('./logo/LogoImage.js');
 var LogoSeparator = require('./logo/LogoSeparator.js');
-var Menu = require('./menu/Menu.js');
-var MenuItem = require('./menu/MenuItem.js');
-var MenuPanel = require('./menu/MenuPanel.js');
-var MenuTrigger = require('./menu/MenuTrigger.js');
-var MenuGroup = require('./menu/MenuGroup.js');
 var MenuButton = require('./menu-button/MenuButton.js');
 var Metric = require('./metric/Metric.js');
 var MetricHeader = require('./metric/MetricHeader.js');
@@ -230,11 +225,6 @@ exports.ListItemNext = ListItemNext.ListItemNext;
 exports.Logo = Logo.Logo;
 exports.LogoImage = LogoImage.LogoImage;
 exports.LogoSeparator = LogoSeparator.LogoSeparator;
-exports.Menu = Menu.Menu;
-exports.MenuItem = MenuItem.MenuItem;
-exports.MenuPanel = MenuPanel.MenuPanel;
-exports.MenuTrigger = MenuTrigger.MenuTrigger;
-exports.MenuGroup = MenuGroup.MenuGroup;
 exports.MenuButton = MenuButton.MenuButton;
 exports.Metric = Metric.Metric;
 exports.MetricHeader = MetricHeader.MetricHeader;

package/dist-cjs/index.js.map

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

package/dist-es/index.js

@@ -83,11 +83,6 @@ export { ListItemNext } from './list-next/ListItemNext.js';
 export { Logo } from './logo/Logo.js';
 export { LogoImage } from './logo/LogoImage.js';
 export { LogoSeparator } from './logo/LogoSeparator.js';
-export { Menu } from './menu/Menu.js';
-export { MenuItem } from './menu/MenuItem.js';
-export { MenuPanel } from './menu/MenuPanel.js';
-export { MenuTrigger } from './menu/MenuTrigger.js';
-export { MenuGroup } from './menu/MenuGroup.js';
 export { MenuButton } from './menu-button/MenuButton.js';
 export { Metric } from './metric/Metric.js';
 export { MetricHeader } from './metric/MetricHeader.js';

package/dist-es/index.js.map

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

package/dist-types/index.d.ts

@@ -26,7 +26,6 @@ export * from "./layer-layout";
 export * from "./list";
 export * from "./list-next";
 export * from "./logo";
-export * from "./menu";
 export * from "./menu-button";
 export * from "./metric";
 export * from "./portal";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/lab",
-  "version": "1.0.0-alpha.42",
+  "version": "1.0.0-alpha.43",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -26,10 +26,10 @@
     "react-window": "^1.8.6",
     "rifm": "^0.12.0",
     "tinycolor2": "^1.4.2",
-    "@salt-ds/core": "^1.26.0",
+    "@salt-ds/core": "^1.27.0",
     "@salt-ds/window": "^0.1.1",
     "@salt-ds/styles": "^0.2.1",
-    "@salt-ds/icons": "^1.11.1"
+    "@salt-ds/icons": "^1.11.2"
   },
   "peerDependencies": {
     "@types/react": ">=16.14.0",

package/dist-cjs/menu/Menu.js

@@ -1,24 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var MenuBase = require('./MenuBase.js');
-var react = require('@floating-ui/react');
-
-function Menu(props) {
-  const parentId = react.useFloatingParentNodeId();
-  if (parentId === null) {
-    return /* @__PURE__ */ jsxRuntime.jsx(react.FloatingTree, {
-      children: /* @__PURE__ */ jsxRuntime.jsx(MenuBase.MenuBase, {
-        ...props
-      })
-    });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(MenuBase.MenuBase, {
-    ...props
-  });
-}
-
-exports.Menu = Menu;
-//# sourceMappingURL=Menu.js.map

package/dist-cjs/menu/Menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Menu.js","sources":["../src/menu/Menu.tsx"],"sourcesContent":["import { MenuBase, MenuBaseProps } from \"./MenuBase\";\nimport { FloatingTree, useFloatingParentNodeId } from \"@floating-ui/react\";\n\nexport interface MenuProps extends MenuBaseProps {}\n\nexport function Menu(props: MenuProps) {\n  const parentId = useFloatingParentNodeId();\n\n  if (parentId === null) {\n    return (\n      <FloatingTree>\n        <MenuBase {...props} />\n      </FloatingTree>\n    );\n  }\n\n  return <MenuBase {...props} />;\n}\n"],"names":["useFloatingParentNodeId","jsx","FloatingTree","MenuBase"],"mappings":";;;;;;;;AAKO,SAAS,KAAK,KAAkB,EAAA;AACrC,EAAA,MAAM,WAAWA,6BAAwB,EAAA,CAAA;AAEzC,EAAA,IAAI,aAAa,IAAM,EAAA;AACrB,IAAA,uBACGC,cAAA,CAAAC,kBAAA,EAAA;AAAA,MACC,QAAC,kBAAAD,cAAA,CAAAE,iBAAA,EAAA;AAAA,QAAU,GAAG,KAAA;AAAA,OAAO,CAAA;AAAA,KACvB,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAA,uBAAQF,cAAA,CAAAE,iBAAA,EAAA;AAAA,IAAU,GAAG,KAAA;AAAA,GAAO,CAAA,CAAA;AAC9B;;;;"}

package/dist-cjs/menu/MenuBase.js

@@ -1,129 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var MenuContext = require('./MenuContext.js');
-var core = require('@salt-ds/core');
-var react = require('@floating-ui/react');
-
-function MenuBase(props) {
-  const {
-    children,
-    defaultOpen,
-    open,
-    onOpenChange,
-    placement,
-    getVirtualElement
-  } = props;
-  const parentId = react.useFloatingParentNodeId();
-  const nodeId = react.useFloatingNodeId();
-  const tree = react.useFloatingTree();
-  const elementsRef = React.useRef([]);
-  const [openState, setOpenState] = core.useControlled({
-    controlled: open,
-    default: Boolean(defaultOpen),
-    name: "ListControl",
-    state: "open"
-  });
-  const setOpen = React.useCallback(
-    (newOpen) => {
-      setOpenState(newOpen);
-      onOpenChange == null ? void 0 : onOpenChange(newOpen);
-    },
-    [setOpenState, onOpenChange]
-  );
-  const [activeIndex, setActiveIndex] = React.useState(null);
-  const [focusInside, setFocusInside] = React.useState(false);
-  const isNested = parentId != null;
-  const { x, y, strategy, elements, refs, context } = core.useFloatingUI({
-    nodeId,
-    open: openState,
-    onOpenChange: setOpen,
-    strategy: !getVirtualElement ? "absolute" : "fixed",
-    placement: placement != null ? placement : isNested || getVirtualElement ? "right-start" : "bottom-start",
-    middleware: [
-      react.offset(isNested ? { crossAxis: -1 } : {}),
-      react.flip({}),
-      react.shift({ limiter: react.limitShift() }),
-      react.size({
-        apply({ elements: elements2, availableHeight }) {
-          Object.assign(elements2.floating.style, {
-            maxHeight: `${availableHeight}px`
-          });
-        }
-      })
-    ]
-  });
-  core.useIsomorphicLayoutEffect(() => {
-    if (getVirtualElement) {
-      refs.setPositionReference(getVirtualElement());
-    }
-  }, [getVirtualElement]);
-  const { getReferenceProps, getFloatingProps, getItemProps } = react.useInteractions(
-    [
-      react.useHover(context, {
-        enabled: isNested && !focusInside,
-        handleClose: react.safePolygon({ blockPointerEvents: true })
-      }),
-      react.useClick(context, {
-        event: "mousedown",
-        toggle: !isNested,
-        ignoreMouse: isNested
-      }),
-      react.useRole(context, { role: "menu" }),
-      react.useDismiss(context, { bubbles: true }),
-      react.useListNavigation(context, {
-        listRef: elementsRef,
-        activeIndex,
-        nested: isNested,
-        onNavigate: setActiveIndex
-      })
-    ]
-  );
-  const getPanelPosition = () => {
-    var _a, _b;
-    return {
-      top: y != null ? y : 0,
-      left: x != null ? x : 0,
-      position: strategy,
-      width: (_a = elements.floating) == null ? void 0 : _a.offsetWidth,
-      height: (_b = elements.floating) == null ? void 0 : _b.offsetHeight
-    };
-  };
-  React.useEffect(() => {
-    if (!tree)
-      return;
-    function handleItemClick() {
-      setOpen(false);
-    }
-    tree.events.on("click", handleItemClick);
-    return () => {
-      tree.events.off("click", handleItemClick);
-    };
-  }, [tree, setOpen]);
-  return /* @__PURE__ */ jsxRuntime.jsx(react.FloatingNode, {
-    id: nodeId,
-    children: /* @__PURE__ */ jsxRuntime.jsx(MenuContext.MenuContext.Provider, {
-      value: {
-        openState,
-        getReferenceProps,
-        getFloatingProps,
-        refs,
-        getPanelPosition,
-        getItemProps,
-        activeIndex,
-        context,
-        elementsRef,
-        focusInside,
-        setFocusInside,
-        isNested
-      },
-      children
-    })
-  });
-}
-
-exports.MenuBase = MenuBase;
-//# sourceMappingURL=MenuBase.js.map

package/dist-cjs/menu/MenuBase.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuBase.js","sources":["../src/menu/MenuBase.tsx"],"sourcesContent":["import { ReactNode, useCallback, useEffect, useRef, useState } from \"react\";\nimport { MenuContext } from \"./MenuContext\";\nimport {\n  useControlled,\n  useFloatingUI,\n  UseFloatingUIProps,\n  useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport {\n  flip,\n  offset,\n  shift,\n  limitShift,\n  useInteractions,\n  useRole,\n  useClick,\n  useDismiss,\n  useHover,\n  safePolygon,\n  FloatingNode,\n  useFloatingParentNodeId,\n  useFloatingNodeId,\n  useListNavigation,\n  useFloatingTree,\n  size,\n  ReferenceType,\n} from \"@floating-ui/react\";\n\nexport interface MenuBaseProps {\n  children?: ReactNode;\n  /**\n   * Display or hide the component.\n   */\n  open?: boolean;\n  /**\n   * If true, the menu will be open by default.\n   */\n  defaultOpen?: boolean;\n  /**\n   * Callback function triggered when open state changes.\n   */\n  onOpenChange?: (newOpen: boolean) => void;\n  /**\n   * Set the placement of the Menu component relative to the trigger element. Defaults to `bottom-start` if it's the root menu or `right-start` if it's nested.\n   */\n  placement?: UseFloatingUIProps[\"placement\"];\n  /**\n   * Function that returns a [virtual element](https://floating-ui.com/docs/virtual-elements). If this is provided, it will override MenuTrigger.\n   */\n  getVirtualElement?: () => ReferenceType | null;\n}\n\nexport function MenuBase(props: MenuBaseProps) {\n  const {\n    children,\n    defaultOpen,\n    open,\n    onOpenChange,\n    placement,\n    getVirtualElement,\n  } = props;\n  const parentId = useFloatingParentNodeId();\n  const nodeId = useFloatingNodeId();\n  const tree = useFloatingTree();\n  const elementsRef = useRef<(HTMLDivElement | null)[]>([]);\n\n  const [openState, setOpenState] = useControlled({\n    controlled: open,\n    default: Boolean(defaultOpen),\n    name: \"ListControl\",\n    state: \"open\",\n  });\n\n  const setOpen = useCallback(\n    (newOpen: boolean) => {\n      setOpenState(newOpen);\n      onOpenChange?.(newOpen);\n    },\n    [setOpenState, onOpenChange]\n  );\n\n  const [activeIndex, setActiveIndex] = useState<number | null>(null);\n  const [focusInside, setFocusInside] = useState(false);\n\n  const isNested = parentId != null;\n\n  const { x, y, strategy, elements, refs, context } = useFloatingUI({\n    nodeId,\n    open: openState,\n    onOpenChange: setOpen,\n    strategy: !getVirtualElement ? \"absolute\" : \"fixed\",\n    placement:\n      placement ??\n      (isNested || getVirtualElement ? \"right-start\" : \"bottom-start\"),\n    middleware: [\n      // Align the nested menu by shifting it by var(--salt-size-border)\n      offset(isNested ? { crossAxis: -1 } : {}),\n      flip({}),\n      shift({ limiter: limitShift() }),\n      size({\n        apply({ elements, availableHeight }) {\n          Object.assign(elements.floating.style, {\n            maxHeight: `${availableHeight}px`,\n          });\n        },\n      }),\n    ],\n  });\n\n  useIsomorphicLayoutEffect(() => {\n    if (getVirtualElement) {\n      refs.setPositionReference(getVirtualElement());\n    }\n  }, [getVirtualElement]);\n\n  const { getReferenceProps, getFloatingProps, getItemProps } = useInteractions(\n    [\n      useHover(context, {\n        enabled: isNested && !focusInside,\n        handleClose: safePolygon({ blockPointerEvents: true }),\n      }),\n      useClick(context, {\n        event: \"mousedown\",\n        toggle: !isNested,\n        ignoreMouse: isNested,\n      }),\n      useRole(context, { role: \"menu\" }),\n      useDismiss(context, { bubbles: true }),\n      useListNavigation(context, {\n        listRef: elementsRef,\n        activeIndex,\n        nested: isNested,\n        onNavigate: setActiveIndex,\n      }),\n    ]\n  );\n\n  const getPanelPosition = () => ({\n    top: y ?? 0,\n    left: x ?? 0,\n    position: strategy,\n    width: elements.floating?.offsetWidth,\n    height: elements.floating?.offsetHeight,\n  });\n\n  useEffect(() => {\n    if (!tree) return;\n\n    function handleItemClick() {\n      setOpen(false);\n    }\n\n    tree.events.on(\"click\", handleItemClick);\n\n    return () => {\n      tree.events.off(\"click\", handleItemClick);\n    };\n  }, [tree, setOpen]);\n\n  return (\n    <FloatingNode id={nodeId}>\n      <MenuContext.Provider\n        value={{\n          openState,\n          getReferenceProps,\n          getFloatingProps,\n          refs,\n          getPanelPosition,\n          getItemProps,\n          activeIndex,\n          context,\n          elementsRef,\n          focusInside,\n          setFocusInside,\n          isNested,\n        }}\n      >\n        {children}\n      </MenuContext.Provider>\n    </FloatingNode>\n  );\n}\n"],"names":["useFloatingParentNodeId","useFloatingNodeId","useFloatingTree","useRef","useControlled","useCallback","useState","useFloatingUI","offset","flip","shift","limitShift","size","elements","useIsomorphicLayoutEffect","useInteractions","useHover","safePolygon","useClick","useRole","useDismiss","useListNavigation","useEffect","jsx","FloatingNode","MenuContext"],"mappings":"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"}

package/dist-cjs/menu/MenuContext.js

@@ -1,26 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var core = require('@salt-ds/core');
-var React = require('react');
-
-const MenuContext = core.createContext("MenuContext", {
-  openState: false,
-  getReferenceProps: () => ({}),
-  getFloatingProps: () => ({}),
-  getPanelPosition: () => ({}),
-  getItemProps: () => ({}),
-  activeIndex: null,
-  elementsRef: { current: [] },
-  focusInside: false,
-  setFocusInside: () => void 0,
-  isNested: false
-});
-function useMenuContext() {
-  return React.useContext(MenuContext);
-}
-
-exports.MenuContext = MenuContext;
-exports.useMenuContext = useMenuContext;
-//# sourceMappingURL=MenuContext.js.map

package/dist-cjs/menu/MenuContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuContext.js","sources":["../src/menu/MenuContext.ts"],"sourcesContent":["import { createContext, UseFloatingUIReturn } from \"@salt-ds/core\";\nimport { Dispatch, MutableRefObject, SetStateAction, useContext } from \"react\";\nimport { useInteractions } from \"@floating-ui/react\";\n\ntype UseInteractionsReturn = ReturnType<typeof useInteractions>;\n\nexport interface MenuContextValue\n  extends Pick<\n      UseInteractionsReturn,\n      \"getItemProps\" | \"getReferenceProps\" | \"getFloatingProps\"\n    >,\n    Partial<Pick<UseFloatingUIReturn, \"context\" | \"refs\">> {\n  openState: boolean;\n  activeIndex: number | null;\n  getPanelPosition: () => Record<string, unknown>;\n  elementsRef: MutableRefObject<(HTMLDivElement | null)[]>;\n  focusInside: boolean;\n  setFocusInside: Dispatch<SetStateAction<boolean>>;\n  isNested: boolean;\n}\n\nexport const MenuContext = createContext<MenuContextValue>(\"MenuContext\", {\n  openState: false,\n  getReferenceProps: () => ({}),\n  getFloatingProps: () => ({}),\n  getPanelPosition: () => ({}),\n  getItemProps: () => ({}),\n  activeIndex: null,\n  elementsRef: { current: [] },\n  focusInside: false,\n  setFocusInside: () => undefined,\n  isNested: false,\n});\n\nexport function useMenuContext() {\n  return useContext(MenuContext);\n}\n"],"names":["createContext","useContext"],"mappings":";;;;;;;AAqBa,MAAA,WAAA,GAAcA,mBAAgC,aAAe,EAAA;AAAA,EACxE,SAAW,EAAA,KAAA;AAAA,EACX,iBAAA,EAAmB,OAAO,EAAC,CAAA;AAAA,EAC3B,gBAAA,EAAkB,OAAO,EAAC,CAAA;AAAA,EAC1B,gBAAA,EAAkB,OAAO,EAAC,CAAA;AAAA,EAC1B,YAAA,EAAc,OAAO,EAAC,CAAA;AAAA,EACtB,WAAa,EAAA,IAAA;AAAA,EACb,WAAa,EAAA,EAAE,OAAS,EAAA,EAAG,EAAA;AAAA,EAC3B,WAAa,EAAA,KAAA;AAAA,EACb,gBAAgB,MAAM,KAAA,CAAA;AAAA,EACtB,QAAU,EAAA,KAAA;AACZ,CAAC,EAAA;AAEM,SAAS,cAAiB,GAAA;AAC/B,EAAA,OAAOC,iBAAW,WAAW,CAAA,CAAA;AAC/B;;;;;"}

package/dist-cjs/menu/MenuGroup.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltMenuGroup-label {\n  background: var(--salt-container-primary-background);\n  color: var(--salt-text-secondary-foreground);\n  font-size: var(--salt-text-label-fontSize);\n  font-weight: var(--salt-text-label-fontWeight-strong);\n  height: calc(var(--salt-size-base) + var(--salt-spacing-100));\n  padding-left: var(--salt-spacing-100);\n  padding-right: var(--salt-spacing-100);\n  display: flex;\n  align-items: center;\n  position: sticky;\n  top: 0;\n  z-index: var(--salt-zIndex-default);\n}\n\n.saltMenuGroup {\n  border-top: var(--salt-size-border) var(--salt-separable-borderStyle) var(--salt-separable-tertiary-borderColor);\n}\n\n.saltMenuGroup:first-of-type {\n  border-top: 0;\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=MenuGroup.css.js.map

package/dist-cjs/menu/MenuGroup.css.js.map

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

package/dist-cjs/menu/MenuGroup.js

@@ -1,44 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var clsx = require('clsx');
-var window = require('@salt-ds/window');
-var styles = require('@salt-ds/styles');
-var core = require('@salt-ds/core');
-var MenuGroup$1 = require('./MenuGroup.css.js');
-
-const withBaseName = core.makePrefixer("saltMenuGroup");
-const MenuGroup = React.forwardRef(
-  function MenuGroup2(props, ref) {
-    const { className, children, label, ...rest } = props;
-    const targetWindow = window.useWindow();
-    styles.useComponentCssInjection({
-      testId: "salt-menu-group",
-      css: MenuGroup$1,
-      window: targetWindow
-    });
-    const labelId = core.useId();
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-      "aria-labelledby": label ? labelId : void 0,
-      className: clsx.clsx(withBaseName(), className),
-      role: "group",
-      ref,
-      ...rest,
-      children: [
-        label && /* @__PURE__ */ jsxRuntime.jsx("div", {
-          "aria-hidden": true,
-          className: withBaseName("label"),
-          id: labelId,
-          children: label
-        }),
-        children
-      ]
-    });
-  }
-);
-
-exports.MenuGroup = MenuGroup;
-//# sourceMappingURL=MenuGroup.js.map

package/dist-cjs/menu/MenuGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuGroup.js","sources":["../src/menu/MenuGroup.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef, ReactNode } from \"react\";\nimport { clsx } from \"clsx\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { makePrefixer, useId } from \"@salt-ds/core\";\nimport menuGroupCss from \"./MenuGroup.css\";\n\nexport interface MenuGroupProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The label of the menu group.\n   */\n  label?: string;\n  /**\n   * Menus to be rendered inside the menu group.\n   */\n  children?: ReactNode;\n}\n\nconst withBaseName = makePrefixer(\"saltMenuGroup\");\n\nexport const MenuGroup = forwardRef<HTMLDivElement, MenuGroupProps>(\n  function MenuGroup(props, ref) {\n    const { className, children, label, ...rest } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-menu-group\",\n      css: menuGroupCss,\n      window: targetWindow,\n    });\n\n    const labelId = useId();\n\n    return (\n      <div\n        aria-labelledby={label ? labelId : undefined}\n        className={clsx(withBaseName(), className)}\n        role=\"group\"\n        ref={ref}\n        {...rest}\n      >\n        {label && (\n          <div aria-hidden className={withBaseName(\"label\")} id={labelId}>\n            {label}\n          </div>\n        )}\n        {children}\n      </div>\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","MenuGroup","useWindow","useComponentCssInjection","menuGroupCss","useId","jsxs","clsx","jsx"],"mappings":";;;;;;;;;;;;AAkBA,MAAM,YAAA,GAAeA,kBAAa,eAAe,CAAA,CAAA;AAE1C,MAAM,SAAY,GAAAC,gBAAA;AAAA,EACvB,SAASC,UAAU,CAAA,KAAA,EAAO,GAAK,EAAA;AAC7B,IAAA,MAAM,EAAE,SAAA,EAAW,QAAU,EAAA,KAAA,EAAA,GAAU,MAAS,GAAA,KAAA,CAAA;AAEhD,IAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,iBAAA;AAAA,MACR,GAAK,EAAAC,WAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,MAAM,UAAUC,UAAM,EAAA,CAAA;AAEtB,IAAA,uBACGC,eAAA,CAAA,KAAA,EAAA;AAAA,MACC,iBAAA,EAAiB,QAAQ,OAAU,GAAA,KAAA,CAAA;AAAA,MACnC,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,IAAK,EAAA,OAAA;AAAA,MACL,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,KAAA,oBACEC,cAAA,CAAA,KAAA,EAAA;AAAA,UAAI,aAAW,EAAA,IAAA;AAAA,UAAC,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,UAAG,EAAI,EAAA,OAAA;AAAA,UACpD,QAAA,EAAA,KAAA;AAAA,SACH,CAAA;AAAA,QAED,QAAA;AAAA,OAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-cjs/menu/MenuItem.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltMenuItem {\n  color: var(--salt-content-primary-foreground);\n  background: var(--salt-selectable-background);\n  font-size: var(--salt-text-fontSize);\n  font-weight: var(--salt-text-fontWeight);\n  min-height: calc(var(--salt-size-base) + var(--salt-spacing-100));\n  padding-left: var(--salt-spacing-100);\n  padding-right: var(--salt-spacing-100);\n  display: flex;\n  justify-content: flex-start;\n  gap: var(--salt-spacing-100);\n  position: relative;\n  align-items: center;\n  cursor: var(--salt-selectable-cursor-hover);\n  box-sizing: border-box;\n  flex-shrink: 0;\n}\n\n.saltMenuItem:focus-visible {\n  outline: var(--salt-focused-outline);\n  outline-offset: calc(var(--salt-size-border) * -2);\n}\n\n.saltMenuItem:hover {\n  outline: none;\n}\n\n.saltMenuItem:hover,\n.saltMenuItem:focus-visible {\n  background: var(--salt-selectable-background-hover);\n}\n\n.saltMenuItem:active {\n  z-index: var(--salt-zIndex-default);\n  background: var(--salt-selectable-background-selected);\n  box-shadow: calc(var(--salt-size-border) * -2) 0 0 0 var(--salt-selectable-background-hover),\n    calc(var(--salt-size-border) * -1) 0 0 var(--salt-size-border) var(--salt-selectable-borderColor-selected), 0 calc(var(--salt-size-border) * -1) 0 var(--salt-selectable-borderColor-selected);\n}\n\n.saltMenuItem[aria-disabled=\"true\"],\n.saltMenuItem[aria-disabled=\"true\"]:active {\n  background: var(--salt-selectable-background-disabled);\n  color: var(--salt-text-primary-foreground-disabled);\n  cursor: var(--salt-selectable-cursor-disabled);\n  box-shadow: none;\n}\n\n.saltMenuItem-blurActive {\n  z-index: var(--salt-zIndex-default);\n  background: var(--salt-selectable-background-selected);\n  box-shadow: calc(var(--salt-size-border) * -2) 0 0 0 var(--salt-selectable-background-hover),\n    calc(var(--salt-size-border) * -1) 0 0 var(--salt-size-border) var(--salt-selectable-borderColor-selected), 0 calc(var(--salt-size-border) * -1) 0 var(--salt-selectable-borderColor-selected);\n}\n\n.saltMenuItem-expandIcon.saltIcon {\n  margin-left: auto;\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=MenuItem.css.js.map

package/dist-cjs/menu/MenuItem.css.js.map

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

package/dist-cjs/menu/MenuItem.js

@@ -1,92 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var clsx = require('clsx');
-var core = require('@salt-ds/core');
-var window$1 = require('@salt-ds/window');
-var styles = require('@salt-ds/styles');
-var icons = require('@salt-ds/icons');
-var react = require('@floating-ui/react');
-var MenuItem$1 = require('./MenuItem.css.js');
-var MenuTriggerContext = require('./MenuTriggerContext.js');
-var MenuPanelContext = require('./MenuPanelContext.js');
-
-const withBaseName = core.makePrefixer("saltMenuItem");
-const MenuItem = React.forwardRef(
-  function MenuItem2(props, ref) {
-    const {
-      children,
-      className,
-      disabled,
-      onClick,
-      onFocus,
-      onKeyDown,
-      ...rest
-    } = props;
-    const { triggersSubmenu, blurActive } = MenuTriggerContext.useIsMenuTrigger();
-    const { activeIndex, getItemProps, setFocusInside } = MenuPanelContext.useMenuPanelContext();
-    const item = react.useListItem();
-    const tree = react.useFloatingTree();
-    const active = item.index === activeIndex;
-    const targetWindow = window$1.useWindow();
-    styles.useComponentCssInjection({
-      testId: "salt-menu-item",
-      css: MenuItem$1,
-      window: targetWindow
-    });
-    const handleRef = core.useForkRef(ref, item.ref);
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-      className: clsx.clsx(
-        withBaseName(),
-        {
-          [withBaseName("blurActive")]: blurActive
-        },
-        className
-      ),
-      role: "menuitem",
-      "aria-disabled": disabled || void 0,
-      ...getItemProps({
-        tabIndex: disabled ? void 0 : active ? 0 : -1,
-        onKeyDown(event) {
-          const element = event.currentTarget;
-          onKeyDown == null ? void 0 : onKeyDown(event);
-          if ((event.key == " " || event.key == "Enter") && !triggersSubmenu && !disabled) {
-            event.preventDefault();
-            const { view, ...eventInit } = event;
-            queueMicrotask(() => {
-              element.dispatchEvent(
-                new window.MouseEvent("click", eventInit)
-              );
-            });
-            tree == null ? void 0 : tree.events.emit("click");
-          }
-        },
-        onClick(event) {
-          onClick == null ? void 0 : onClick(event);
-          if (!triggersSubmenu && !disabled) {
-            tree == null ? void 0 : tree.events.emit("click");
-          }
-        },
-        onFocus(event) {
-          onFocus == null ? void 0 : onFocus(event);
-          setFocusInside(true);
-        },
-        ...rest
-      }),
-      ref: handleRef,
-      children: [
-        children,
-        triggersSubmenu && /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronRightIcon, {
-          className: withBaseName("expandIcon"),
-          "aria-hidden": true
-        })
-      ]
-    });
-  }
-);
-
-exports.MenuItem = MenuItem;
-//# sourceMappingURL=MenuItem.js.map

package/dist-cjs/menu/MenuItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuItem.js","sources":["../src/menu/MenuItem.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  FocusEvent,\n  forwardRef,\n  KeyboardEvent,\n  MouseEvent,\n} from \"react\";\nimport { clsx } from \"clsx\";\nimport { makePrefixer, useForkRef } from \"@salt-ds/core\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { ChevronRightIcon } from \"@salt-ds/icons\";\nimport { useFloatingTree, useListItem } from \"@floating-ui/react\";\n\nimport menuItemCss from \"./MenuItem.css\";\nimport { useIsMenuTrigger } from \"./MenuTriggerContext\";\nimport { useMenuPanelContext } from \"./MenuPanelContext\";\n\nexport interface MenuItemProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * If `true`, the item will be disabled.\n   */\n  disabled?: boolean;\n}\n\nconst withBaseName = makePrefixer(\"saltMenuItem\");\n\nexport const MenuItem = forwardRef<HTMLDivElement, MenuItemProps>(\n  function MenuItem(props, ref) {\n    const {\n      children,\n      className,\n      disabled,\n      onClick,\n      onFocus,\n      onKeyDown,\n      ...rest\n    } = props;\n\n    const { triggersSubmenu, blurActive } = useIsMenuTrigger();\n    const { activeIndex, getItemProps, setFocusInside } = useMenuPanelContext();\n    const item = useListItem();\n    const tree = useFloatingTree();\n    const active = item.index === activeIndex;\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-menu-item\",\n      css: menuItemCss,\n      window: targetWindow,\n    });\n    const handleRef = useForkRef<HTMLDivElement>(ref, item.ref);\n    return (\n      <div\n        className={clsx(\n          withBaseName(),\n          {\n            [withBaseName(\"blurActive\")]: blurActive,\n          },\n          className\n        )}\n        role=\"menuitem\"\n        aria-disabled={disabled || undefined}\n        {...getItemProps({\n          tabIndex: disabled ? undefined : active ? 0 : -1,\n          onKeyDown(event: KeyboardEvent<HTMLDivElement>) {\n            const element = event.currentTarget;\n            onKeyDown?.(event);\n            if (\n              (event.key == \" \" || event.key == \"Enter\") &&\n              !triggersSubmenu &&\n              !disabled\n            ) {\n              event.preventDefault();\n              // eslint-disable-next-line @typescript-eslint/no-unused-vars -- view is unused.\n              const { view, ...eventInit } = event;\n              queueMicrotask(() => {\n                element.dispatchEvent(\n                  new window.MouseEvent(\"click\", eventInit)\n                );\n              });\n              tree?.events.emit(\"click\");\n            }\n          },\n          onClick(event: MouseEvent<HTMLDivElement>) {\n            onClick?.(event);\n            if (!triggersSubmenu && !disabled) {\n              tree?.events.emit(\"click\");\n            }\n          },\n          onFocus(event: FocusEvent<HTMLDivElement>) {\n            onFocus?.(event);\n            setFocusInside(true);\n          },\n          ...rest,\n        })}\n        ref={handleRef}\n      >\n        {children}\n        {triggersSubmenu && (\n          <ChevronRightIcon\n            className={withBaseName(\"expandIcon\")}\n            aria-hidden\n          />\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","MenuItem","useIsMenuTrigger","useMenuPanelContext","useListItem","useFloatingTree","useWindow","useComponentCssInjection","menuItemCss","useForkRef","jsxs","clsx","jsx","ChevronRightIcon"],"mappings":"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"}

package/dist-cjs/menu/MenuPanel.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltMenuPanel {\n  background: var(--salt-container-primary-background);\n  border: var(--salt-size-border) var(--salt-selectable-borderStyle-selected) var(--salt-selectable-borderColor-selected);\n  overflow: hidden;\n  overflow-y: auto;\n  min-width: 10em;\n  position: relative;\n  z-index: var(--salt-zIndex-popout);\n  box-shadow: var(--salt-overlayable-shadow-popout);\n  box-sizing: border-box;\n}\n\n.saltMenuPanel-container {\n  display: flex;\n  flex-direction: column;\n  gap: var(--salt-size-border);\n  max-height: inherit;\n  min-height: inherit;\n}\n\n.saltMenuPanel:focus-visible {\n  outline: none;\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=MenuPanel.css.js.map

package/dist-cjs/menu/MenuPanel.css.js.map

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