@wistia/ui 0.8.25 → 0.8.26-beta.0dc49b0d.eceffc5

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.8.25
+ * @license @wistia/ui v0.8.26-beta.0dc49b0d.eceffc5
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -8500,6 +8500,11 @@ Checkbox.displayName = "Checkbox";
 
 // src/components/ClickRegion/ClickRegion.tsx
 var import_react30 = require("react");
+var isClickableElement = (element) => {
+  if (!element) return false;
+  const el = element;
+  return el.closest("button") !== null || el.closest("a") !== null || el.closest("input") !== null || el.closest("select") !== null || el.closest("textarea") !== null || el.closest("label") !== null || el.closest("[data-wui-faux-input]") !== null;
+};
 var ClickRegion = ({ children, targetRef }) => {
   (0, import_react30.useEffect)(() => {
     if (targetRef.current && targetRef.current.tagName === "A") {
@@ -8512,7 +8517,10 @@ var ClickRegion = ({ children, targetRef }) => {
   const handleClick = (0, import_react30.useCallback)(
     (event) => {
       const node = targetRef.current;
-      if (event.target instanceof HTMLAnchorElement && !event.target.hasAttribute("data-click-region-target-link") || event.target instanceof HTMLButtonElement && !event.target.hasAttribute("data-click-region-target-button")) {
+      if (event.target === node) {
+        return;
+      }
+      if (isClickableElement(event.target) && event.target !== node) {
         event.stopPropagation();
         return;
       }
@@ -10485,6 +10493,7 @@ var Menu = ({
             ...props,
             $compact: compact,
             align,
+            collisionPadding: 8,
             sideOffset: 6,
             onFocusOutside: (event) => {
               event.preventDefault();
@@ -10765,11 +10774,8 @@ MenuItem.displayName = "MenuItem";
 // src/components/Menu/MenuRadioGroup.tsx
 var import_react_dropdown_menu5 = require("@radix-ui/react-dropdown-menu");
 var import_jsx_runtime238 = require("react/jsx-runtime");
-var MenuRadioGroup = ({ children, label, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime238.jsxs)(import_react_dropdown_menu5.DropdownMenuRadioGroup, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(MenuLabel, { children: label }),
-    children
-  ] });
+var MenuRadioGroup = ({ children, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime238.jsx)(import_react_dropdown_menu5.DropdownMenuRadioGroup, { ...props, children });
 };
 MenuRadioGroup.displayName = "MenuRadioGroup";