@wistia/ui 0.14.29 → 0.14.30-beta.050b84cd.eea74f1

package/dist/index.mjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.14.29
+ * @license @wistia/ui v0.14.30-beta.050b84cd.eea74f1
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -11898,7 +11898,6 @@ var SaturationAndValuePicker = ({
 SaturationAndValuePicker.displayName = "SaturationAndValuePicker_UI";
 
 // src/components/Combobox/Combobox.tsx
-import * as Ariakit from "@ariakit/react";
 import {
   useMemo as useMemo11,
   useRef as useRef14,
@@ -11908,8 +11907,9 @@ import {
   Children as Children5,
   isValidElement as isValidElement2
 } from "react";
-import { matchSorter } from "match-sorter";
 import styled50 from "styled-components";
+import * as Ariakit from "@ariakit/react";
+import { matchSorter } from "match-sorter";
 
 // src/components/Tag/Tag.tsx
 import { forwardRef as forwardRef16 } from "react";
@@ -12089,6 +12089,12 @@ var ComboboxWrapper = styled50.div`
     width: min-content !important;
   }
 
+  /* adjust margin so Tag components do not alter size of input */
+  > [data-tag='combobox-selected-item'] {
+    margin-top: -3px;
+    margin-bottom: -3px;
+  }
+
   &:focus-within {
     outline: 2px solid var(--wui-input-color-border-focus);
     outline-offset: -2px;
@@ -12262,6 +12268,7 @@ var Combobox2 = ({
               value.map((selectedValue) => /* @__PURE__ */ jsx254(
                 Tag,
                 {
+                  "data-tag": "combobox-selected-item",
                   href: "https://example.com",
                   label: selectedValue,
                   onClickRemove: () => handleRemoveValue(selectedValue),
@@ -15894,9 +15901,7 @@ var Container10 = styled87.div`
   flex: 1 1 auto;
 `;
 var ScrollContainer = styled87.div`
-  contain: layout;
   overflow: auto;
-  position: relative;
   height: 100%;
   width: 100%;
 `;