@salt-ds/lab 1.0.0-alpha.4 → 1.0.0-alpha.41

package/dist-cjs/menu/MenuGroup.js

@@ -0,0 +1,44 @@
+'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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,6 @@
+'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  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}\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

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

package/dist-cjs/menu/MenuItem.js

@@ -0,0 +1,92 @@
+'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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,6 @@
+'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

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

package/dist-cjs/menu/MenuPanel.js

@@ -0,0 +1,61 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var core = require('@salt-ds/core');
+var clsx = require('clsx');
+var MenuContext = require('./MenuContext.js');
+var MenuPanelBase = require('./MenuPanelBase.js');
+var react = require('@floating-ui/react');
+var MenuPanelContext = require('./MenuPanelContext.js');
+
+const withBaseName = core.makePrefixer("saltMenuPanel");
+const MenuPanel = React.forwardRef(
+  function MenuPanel2(props, ref) {
+    const { children, className, ...rest } = props;
+    const { Component: FloatingComponent } = core.useFloatingComponent();
+    const {
+      getItemProps,
+      openState,
+      getFloatingProps,
+      refs,
+      getPanelPosition,
+      context,
+      elementsRef,
+      activeIndex,
+      setFocusInside,
+      isNested
+    } = MenuContext.useMenuContext();
+    const handleRef = core.useForkRef(ref, refs == null ? void 0 : refs.setFloating);
+    return /* @__PURE__ */ jsxRuntime.jsx(MenuPanelContext.MenuPanelContext.Provider, {
+      value: { activeIndex, getItemProps, setFocusInside },
+      children: /* @__PURE__ */ jsxRuntime.jsx(react.FloatingList, {
+        elementsRef,
+        children: /* @__PURE__ */ jsxRuntime.jsx(FloatingComponent, {
+          open: openState,
+          role: "menu",
+          ...getFloatingProps(),
+          ...getPanelPosition(),
+          className: clsx.clsx(withBaseName(), className),
+          focusManagerProps: context ? {
+            context,
+            initialFocus: isNested ? -1 : 0,
+            returnFocus: !isNested,
+            modal: false
+          } : void 0,
+          tabIndex: -1,
+          ref: handleRef,
+          ...rest,
+          children: /* @__PURE__ */ jsxRuntime.jsx(MenuPanelBase.MenuPanelBase, {
+            children
+          })
+        })
+      })
+    });
+  }
+);
+
+exports.MenuPanel = MenuPanel;
+//# sourceMappingURL=MenuPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPanel.js","sources":["../src/menu/MenuPanel.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef, ReactNode } from \"react\";\nimport { makePrefixer, useFloatingComponent, useForkRef } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { useMenuContext } from \"./MenuContext\";\nimport { MenuPanelBase } from \"./MenuPanelBase\";\nimport { FloatingList } from \"@floating-ui/react\";\nimport { MenuPanelContext } from \"./MenuPanelContext\";\n\nexport interface MenuPanelProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * The content of the menu panel.\n   */\n  children?: ReactNode;\n}\n\nconst withBaseName = makePrefixer(\"saltMenuPanel\");\n\nexport const MenuPanel = forwardRef<HTMLDivElement, MenuPanelProps>(\n  function MenuPanel(props, ref) {\n    const { children, className, ...rest } = props;\n    const { Component: FloatingComponent } = useFloatingComponent();\n\n    const {\n      getItemProps,\n      openState,\n      getFloatingProps,\n      refs,\n      getPanelPosition,\n      context,\n      elementsRef,\n      activeIndex,\n      setFocusInside,\n      isNested,\n    } = useMenuContext();\n\n    const handleRef = useForkRef<HTMLDivElement>(ref, refs?.setFloating);\n\n    return (\n      <MenuPanelContext.Provider\n        value={{ activeIndex, getItemProps, setFocusInside }}\n      >\n        <FloatingList elementsRef={elementsRef}>\n          <FloatingComponent\n            open={openState}\n            role=\"menu\"\n            {...getFloatingProps()}\n            {...getPanelPosition()}\n            className={clsx(withBaseName(), className)}\n            focusManagerProps={\n              context\n                ? {\n                    context,\n                    initialFocus: isNested ? -1 : 0,\n                    returnFocus: !isNested,\n                    modal: false,\n                  }\n                : undefined\n            }\n            tabIndex={-1}\n            ref={handleRef}\n            {...rest}\n          >\n            <MenuPanelBase>{children}</MenuPanelBase>\n          </FloatingComponent>\n        </FloatingList>\n      </MenuPanelContext.Provider>\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","MenuPanel","useFloatingComponent","useMenuContext","useForkRef","jsx","MenuPanelContext","FloatingList","clsx","MenuPanelBase"],"mappings":";;;;;;;;;;;;;AAeA,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,QAAA,EAAU,SAAc,EAAA,GAAA,IAAA,EAAS,GAAA,KAAA,CAAA;AACzC,IAAA,MAAM,EAAE,SAAA,EAAW,iBAAkB,EAAA,GAAIC,yBAAqB,EAAA,CAAA;AAE9D,IAAM,MAAA;AAAA,MACJ,YAAA;AAAA,MACA,SAAA;AAAA,MACA,gBAAA;AAAA,MACA,IAAA;AAAA,MACA,gBAAA;AAAA,MACA,OAAA;AAAA,MACA,WAAA;AAAA,MACA,WAAA;AAAA,MACA,cAAA;AAAA,MACA,QAAA;AAAA,QACEC,0BAAe,EAAA,CAAA;AAEnB,IAAA,MAAM,SAAY,GAAAC,eAAA,CAA2B,GAAK,EAAA,IAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,IAAA,CAAM,WAAW,CAAA,CAAA;AAEnE,IACE,uBAAAC,cAAA,CAACC,kCAAiB,QAAjB,EAAA;AAAA,MACC,KAAO,EAAA,EAAE,WAAa,EAAA,YAAA,EAAc,cAAe,EAAA;AAAA,MAEnD,QAAC,kBAAAD,cAAA,CAAAE,kBAAA,EAAA;AAAA,QAAa,WAAA;AAAA,QACZ,QAAC,kBAAAF,cAAA,CAAA,iBAAA,EAAA;AAAA,UACC,IAAM,EAAA,SAAA;AAAA,UACN,IAAK,EAAA,MAAA;AAAA,UACJ,GAAG,gBAAiB,EAAA;AAAA,UACpB,GAAG,gBAAiB,EAAA;AAAA,UACrB,SAAW,EAAAG,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,UACzC,mBACE,OACI,GAAA;AAAA,YACE,OAAA;AAAA,YACA,YAAA,EAAc,WAAW,CAAK,CAAA,GAAA,CAAA;AAAA,YAC9B,aAAa,CAAC,QAAA;AAAA,YACd,KAAO,EAAA,KAAA;AAAA,WAET,GAAA,KAAA,CAAA;AAAA,UAEN,QAAU,EAAA,CAAA,CAAA;AAAA,UACV,GAAK,EAAA,SAAA;AAAA,UACJ,GAAG,IAAA;AAAA,UAEJ,QAAC,kBAAAH,cAAA,CAAAI,2BAAA,EAAA;AAAA,YAAe,QAAA;AAAA,WAAS,CAAA;AAAA,SAC3B,CAAA;AAAA,OACF,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-cjs/menu/MenuPanelBase.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var window = require('@salt-ds/window');
+var styles = require('@salt-ds/styles');
+var MenuPanel = require('./MenuPanel.css.js');
+
+const MenuPanelBase = React.forwardRef(
+  function MenuPanelBase2(props, ref) {
+    const { children, ...rest } = props;
+    const targetWindow = window.useWindow();
+    styles.useComponentCssInjection({
+      testId: "salt-menu-panel",
+      css: MenuPanel,
+      window: targetWindow
+    });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", {
+      ref,
+      ...rest,
+      children
+    });
+  }
+);
+
+exports.MenuPanelBase = MenuPanelBase;
+//# sourceMappingURL=MenuPanelBase.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPanelBase.js","sources":["../src/menu/MenuPanelBase.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport menuPanelCss from \"./MenuPanel.css\";\n\nexport interface MenuPanelBaseProps extends ComponentPropsWithoutRef<\"div\"> {}\n\nexport const MenuPanelBase = forwardRef<HTMLDivElement, MenuPanelBaseProps>(\n  function MenuPanelBase(props, ref) {\n    const { children, ...rest } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-menu-panel\",\n      css: menuPanelCss,\n      window: targetWindow,\n    });\n\n    return (\n      <div ref={ref} {...rest}>\n        {children}\n      </div>\n    );\n  }\n);\n"],"names":["forwardRef","MenuPanelBase","useWindow","useComponentCssInjection","menuPanelCss","jsx"],"mappings":";;;;;;;;;;AAOO,MAAM,aAAgB,GAAAA,gBAAA;AAAA,EAC3B,SAASC,cAAc,CAAA,KAAA,EAAO,GAAK,EAAA;AACjC,IAAM,MAAA,EAAE,QAAa,EAAA,GAAA,IAAA,EAAS,GAAA,KAAA,CAAA;AAE9B,IAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,iBAAA;AAAA,MACR,GAAK,EAAAC,SAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,MAAI,GAAA;AAAA,MAAW,GAAG,IAAA;AAAA,MAChB,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-cjs/menu/MenuPanelContext.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@salt-ds/core');
+var React = require('react');
+
+const MenuPanelContext = core.createContext(
+  "MenuPanelContext",
+  {
+    activeIndex: null,
+    getItemProps: () => ({}),
+    setFocusInside: () => void 0
+  }
+);
+function useMenuPanelContext() {
+  return React.useContext(MenuPanelContext);
+}
+
+exports.MenuPanelContext = MenuPanelContext;
+exports.useMenuPanelContext = useMenuPanelContext;
+//# sourceMappingURL=MenuPanelContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPanelContext.js","sources":["../src/menu/MenuPanelContext.ts"],"sourcesContent":["import { createContext } from \"@salt-ds/core\";\nimport { useContext } from \"react\";\nimport { MenuContextValue } from \"./MenuContext\";\n\nexport interface MenuPanelContextValue\n  extends Pick<\n    MenuContextValue,\n    \"getItemProps\" | \"activeIndex\" | \"setFocusInside\"\n  > {}\n\nexport const MenuPanelContext = createContext<MenuPanelContextValue>(\n  \"MenuPanelContext\",\n  {\n    activeIndex: null,\n    getItemProps: () => ({}),\n    setFocusInside: () => undefined,\n  }\n);\n\nexport function useMenuPanelContext() {\n  return useContext(MenuPanelContext);\n}\n"],"names":["createContext","useContext"],"mappings":";;;;;;;AAUO,MAAM,gBAAmB,GAAAA,kBAAA;AAAA,EAC9B,kBAAA;AAAA,EACA;AAAA,IACE,WAAa,EAAA,IAAA;AAAA,IACb,YAAA,EAAc,OAAO,EAAC,CAAA;AAAA,IACtB,gBAAgB,MAAM,KAAA,CAAA;AAAA,GACxB;AACF,EAAA;AAEO,SAAS,mBAAsB,GAAA;AACpC,EAAA,OAAOC,iBAAW,gBAAgB,CAAA,CAAA;AACpC;;;;;"}

