@wistia/ui 0.14.28 → 0.14.29

package/dist/index.d.mts

@@ -1609,9 +1609,11 @@ type ContextMenuProps = {
         x: number;
         y: number;
     };
+    side?: 'bottom' | 'top';
     triggerRef?: never;
 } | {
     position?: never;
+    side?: never;
     triggerRef: RefObject<HTMLElement>;
 });
 /**
@@ -1620,7 +1622,7 @@ type ContextMenuProps = {
  * 1. By providing a `triggerRef`, which will render the menu when the referenced element is right-clicked.
  * 2. By providing a `position` prop, which will render the menu at the specified coordinates.
  */
-declare const ContextMenu: ({ position, triggerRef, children, onRequestClose, }: ContextMenuProps) => react_jsx_runtime.JSX.Element | null;
+declare const ContextMenu: ({ position, triggerRef, children, side, onRequestClose, }: ContextMenuProps) => react_jsx_runtime.JSX.Element | null;
 
 type DataCardProps = ComponentPropsWithoutRef<'div'> & Partial<Pick<ButtonAsLinkProps, 'beforeAction' | 'disabled' | 'href' | 'onClick' | 'type'>> & {
     /**
@@ -2635,10 +2637,6 @@ type UncontrolledMenuProps = {
 };
 type MenuControlProps = ControlledMenuProps | UncontrolledMenuProps;
 type MenuProps = MenuControlProps & {
-    /**
-     * @ignore
-     */
-    avoidCollisions?: boolean;
     /**
      * The position of the Menu
      */
@@ -2664,6 +2662,10 @@ type MenuProps = MenuControlProps & {
      * Callback for when the user clicks or focuses outside of the menu
      */
     onInteractOutside?: DropdownMenuContentProps['onInteractOutside'];
+    /**
+     * The side the menu appears on, relative to the trigger
+     */
+    side?: 'bottom' | 'top';
     /**
      * Replace the default trigger with a custom button or other element
      */

package/dist/index.d.ts

@@ -1609,9 +1609,11 @@ type ContextMenuProps = {
         x: number;
         y: number;
     };
+    side?: 'bottom' | 'top';
     triggerRef?: never;
 } | {
     position?: never;
+    side?: never;
     triggerRef: RefObject<HTMLElement>;
 });
 /**
@@ -1620,7 +1622,7 @@ type ContextMenuProps = {
  * 1. By providing a `triggerRef`, which will render the menu when the referenced element is right-clicked.
  * 2. By providing a `position` prop, which will render the menu at the specified coordinates.
  */
-declare const ContextMenu: ({ position, triggerRef, children, onRequestClose, }: ContextMenuProps) => react_jsx_runtime.JSX.Element | null;
+declare const ContextMenu: ({ position, triggerRef, children, side, onRequestClose, }: ContextMenuProps) => react_jsx_runtime.JSX.Element | null;
 
 type DataCardProps = ComponentPropsWithoutRef<'div'> & Partial<Pick<ButtonAsLinkProps, 'beforeAction' | 'disabled' | 'href' | 'onClick' | 'type'>> & {
     /**
@@ -2635,10 +2637,6 @@ type UncontrolledMenuProps = {
 };
 type MenuControlProps = ControlledMenuProps | UncontrolledMenuProps;
 type MenuProps = MenuControlProps & {
-    /**
-     * @ignore
-     */
-    avoidCollisions?: boolean;
     /**
      * The position of the Menu
      */
@@ -2664,6 +2662,10 @@ type MenuProps = MenuControlProps & {
      * Callback for when the user clicks or focuses outside of the menu
      */
     onInteractOutside?: DropdownMenuContentProps['onInteractOutside'];
+    /**
+     * The side the menu appears on, relative to the trigger
+     */
+    side?: 'bottom' | 'top';
     /**
      * Replace the default trigger with a custom button or other element
      */

package/dist/index.mjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.14.28
+ * @license @wistia/ui v0.14.29
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -12314,19 +12314,19 @@ var Combobox2 = ({
 };
 
 // src/components/ContextMenu/ContextMenu.tsx
-import { useEffect as useEffect16, useState as useState17 } from "react";
 import { isNil as isNil15, isNotNil as isNotNil24 } from "@wistia/type-guards";
+import { useEffect as useEffect16, useState as useState17 } from "react";
 
 // src/components/Menu/Menu.tsx
-import { forwardRef as forwardRef17, useMemo as useMemo12 } from "react";
-import styled51, { css as css30, keyframes as keyframes2 } from "styled-components";
 import {
   DropdownMenu,
-  DropdownMenuTrigger,
+  DropdownMenuContent,
   DropdownMenuPortal,
-  DropdownMenuContent
+  DropdownMenuTrigger
 } from "@radix-ui/react-dropdown-menu";
 import { isNotNil as isNotNil20, isNotUndefined as isNotUndefined9 } from "@wistia/type-guards";
+import { forwardRef as forwardRef17, useMemo as useMemo12 } from "react";
+import styled51, { css as css30, keyframes as keyframes2 } from "styled-components";
 
 // src/components/Menu/MenuContext.tsx
 import { createContext as createContext6, useContext as useContext5 } from "react";
@@ -12432,6 +12432,7 @@ var Menu = forwardRef17(
     trigger,
     label,
     isOpen,
+    side = "bottom",
     triggerProps = {},
     onOpenChange,
     ...props
@@ -12474,7 +12475,7 @@ var Menu = forwardRef17(
               onFocusOutside: (event) => {
                 event.preventDefault();
               },
-              side: "bottom",
+              side,
               sideOffset: 6,
               children
             }
@@ -13001,6 +13002,7 @@ var ContextMenu = ({
   position,
   triggerRef,
   children,
+  side = "bottom",
   onRequestClose = () => null
 }) => {
   const [isRightClicked, setIsRightClicked] = useState17(false);
@@ -13024,7 +13026,6 @@ var ContextMenu = ({
   return isOpen ? /* @__PURE__ */ jsx265(
     Menu,
     {
-      avoidCollisions: false,
       isOpen,
       onOpenChange: (next) => {
         setIsRightClicked(next);
@@ -13032,6 +13033,7 @@ var ContextMenu = ({
           onRequestClose();
         }
       },
+      side,
       trigger: /* @__PURE__ */ jsx265(
         "button",
         {