@wistia/ui 0.11.7 → 0.12.0-beta.1086e88a.85980c3

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.11.7
+ * @license @wistia/ui v0.12.0-beta.1086e88a.85980c3
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -12049,6 +12049,7 @@ CheckboxMenuItem.displayName = "CheckboxMenuItem";
 
 // src/components/Menu/FilterMenu.tsx
 var import_react56 = require("react");
+var import_react_dropdown_menu8 = require("@radix-ui/react-dropdown-menu");
 var import_jsx_runtime252 = require("react/jsx-runtime");
 var FilterMenuItem = CheckboxMenuItem;
 var FilterMenu = (0, import_react56.forwardRef)(
@@ -12058,7 +12059,6 @@ var FilterMenu = (0, import_react56.forwardRef)(
       {
         ...props,
         ref,
-        isOpen: true,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(
             Card,
@@ -12082,7 +12082,6 @@ var FilterMenu = (0, import_react56.forwardRef)(
                   onChange: (event) => {
                     onSearchValueChange(event.target.value);
                   },
-                  onClick: (event) => event.preventDefault(),
                   onKeyDown: (event) => {
                     if (event.key === "ArrowDown") {
                       event.preventDefault();
@@ -12096,7 +12095,8 @@ var FilterMenu = (0, import_react56.forwardRef)(
                   },
                   placeholder: "Search...",
                   tabIndex: 0,
-                  type: "search"
+                  type: "search",
+                  value: searchValue
                 }
               )
             }
@@ -12110,31 +12110,38 @@ var FilterMenu = (0, import_react56.forwardRef)(
             }
           ),
           import_react56.Children.toArray(children).length > 0 ? children : /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(MenuItem, { disabled: true, children: "No results found" }),
-          value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(MenuItem, { disabled: true, children: /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(
-            Card,
+          value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(
+            import_react_dropdown_menu8.DropdownMenuItem,
             {
-              alignItems: "flex-end",
-              border: false,
-              borderRadius: "border-radius-02",
-              paddingSize: "space-01",
-              prominence: "default",
-              style: {
-                position: "absolute",
-                bottom: 0,
-                left: 0,
-                right: 0,
-                margin: "1px"
-              },
+              disabled: true,
+              style: { marginTop: "24px" },
               children: /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(
-                Button,
+                Card,
                 {
-                  onClick: () => onChange([]),
-                  size: "sm",
-                  children: "Clear"
+                  alignItems: "flex-end",
+                  border: false,
+                  borderRadius: "border-radius-02",
+                  paddingSize: "space-01",
+                  prominence: "default",
+                  style: {
+                    position: "absolute",
+                    bottom: 0,
+                    left: 0,
+                    right: 0,
+                    margin: "1px"
+                  },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(
+                    Button,
+                    {
+                      onClick: () => onChange([]),
+                      size: "sm",
+                      children: "Clear"
+                    }
+                  )
                 }
               )
             }
-          ) })
+          )
         ]
       }
     );
@@ -14293,7 +14300,7 @@ var getRelativeMousePosition = (elem, mouseEvent) => {
 var Thumbnail = (0, import_react73.forwardRef)(
   ({
     gradientBackground = "defaultMidOne",
-    thumbnailImageType = "square",
+    thumbnailImageType = "wide",
     thumbnailUrl,
     width = "100%",
     children,