@wistia/ui 0.14.25 → 0.14.26

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.14.25
+ * @license @wistia/ui v0.14.26
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -125,7 +125,7 @@ __export(index_exports, {
   MenuRadioGroup: () => MenuRadioGroup,
   Modal: () => Modal,
   PersistentFileAmountLimitValidator: () => import_validators.PersistentFileAmountLimitValidator,
-  Popover: () => Popover2,
+  Popover: () => Popover,
   ProgressBar: () => ProgressBar,
   Radio: () => Radio,
   RadioCard: () => RadioCard,
@@ -12225,7 +12225,7 @@ Tag.displayName = "Tag_UI";
 
 // src/components/Combobox/Combobox.tsx
 var import_jsx_runtime254 = require("react/jsx-runtime");
-var ComboboxWapper = import_styled_components67.default.div`
+var ComboboxWrapper = import_styled_components67.default.div`
   ${inputCss};
   width: ${({ $fullWidth }) => $fullWidth ? "100%" : "auto"};
   padding: var(--wui-input-vertical-padding) var(--wui-input-horizontal-padding);
@@ -12289,7 +12289,7 @@ var ComboboxInput = (0, import_styled_components67.default)(Ariakit.Combobox)`
     outline-width: 2px;
   }
 `;
-var ComboboxPopover = (0, import_styled_components67.default)(Ariakit.Popover)`
+var ComboboxPopover2 = (0, import_styled_components67.default)(Ariakit.ComboboxPopover)`
   --wui-combobox-content-border: var(--wui-color-border);
   --wui-combobox-content-bg: var(--wui-color-bg-surface);
   --wui-combobox-content-border-radius: var(--wui-border-radius-02);
@@ -12326,7 +12326,9 @@ var ComboboxItem2 = (0, import_styled_components67.default)(Ariakit.ComboboxItem
   cursor: pointer;
 
   &:hover,
-  &:focus-visible {
+  &:focus-visible,
+  &[data-focus-visible='true'],
+  &[data-active-item='true'] {
     background-color: var(--wui-combobox-option-bg-hover);
     outline: none;
   }
@@ -12409,7 +12411,7 @@ var Combobox2 = ({
       },
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(
-          ComboboxWapper,
+          ComboboxWrapper,
           {
             ref: comboboxWrapperRef,
             $fullWidth: fullWidth,
@@ -12429,7 +12431,7 @@ var Combobox2 = ({
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(
-          ComboboxPopover,
+          ComboboxPopover2,
           {
             "aria-busy": isPending,
             gutter: 8,
@@ -12442,7 +12444,6 @@ var Combobox2 = ({
                 ComboboxItem2,
                 {
                   className: "combobox-item",
-                  focusOnHover: true,
                   value: match,
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
@@ -14723,7 +14724,7 @@ var StyledContent2 = (0, import_styled_components91.default)(import_react_popove
     right: var(--wui-space-02);
   }
 `;
-var Popover2 = ({
+var Popover = ({
   children,
   trigger,
   isOpen = false,
@@ -14769,7 +14770,7 @@ var Popover2 = ({
     ) })
   ] });
 };
-Popover2.displayName = "Popover_UI";
+Popover.displayName = "Popover_UI";
 
 // src/components/ProgressBar/ProgressBar.tsx
 var import_styled_components92 = __toESM(require("styled-components"));