@wistia/ui 0.6.7 → 0.6.8-beta.1a2d2db0.554b501

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.6.7
+ * @license @wistia/ui v0.6.8-beta.1a2d2db0.554b501
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -1397,9 +1397,12 @@ var typographyTokens = import_styled_components7.css`
 // src/css/designTokens/zIndex.tsx
 var import_styled_components8 = require("styled-components");
 var zIndexTokens = import_styled_components8.css`
+  --wui-zindex-under: -1;
   --wui-zindex-backdrop: 100;
   --wui-zindex-modal: 100;
   --wui-zindex-menu: 500;
+  --wui-zindex-select: 500;
+  --wui-zindex-tooltip: 500;
 `;
 
 // src/css/designTokens/elevation.tsx
@@ -7747,6 +7750,7 @@ var StyledContent = (0, import_styled_components42.default)(import_react_tooltip
   animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
   will-change: transform, opacity;
   max-width: 30em;
+  z-index: var(--wui-zindex-tooltip);
 
   &[data-state='delayed-open'][data-side='top'] {
     animation-name: slideDownAndFade;
@@ -8922,8 +8926,8 @@ var StyledSubTrigger = (0, import_styled_components54.default)(import_react_drop
 `;
 var SubMenuTrigger = (props) => {
   const { isSmAndUp } = useMq();
-  const Trigger5 = isSmAndUp ? StyledSubTrigger : import_react_dropdown_menu3.DropdownMenuItem;
-  return /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(Trigger5, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(
+  const Trigger4 = isSmAndUp ? StyledSubTrigger : import_react_dropdown_menu3.DropdownMenuItem;
+  return /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(Trigger4, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime200.jsx)(
     MenuItemButton,
     {
       ...props,
@@ -9632,7 +9636,6 @@ var useSegmentedControlValue = () => {
 
 // src/components/SegmentedControl/SelectedItemIndicator.tsx
 var import_jsx_runtime213 = require("react/jsx-runtime");
-var Z_INDEX_TO_SIT_BEHIND_SIBLINGS = -1;
 var SelectedItemIndicatorDiv = import_styled_components62.default.div`
   background-color: var(--wui-color-bg-fill-white);
   border-radius: var(--wui-border-radius-rounded);
@@ -9643,7 +9646,7 @@ var SelectedItemIndicatorDiv = import_styled_components62.default.div`
   transition:
     transform var(--wui-motion-duration-02) var(--wui-motion-ease-out),
     width var(--wui-motion-duration-02) var(--wui-motion-ease-out);
-  z-index: ${Z_INDEX_TO_SIT_BEHIND_SIBLINGS};
+  z-index: var(--wui-zindex-under);
 `;
 var SelectedItemIndicator = () => {
   const selectedValue = useSegmentedControlValue();
@@ -10454,8 +10457,15 @@ var StyledTrigger = (0, import_styled_components71.default)(import_react_select.
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
+  max-width: 100%;
   width: ${({ $fullWidth = false }) => $fullWidth ? "100%" : "auto"};
 
+  > span {
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
+
   &[aria-expanded='true'],
   &:focus {
     outline: 2px solid var(--wui-color-focus-ring);
@@ -10485,8 +10495,9 @@ var StyledContent3 = (0, import_styled_components71.default)(import_react_select
   border: 1px solid var(--wui-select-content-border);
   border-radius: var(--wui-select-content-border-radius);
   padding: var(--wui-select-option-padding);
-  min-width: 200px;
-  z-index: var(--wui-zindex-menu);
+  min-width: var(--radix-select-trigger-width);
+  max-height: var(--radix-select-content-available-height);
+  z-index: var(--wui-zindex-select);
 `;
 var Select = (0, import_react55.forwardRef)(
   ({