package/dist-cjs/menu/MenuTrigger.js

@@ -0,0 +1,43 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var core = require('@salt-ds/core');
+var MenuContext = require('./MenuContext.js');
+var MenuTriggerContext = require('./MenuTriggerContext.js');
+var MenuPanelContext = require('./MenuPanelContext.js');
+
+function MenuTrigger(props) {
+  const { children } = props;
+  const { getReferenceProps, refs, setFocusInside, focusInside, openState } = MenuContext.useMenuContext();
+  const { setFocusInside: setFocusInsideParent } = MenuPanelContext.useMenuPanelContext();
+  const handleRef = core.useForkRef(
+    React.isValidElement(children) ? children.ref : null,
+    refs == null ? void 0 : refs.setReference
+  );
+  if (!children || !React.isValidElement(children)) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
+      children
+    });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(MenuTriggerContext.MenuTriggerContext.Provider, {
+    value: { triggersSubmenu: true, blurActive: focusInside && openState },
+    children: React.cloneElement(children, {
+      ...core.mergeProps(
+        getReferenceProps({
+          onFocus() {
+            setFocusInsideParent(true);
+            setFocusInside(false);
+          }
+        }),
+        children.props
+      ),
+      ref: handleRef
+    })
+  });
+}
+
+exports.MenuTrigger = MenuTrigger;
+//# sourceMappingURL=MenuTrigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuTrigger.js","sources":["../src/menu/MenuTrigger.tsx"],"sourcesContent":["import { cloneElement, isValidElement, ReactNode } from \"react\";\nimport { mergeProps, useForkRef } from \"@salt-ds/core\";\nimport { useMenuContext } from \"./MenuContext\";\nimport { MenuTriggerContext } from \"./MenuTriggerContext\";\nimport { useMenuPanelContext } from \"./MenuPanelContext\";\n\nexport interface MenuTriggerProps {\n  /**\n   * The trigger element for the menu. This should be a single child element and accept a ref.\n   */\n  children?: ReactNode;\n}\n\nexport function MenuTrigger(props: MenuTriggerProps) {\n  const { children } = props;\n\n  const { getReferenceProps, refs, setFocusInside, focusInside, openState } =\n    useMenuContext();\n  const { setFocusInside: setFocusInsideParent } = useMenuPanelContext();\n\n  const handleRef = useForkRef(\n    // @ts-expect-error error TS2339 missing property ref\n    isValidElement(children) ? children.ref : null,\n    refs?.setReference\n  );\n\n  if (!children || !isValidElement(children)) {\n    // Should we log or throw error?\n    return <>{children}</>;\n  }\n\n  return (\n    <MenuTriggerContext.Provider\n      value={{ triggersSubmenu: true, blurActive: focusInside && openState }}\n    >\n      {cloneElement(children, {\n        ...mergeProps(\n          getReferenceProps({\n            onFocus() {\n              setFocusInsideParent(true);\n              setFocusInside(false);\n            },\n          }),\n          children.props\n        ),\n        ref: handleRef,\n      })}\n    </MenuTriggerContext.Provider>\n  );\n}\n"],"names":["useMenuContext","useMenuPanelContext","useForkRef","isValidElement","jsx","Fragment","MenuTriggerContext","mergeProps"],"mappings":";;;;;;;;;;;AAaO,SAAS,YAAY,KAAyB,EAAA;AACnD,EAAM,MAAA,EAAE,UAAa,GAAA,KAAA,CAAA;AAErB,EAAA,MAAM,EAAE,iBAAmB,EAAA,IAAA,EAAM,gBAAgB,WAAa,EAAA,SAAA,KAC5DA,0BAAe,EAAA,CAAA;AACjB,EAAA,MAAM,EAAE,cAAA,EAAgB,oBAAqB,EAAA,GAAIC,oCAAoB,EAAA,CAAA;AAErE,EAAA,MAAM,SAAY,GAAAC,eAAA;AAAA,IAEhBC,oBAAe,CAAA,QAAQ,CAAI,GAAA,QAAA,CAAS,GAAM,GAAA,IAAA;AAAA,IAC1C,IAAM,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,IAAA,CAAA,YAAA;AAAA,GACR,CAAA;AAEA,EAAA,IAAI,CAAC,QAAA,IAAY,CAACA,oBAAA,CAAe,QAAQ,CAAG,EAAA;AAE1C,IAAO,uBAAAC,cAAA,CAAAC,mBAAA,EAAA;AAAA,MAAG,QAAA;AAAA,KAAS,CAAA,CAAA;AAAA,GACrB;AAEA,EACE,uBAAAD,cAAA,CAACE,sCAAmB,QAAnB,EAAA;AAAA,IACC,OAAO,EAAE,eAAA,EAAiB,IAAM,EAAA,UAAA,EAAY,eAAe,SAAU,EAAA;AAAA,IAEpE,6BAAa,QAAU,EAAA;AAAA,MACtB,GAAGC,eAAA;AAAA,QACD,iBAAkB,CAAA;AAAA,UAChB,OAAU,GAAA;AACR,YAAA,oBAAA,CAAqB,IAAI,CAAA,CAAA;AACzB,YAAA,cAAA,CAAe,KAAK,CAAA,CAAA;AAAA,WACtB;AAAA,SACD,CAAA;AAAA,QACD,QAAS,CAAA,KAAA;AAAA,OACX;AAAA,MACA,GAAK,EAAA,SAAA;AAAA,KACN,CAAA;AAAA,GACH,CAAA,CAAA;AAEJ;;;;"}

