@wistia/ui 0.6.8 → 0.6.9-beta.37015977.6acbc8a

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.6.8
+ * @license @wistia/ui v0.6.9-beta.37015977.6acbc8a
  *
  * 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;
@@ -7918,7 +7922,10 @@ var Input = (0, import_react22.forwardRef)(
     ...props
   }, externalRef) => {
     const internalRef = (0, import_react22.useRef)();
-    const ref = (0, import_type_guards25.isNotNil)(externalRef) && (0, import_type_guards25.isRecord)(externalRef) && "current" in externalRef ? externalRef : internalRef;
+    const ref = (
+      // eslint-disable-next-line react-compiler/react-compiler
+      (0, import_type_guards25.isNotNil)(externalRef) && (0, import_type_guards25.isRecord)(externalRef) && "current" in externalRef ? externalRef : internalRef
+    );
     let leftIconToDisplay = leftIcon;
     if ((0, import_type_guards25.isNil)(leftIcon) && type === "search") {
       leftIconToDisplay = /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(Icon, { type: "search" });
@@ -8922,8 +8929,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 +9639,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 +9649,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();
@@ -10494,7 +10500,7 @@ var StyledContent3 = (0, import_styled_components71.default)(import_react_select
   padding: var(--wui-select-option-padding);
   min-width: var(--radix-select-trigger-width);
   max-height: var(--radix-select-content-available-height);
-  z-index: var(--wui-zindex-menu);
+  z-index: var(--wui-zindex-select);
 `;
 var Select = (0, import_react55.forwardRef)(
   ({