@hopper-ui/components 1.5.16 → 1.6.1

package/dist/{chunk-VLHRF52C.js → chunk-ZICTGDRV.js}

@@ -2,7 +2,7 @@ import { PopoverContext } from './chunk-RNGNPV6Q.js';
 import { isFunction, isNil } from './chunk-TIPN4VYD.js';
 import { ListBoxContext } from './chunk-4HEOTMP7.js';
 import { FooterContext } from './chunk-I67NHYK4.js';
-import { useForwardedHopperContext, _HopperProvider } from './chunk-V3SFULRL.js';
+import { useForwardedHopperContext, _HopperProvider } from './chunk-4VGMZWJ2.js';
 import { LinkContext } from './chunk-MTULE7GI.js';
 import { HeadingContext } from './chunk-WJRMD4JP.js';
 import { ContentContext } from './chunk-IXB2WK56.js';
@@ -19,7 +19,7 @@ import { useContextProps, composeRenderProps, Popover as Popover$1, Dialog } fro
 import { jsx } from 'react/jsx-runtime';
 
 // css-module:./Popover.module.css#css-module
-var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___n14LN", "fade": "Popover-module__fade___o79zF", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___--c78", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___mz1wr", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___zbVeF", "hop-Popover__title": "Popover-module__hop-Popover__title___5T4fX", "hop-Popover__content": "Popover-module__hop-Popover__content___9rMbe", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___aw1jf", "hop-Popover__footer": "Popover-module__hop-Popover__footer___f3FBh", "hop-Popover__actions": "Popover-module__hop-Popover__actions___uG4n2", "hop-Popover__action": "Popover-module__hop-Popover__action___WgnEa" };
+var Popover_module_default = { "hop-Popover": "Popover-module__hop-Popover___U1bem", "fade": "Popover-module__fade___5bgK7", "hop-Popover__wrapper": "Popover-module__hop-Popover__wrapper___gOaLn", "hop-Popover__dialog": "Popover-module__hop-Popover__dialog___h18ia", "hop-Popover__dropdown": "Popover-module__hop-Popover__dropdown___opt0t", "hop-Popover__title": "Popover-module__hop-Popover__title___awbcu", "hop-Popover__content": "Popover-module__hop-Popover__content___yxGrH", "hop-Popover__list-box": "Popover-module__hop-Popover__list-box___aIvDu", "hop-Popover__footer": "Popover-module__hop-Popover__footer___r9fbQ", "hop-Popover__actions": "Popover-module__hop-Popover__actions___BKyIi", "hop-Popover__action": "Popover-module__hop-Popover__action___-rS12" };
 var GlobalPopoverCssSelector = "hop-Popover";
 function Popover(props, ref) {
   var _a;

package/dist/chunk-ZVJPFIET.js

@@ -0,0 +1,97 @@
+import { _PopoverBase } from './chunk-G75ACCCJ.js';
+import { MenuContext, InternalMenuContext } from './chunk-U4LYXB7W.js';
+import { MenuItemContext } from './chunk-OGC6BUEX.js';
+import { InternalMenuTriggerContext } from './chunk-ERUOMTWL.js';
+import { DividerContext } from './chunk-AB4BRU6Z.js';
+import { HeaderContext } from './chunk-FOQ7KN4V.js';
+import { SlotProvider } from './chunk-M36KANKC.js';
+import { cssModule } from './chunk-KVDXQMWI.js';
+import { useStyledSystem } from '@hopper-ui/styled-system';
+import clsx from 'clsx';
+import { forwardRef, useContext } from 'react';
+import { useContextProps, Menu as Menu$1 } from 'react-aria-components';
+import { jsx } from 'react/jsx-runtime';
+
+// css-module:./Menu.module.css#css-module
+var Menu_module_default = { "hop-Menu": "Menu-module__hop-Menu___dUSVj", "hop-Menu__header": "Menu-module__hop-Menu__header___5-N04", "hop-Menu__divider": "Menu-module__hop-Menu__divider___ezm1O" };
+var GlobalMenuCssSelector = "hop-Menu";
+function Menu(props, ref) {
+  [props, ref] = useContextProps(props, ref, MenuContext);
+  const { isSubmenu } = useContext(InternalMenuContext);
+  const menuTriggerContext = useContext(InternalMenuTriggerContext);
+  const { stylingProps, ...ownProps } = useStyledSystem(props);
+  const { align = "start", direction = "bottom", allowFlip } = menuTriggerContext != null ? menuTriggerContext : {};
+  let initialPlacement = `${direction} ${align}`;
+  if (isSubmenu) {
+    initialPlacement = "end top";
+  }
+  const {
+    className,
+    style,
+    children,
+    popoverProps,
+    slot,
+    size,
+    ...otherProps
+  } = ownProps;
+  const classNames = clsx(
+    className,
+    GlobalMenuCssSelector,
+    cssModule(
+      Menu_module_default,
+      GlobalMenuCssSelector
+    ),
+    stylingProps.className
+  );
+  const mergedStyles = {
+    ...style,
+    ...stylingProps.style
+  };
+  const content = /* @__PURE__ */ jsx(InternalMenuContext.Provider, { value: { isSubmenu: true }, children: /* @__PURE__ */ jsx(
+    SlotProvider,
+    {
+      values: [
+        [HeaderContext, {
+          className: Menu_module_default["hop-Menu__header"]
+        }],
+        [DividerContext, {
+          className: Menu_module_default["hop-Menu__divider"]
+        }],
+        [MenuItemContext, {
+          size
+        }]
+      ],
+      children: /* @__PURE__ */ jsx(
+        Menu$1,
+        {
+          slot,
+          className: classNames,
+          style: mergedStyles,
+          ...otherProps,
+          children
+        }
+      )
+    }
+  ) });
+  if (menuTriggerContext || isSubmenu) {
+    return /* @__PURE__ */ jsx(
+      _PopoverBase,
+      {
+        ref,
+        slot,
+        placement: initialPlacement,
+        shouldFlip: allowFlip,
+        outline: "none",
+        offset: isSubmenu ? 12 : 8,
+        crossOffset: isSubmenu ? -10 : 0,
+        ...popoverProps,
+        children: content
+      }
+    );
+  }
+  return content;
+}
+var _Menu = forwardRef(Menu);
+_Menu.displayName = "Menu";
+
+export { GlobalMenuCssSelector, _Menu };