package/dist-cjs/menu/MenuTriggerContext.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@salt-ds/core');
+var React = require('react');
+
+const MenuTriggerContext = core.createContext(
+  "MenuTriggerContext",
+  { triggersSubmenu: false, blurActive: false }
+);
+function useIsMenuTrigger() {
+  return React.useContext(MenuTriggerContext);
+}
+
+exports.MenuTriggerContext = MenuTriggerContext;
+exports.useIsMenuTrigger = useIsMenuTrigger;
+//# sourceMappingURL=MenuTriggerContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuTriggerContext.js","sources":["../src/menu/MenuTriggerContext.ts"],"sourcesContent":["import { createContext } from \"@salt-ds/core\";\nimport { useContext } from \"react\";\n\nexport interface MenuTriggerContextValue {\n  triggersSubmenu: boolean;\n  blurActive: boolean;\n}\n\nexport const MenuTriggerContext = createContext<MenuTriggerContextValue>(\n  \"MenuTriggerContext\",\n  { triggersSubmenu: false, blurActive: false }\n);\n\nexport function useIsMenuTrigger() {\n  return useContext(MenuTriggerContext);\n}\n"],"names":["createContext","useContext"],"mappings":";;;;;;;AAQO,MAAM,kBAAqB,GAAAA,kBAAA;AAAA,EAChC,oBAAA;AAAA,EACA,EAAE,eAAA,EAAiB,KAAO,EAAA,UAAA,EAAY,KAAM,EAAA;AAC9C,EAAA;AAEO,SAAS,gBAAmB,GAAA;AACjC,EAAA,OAAOC,iBAAW,kBAAkB,CAAA,CAAA;AACtC;;;;;"}

