@wistia/ui 0.15.3 → 0.15.5-beta.07e00e61.68f1236

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.15.3
+ * @license @wistia/ui v0.15.5-beta.07e00e61.68f1236
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -9780,12 +9780,12 @@ var Form = (0, import_react36.forwardRef)(
           ref,
           $fullWidth: fullWidth,
           alignItems: fullWidth ? "stretch" : "flex-start",
-          as: StyledForm,
           gap: "space-05",
           id,
           onBlur: handleBlur2,
           onReset: handleReset,
           onSubmit: handleSubmit,
+          renderAs: StyledForm,
           children
         }
       ) })
@@ -12830,12 +12830,15 @@ var Combobox2 = ({
   onSearchValueChange,
   displayValues = defaultDisplayValues,
   children,
+  flipPopover = true,
   fullWidth = true
 }) => {
+  const [isOpen, setIsOpen] = (0, import_react54.useState)(false);
   const [isPending, startTransition] = (0, import_react54.useTransition)();
   const [wrapperWidth, setWrapperWidth] = (0, import_react54.useState)("auto");
   const comboboxWrapperRef = (0, import_react54.useRef)(null);
   const options = (0, import_react54.useMemo)(() => extractOptions(children), [children]);
+  const isMultiSelect = (0, import_type_guards37.isArray)(value);
   (0, import_react54.useEffect)(() => {
     const comboboxWrapper = comboboxWrapperRef.current;
     if (comboboxWrapper) {
@@ -12856,7 +12859,7 @@ var Combobox2 = ({
       onChange("");
       return;
     }
-    onChange(typeof value === "string" ? "" : value.filter((val) => val !== valueToRemove));
+    onChange((0, import_type_guards37.isString)(value) ? "" : value.filter((val) => val !== valueToRemove));
   };
   const matches = (0, import_react54.useMemo)(() => {
     return (0, import_match_sorter.matchSorter)(Object.keys(options), searchValue);
@@ -12864,13 +12867,16 @@ var Combobox2 = ({
   return /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(
     Ariakit.ComboboxProvider,
     {
+      open: isOpen,
       selectedValue: value,
+      setOpen: setIsOpen,
       setSelectedValue: onChange,
       setValue: (nextValue) => {
         startTransition(() => {
           onSearchValueChange(nextValue);
         });
       },
+      value: !isOpen && !isMultiSelect ? value : searchValue,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(
           ComboboxWrapper,
@@ -12878,7 +12884,7 @@ var Combobox2 = ({
             ref: comboboxWrapperRef,
             $fullWidth: fullWidth,
             children: [
-              displayValues(value, handleRemoveValue),
+              isMultiSelect ? displayValues(value, handleRemoveValue) : null,
               /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
                 ComboboxInput,
                 {
@@ -12893,7 +12899,9 @@ var Combobox2 = ({
           ComboboxPopover2,
           {
             "aria-busy": isPending,
+            flip: flipPopover,
             gutter: 8,
+            onClose: () => onSearchValueChange(""),
             sameWidth: false,
             style: {
               width: wrapperWidth