package/dist-cjs/menu-button/MenuButton.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var css_248z = "";
+
+module.exports = css_248z;
+//# sourceMappingURL=MenuButton.css.js.map

package/dist-cjs/menu-button/MenuButton.css.js.map

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

package/dist-cjs/menu-button/MenuButton.js

@@ -0,0 +1,55 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var CascadingMenu = require('../cascading-menu/CascadingMenu.js');
+var MenuButtonTrigger = require('./MenuButtonTrigger.js');
+var window = require('@salt-ds/window');
+var styles = require('@salt-ds/styles');
+var MenuButton$1 = require('./MenuButton.css.js');
+
+const MenuButton = React.forwardRef(
+  function MenuButton2({ variant = "secondary", CascadingMenuProps: CascadingMenuProps2 = {}, children, ...restProps }, ref) {
+    const {
+      initialSource = { menuItems: [] },
+      onOpen,
+      onClose,
+      ...restMenuProps
+    } = CascadingMenuProps2;
+    const targetWindow = window.useWindow();
+    styles.useComponentCssInjection({
+      testId: "salt-menu-button",
+      css: MenuButton$1,
+      window: targetWindow
+    });
+    const [isMenuOpen, setMenuOpen] = React.useState(false);
+    const handleOpen = React.useCallback(() => {
+      setMenuOpen(true);
+      onOpen && onOpen();
+    }, [onOpen]);
+    const handleClose = React.useCallback(() => {
+      setMenuOpen(false);
+      onClose && onClose();
+    }, [onClose]);
+    return /* @__PURE__ */ jsxRuntime.jsx(CascadingMenu.CascadingMenu, {
+      initialSource,
+      onClose: handleClose,
+      onOpen: handleOpen,
+      ...restMenuProps,
+      children: /* @__PURE__ */ jsxRuntime.jsx(MenuButtonTrigger.MenuButtonTrigger, {
+        "aria-expanded": isMenuOpen,
+        "aria-haspopup": true,
+        isMenuOpen,
+        ref,
+        variant,
+        ...restProps,
+        children
+      })
+    });
+  }
+);
+
+exports.MenuButton = MenuButton;
+//# sourceMappingURL=MenuButton.js.map

package/dist-cjs/menu-button/MenuButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButton.js","sources":["../src/menu-button/MenuButton.tsx"],"sourcesContent":["import { forwardRef, ReactNode, useCallback, useState } from \"react\";\nimport { ButtonProps } from \"@salt-ds/core\";\nimport { CascadingMenu, CascadingMenuProps } from \"../cascading-menu\";\nimport { MenuButtonTrigger } from \"./MenuButtonTrigger\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport menuButtonCss from \"./MenuButton.css\";\n\nexport interface MenuButtonProps extends ButtonProps {\n  CascadingMenuProps: CascadingMenuProps;\n  children: ReactNode;\n  className?: string;\n  hideCaret?: boolean;\n}\n\nexport const MenuButton = forwardRef<HTMLButtonElement, MenuButtonProps>(\n  function MenuButton(\n    { variant = \"secondary\", CascadingMenuProps = {}, children, ...restProps },\n    ref\n  ) {\n    const {\n      initialSource = { menuItems: [] },\n      onOpen,\n      onClose,\n      ...restMenuProps\n    } = CascadingMenuProps;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-menu-button\",\n      css: menuButtonCss,\n      window: targetWindow,\n    });\n\n    const [isMenuOpen, setMenuOpen] = useState(false);\n\n    const handleOpen = useCallback(() => {\n      setMenuOpen(true);\n      onOpen && onOpen();\n    }, [onOpen]);\n\n    const handleClose = useCallback(() => {\n      setMenuOpen(false);\n      onClose && onClose();\n    }, [onClose]);\n\n    return (\n      <CascadingMenu\n        initialSource={initialSource}\n        onClose={handleClose}\n        onOpen={handleOpen}\n        {...restMenuProps}\n      >\n        <MenuButtonTrigger\n          aria-expanded={isMenuOpen}\n          aria-haspopup\n          isMenuOpen={isMenuOpen}\n          ref={ref}\n          variant={variant}\n          {...restProps}\n        >\n          {children}\n        </MenuButtonTrigger>\n      </CascadingMenu>\n    );\n  }\n);\n"],"names":["forwardRef","MenuButton","CascadingMenuProps","useWindow","useComponentCssInjection","menuButtonCss","useState","useCallback","jsx","CascadingMenu","MenuButtonTrigger"],"mappings":";;;;;;;;;;;;AAgBO,MAAM,UAAa,GAAAA,gBAAA;AAAA,EACxB,SAASC,WAAAA,CACP,EAAE,OAAA,GAAU,WAAa,EAAA,kBAAA,EAAAC,mBAAqB,GAAA,EAAI,EAAA,QAAA,EAAA,GAAa,SAAU,EAAA,EACzE,GACA,EAAA;AACA,IAAM,MAAA;AAAA,MACJ,aAAgB,GAAA,EAAE,SAAW,EAAA,EAAG,EAAA;AAAA,MAChC,MAAA;AAAA,MACA,OAAA;AAAA,MACG,GAAA,aAAA;AAAA,KACDA,GAAAA,mBAAAA,CAAAA;AAEJ,IAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,kBAAA;AAAA,MACR,GAAK,EAAAC,YAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,MAAM,CAAC,UAAA,EAAY,WAAW,CAAA,GAAIC,eAAS,KAAK,CAAA,CAAA;AAEhD,IAAM,MAAA,UAAA,GAAaC,kBAAY,MAAM;AACnC,MAAA,WAAA,CAAY,IAAI,CAAA,CAAA;AAChB,MAAA,MAAA,IAAU,MAAO,EAAA,CAAA;AAAA,KACnB,EAAG,CAAC,MAAM,CAAC,CAAA,CAAA;AAEX,IAAM,MAAA,WAAA,GAAcA,kBAAY,MAAM;AACpC,MAAA,WAAA,CAAY,KAAK,CAAA,CAAA;AACjB,MAAA,OAAA,IAAW,OAAQ,EAAA,CAAA;AAAA,KACrB,EAAG,CAAC,OAAO,CAAC,CAAA,CAAA;AAEZ,IAAA,uBACGC,cAAA,CAAAC,2BAAA,EAAA;AAAA,MACC,aAAA;AAAA,MACA,OAAS,EAAA,WAAA;AAAA,MACT,MAAQ,EAAA,UAAA;AAAA,MACP,GAAG,aAAA;AAAA,MAEJ,QAAC,kBAAAD,cAAA,CAAAE,mCAAA,EAAA;AAAA,QACC,eAAe,EAAA,UAAA;AAAA,QACf,eAAa,EAAA,IAAA;AAAA,QACb,UAAA;AAAA,QACA,GAAA;AAAA,QACA,OAAA;AAAA,QACC,GAAG,SAAA;AAAA,QAEH,QAAA;AAAA,OACH,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-cjs/menu-button/MenuButtonTrigger.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var css_248z = ".saltMenuButtonTrigger {\n  --menuButton-trigger-open-color: var(--saltMenuButton-trigger-open-color, var(--salt-actionable-primary-foreground-active));\n}\n\n.saltMenuButtonTrigger {\n  display: inline-flex;\n  line-height: 1;\n}\n\n.saltMenuButtonTrigger-buttonOpen {\n  background: var(--saltMenuButton-trigger-open-background, var(--salt-actionable-primary-background-active));\n  color: var(--menuButton-trigger-open-color);\n}\n\n.saltMenuButtonTrigger-buttonOpen:not(:hover) .saltMenuButtonTrigger-caretIcon {\n  color: var(--menuButton-trigger-open-color);\n}\n\n.saltMenuButtonTrigger-buttonOpen:not(:hover) .saltMenuButtonTrigger-icon {\n  color: var(--menuButton-trigger-open-color);\n}\n\n.saltMenuButtonTrigger-icon {\n}\n\n.saltMenuButtonTrigger-caretIcon {\n  --saltIcon-margin: 0 0 0 var(--salt-size-unit);\n}\n";
+
+module.exports = css_248z;
+//# sourceMappingURL=MenuButtonTrigger.css.js.map

package/dist-cjs/menu-button/MenuButtonTrigger.css.js.map

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

package/dist-cjs/menu-button/MenuButtonTrigger.js

@@ -0,0 +1,40 @@
+'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 icons = require('@salt-ds/icons');
+var window = require('@salt-ds/window');
+var styles = require('@salt-ds/styles');
+var MenuButtonTrigger$1 = require('./MenuButtonTrigger.css.js');
+
+const withBaseName = core.makePrefixer("saltMenuButtonTrigger");
+const MenuButtonTrigger = React.forwardRef(function MenuButtonTrigger2({ className, hideCaret, isMenuOpen, children, ...rest }, ref) {
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "salt-menu-button-trigger",
+    css: MenuButtonTrigger$1,
+    window: targetWindow
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(core.Button, {
+    ref,
+    className: clsx.clsx(withBaseName(), className, {
+      [withBaseName("buttonOpen")]: isMenuOpen
+    }),
+    "data-testid": "menu-button-trigger",
+    ...rest,
+    children: [
+      children,
+      !hideCaret && /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronDownIcon, {
+        className: withBaseName("caretIcon"),
+        "data-testid": "menu-button-trigger-caret"
+      })
+    ]
+  });
+});
+
+exports.MenuButtonTrigger = MenuButtonTrigger;
+//# sourceMappingURL=MenuButtonTrigger.js.map

package/dist-cjs/menu-button/MenuButtonTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButtonTrigger.js","sources":["../src/menu-button/MenuButtonTrigger.tsx"],"sourcesContent":["import { forwardRef, ReactNode } from \"react\";\nimport { clsx } from \"clsx\";\nimport { Button, ButtonProps, makePrefixer } from \"@salt-ds/core\";\nimport { ChevronDownIcon } from \"@salt-ds/icons\";\n\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport menuButtonTrigger from \"./MenuButtonTrigger.css\";\n\nconst withBaseName = makePrefixer(\"saltMenuButtonTrigger\");\n\nexport interface MenuButtonTriggerProps extends ButtonProps {\n  className?: string;\n  hideCaret?: boolean;\n  isMenuOpen?: boolean;\n  children?: ReactNode;\n}\n\nexport const MenuButtonTrigger = forwardRef<\n  HTMLButtonElement,\n  MenuButtonTriggerProps\n>(function MenuButtonTrigger(\n  { className, hideCaret, isMenuOpen, children, ...rest },\n  ref\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-menu-button-trigger\",\n    css: menuButtonTrigger,\n    window: targetWindow,\n  });\n\n  return (\n    <Button\n      ref={ref}\n      className={clsx(withBaseName(), className, {\n        [withBaseName(\"buttonOpen\")]: isMenuOpen,\n      })}\n      data-testid=\"menu-button-trigger\"\n      {...rest}\n    >\n      {children}\n      {!hideCaret && (\n        <ChevronDownIcon\n          className={withBaseName(\"caretIcon\")}\n          data-testid=\"menu-button-trigger-caret\"\n        />\n      )}\n    </Button>\n  );\n});\n"],"names":["makePrefixer","forwardRef","MenuButtonTrigger","useWindow","useComponentCssInjection","menuButtonTrigger","jsxs","Button","clsx","jsx","ChevronDownIcon"],"mappings":";;;;;;;;;;;;;AAUA,MAAM,YAAA,GAAeA,kBAAa,uBAAuB,CAAA,CAAA;AAS5C,MAAA,iBAAA,GAAoBC,gBAG/B,CAAA,SAASC,kBACT,CAAA,EAAE,SAAW,EAAA,SAAA,EAAW,UAAY,EAAA,QAAA,EAAA,GAAa,IAAK,EAAA,EACtD,GACA,EAAA;AACA,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,0BAAA;AAAA,IACR,GAAK,EAAAC,mBAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBACGC,eAAA,CAAAC,WAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAW,EAAA;AAAA,MACzC,CAAC,YAAa,CAAA,YAAY,CAAI,GAAA,UAAA;AAAA,KAC/B,CAAA;AAAA,IACD,aAAY,EAAA,qBAAA;AAAA,IACX,GAAG,IAAA;AAAA,IAEH,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,MACA,CAAC,6BACCC,cAAA,CAAAC,qBAAA,EAAA;AAAA,QACC,SAAA,EAAW,aAAa,WAAW,CAAA;AAAA,QACnC,aAAY,EAAA,2BAAA;AAAA,OACd,CAAA;AAAA,KAAA;AAAA,GAEJ,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-cjs/metric/Metric.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var css_248z = ".saltMetric {\n  display: flex;\n  align-items: flex-start;\n  padding: 0px;\n  color: var(--saltMetric-color, var(--salt-content-primary-foreground));\n}\n\n.saltMetric-orientation-horizontal {\n  flex-direction: row;\n  gap: var(--metric-horizontal-gap, 16px);\n  margin-top: var(--metric-horizontal-marginTop, 0px);\n}\n\n.saltMetric-orientation-vertical {\n  flex-direction: column;\n  justify-content: center;\n}\n\n.saltMetric-orientation-vertical.saltMetric-align-center {\n  align-items: center;\n}\n.saltMetric-orientation-vertical.saltMetric-align-right {\n  align-items: flex-end;\n}\n";
+
+module.exports = css_248z;
+//# sourceMappingURL=Metric.css.js.map

package/dist-cjs/metric/Metric.css.js.map

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

package/dist-cjs/metric/Metric.js

@@ -0,0 +1,86 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@salt-ds/core');
+var clsx = require('clsx');
+var React = require('react');
+var MetricContext = require('./internal/MetricContext.js');
+var window = require('@salt-ds/window');
+var styles = require('@salt-ds/styles');
+var Metric$1 = require('./Metric.css.js');
+
+const withBaseName = core.makePrefixer("saltMetric");
+const Metric = React.forwardRef(function Metric2({
+  className,
+  children,
+  direction,
+  showIndicator,
+  align = "left",
+  orientation = "vertical",
+  indicatorPosition = "end",
+  headingAriaLevel = 2,
+  id: idProp,
+  size = "medium",
+  ...restProps
+}, ref) {
+  const targetWindow = window.useWindow();
+  styles.useComponentCssInjection({
+    testId: "salt-metric",
+    css: Metric$1,
+    window: targetWindow
+  });
+  const id = core.useId(idProp);
+  const titleId = `metric-title-${id}`;
+  const subtitleId = `metric-subtitle-${id}`;
+  const valueId = `metric-value-${id}`;
+  const value = React.useMemo(
+    () => ({
+      align,
+      direction,
+      orientation,
+      showIndicator,
+      indicatorPosition,
+      headingAriaLevel,
+      size,
+      titleId,
+      subtitleId,
+      valueId
+    }),
+    [
+      align,
+      direction,
+      orientation,
+      showIndicator,
+      indicatorPosition,
+      headingAriaLevel,
+      size,
+      titleId,
+      subtitleId,
+      valueId
+    ]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(MetricContext.MetricContextProvider, {
+    value,
+    children: /* @__PURE__ */ jsxRuntime.jsx("div", {
+      ...restProps,
+      className: clsx.clsx(
+        withBaseName(),
+        withBaseName(`size-${size}`),
+        {
+          [withBaseName(`direction-${direction}`)]: direction,
+          [withBaseName(`orientation-${orientation}`)]: orientation,
+          [withBaseName(`align-${align}`)]: align
+        },
+        className
+      ),
+      id,
+      ref,
+      children
+    })
+  });
+});
+
+exports.Metric = Metric;
+//# sourceMappingURL=Metric.js.map