@wistia/ui 0.6.41-beta.e321d0ef.a3ef679 → 0.6.41

package/dist/index.d.mts

@@ -2632,7 +2632,6 @@ type SelectOptionProps = {
      * @default false
      */
     disabled?: boolean;
-    selectedDisplayValue?: ReactNode;
     /**
      * Optional text used for typeahead purposes. By default the typeahead behavior will use the `.textContent` of the Option.
      * Use this when the content is complex, or you have non-textual content inside.

package/dist/index.d.ts

@@ -2632,7 +2632,6 @@ type SelectOptionProps = {
      * @default false
      */
     disabled?: boolean;
-    selectedDisplayValue?: ReactNode;
     /**
      * Optional text used for typeahead purposes. By default the typeahead behavior will use the `.textContent` of the Option.
      * Use this when the content is complex, or you have non-textual content inside.

package/dist/index.mjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.6.41-beta.e321d0ef.a3ef679
+ * @license @wistia/ui v0.6.41
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -11355,7 +11355,6 @@ Select.displayName = "Select";
 import { Item, ItemText, ItemIndicator } from "@radix-ui/react-select";
 import { forwardRef as forwardRef23 } from "react";
 import styled55 from "styled-components";
-import { isNotNil as isNotNil23 } from "@wistia/type-guards";
 import { jsx as jsx251, jsxs as jsxs37 } from "react/jsx-runtime";
 var StyledItem = styled55(Item)`
   ${variantStyleMap2.body3};
@@ -11384,24 +11383,21 @@ var StyledIconContainer = styled55.span`
   width: 12px;
 `;
 var SelectOption = forwardRef23(
-  ({ children, selectedDisplayValue, ...props }, forwardedRef) => {
+  ({ children, ...props }, forwardedRef) => {
     return /* @__PURE__ */ jsxs37(
       StyledItem,
       {
         ...props,
         ref: forwardedRef,
         children: [
-          /* @__PURE__ */ jsx251(StyledIconContainer, { "data-indicator": true, children: /* @__PURE__ */ jsx251(ItemIndicator, { children: /* @__PURE__ */ jsx251(
+          /* @__PURE__ */ jsx251(StyledIconContainer, { children: /* @__PURE__ */ jsx251(ItemIndicator, { children: /* @__PURE__ */ jsx251(
             Icon,
             {
               size: "sm",
               type: "checkmark"
             }
           ) }) }),
-          isNotNil23(selectedDisplayValue) ? /* @__PURE__ */ jsxs37("div", { children: [
-            children,
-            /* @__PURE__ */ jsx251("div", { style: { display: "none" }, children: /* @__PURE__ */ jsx251(ItemText, { children: selectedDisplayValue }) })
-          ] }) : /* @__PURE__ */ jsx251(ItemText, { children })
+          /* @__PURE__ */ jsx251(ItemText, { children })
         ]
       }
     );
@@ -11699,7 +11695,7 @@ var TableRow = ({ children, ...props }) => {
 // src/components/Tabs/Tabs.tsx
 import { forwardRef as forwardRef26, useState as useState11 } from "react";
 import { Root as TabsRoot } from "@radix-ui/react-tabs";
-import { isNotNil as isNotNil25, isNil as isNil15 } from "@wistia/type-guards";
+import { isNotNil as isNotNil24, isNil as isNil15 } from "@wistia/type-guards";
 import styled68 from "styled-components";
 
 // src/components/Tabs/TabPanel.tsx
@@ -11755,7 +11751,7 @@ TabList.displayName = "TabList";
 import { forwardRef as forwardRef25, useEffect as useEffect9, useRef as useRef11 } from "react";
 import styled66 from "styled-components";
 import { Trigger as RadixTab } from "@radix-ui/react-tabs";
-import { isNotNil as isNotNil24 } from "@wistia/type-guards";
+import { isNotNil as isNotNil23 } from "@wistia/type-guards";
 
 // src/components/Tabs/useTabsValue.tsx
 import { createContext as createContext9, useContext as useContext8 } from "react";
@@ -11813,8 +11809,8 @@ var TabItem = forwardRef25(
       StyledTabItem,
       {
         ref: combinedRef,
-        $hasLabel: isNotNil24(label),
-        "aria-label": isNotNil24(label) ? void 0 : ariaLabel,
+        $hasLabel: isNotNil23(label),
+        "aria-label": isNotNil23(label) ? void 0 : ariaLabel,
         disabled,
         value,
         children: [
@@ -11955,7 +11951,7 @@ var Tabs = forwardRef26(
                       value
                     );
                   }
-                  if (isNotNil25(label)) {
+                  if (isNotNil24(label)) {
                     return /* @__PURE__ */ jsx263(
                       TabItem,
                       {
@@ -11967,7 +11963,7 @@ var Tabs = forwardRef26(
                       value
                     );
                   }
-                  if (isNotNil25(ariaLabelForTab)) {
+                  if (isNotNil24(ariaLabelForTab)) {
                     return /* @__PURE__ */ jsx263(
                       TabItem,
                       {
@@ -12010,7 +12006,7 @@ Tab.displayName = "Tab";
 // src/components/Tag/Tag.tsx
 import { forwardRef as forwardRef28 } from "react";
 import styled69 from "styled-components";
-import { isNil as isNil16, isNotNil as isNotNil26, isNonEmptyString as isNonEmptyString5 } from "@wistia/type-guards";
+import { isNil as isNil16, isNotNil as isNotNil25, isNonEmptyString as isNonEmptyString5 } from "@wistia/type-guards";
 import { Fragment as Fragment8, jsx as jsx265, jsxs as jsxs42 } from "react/jsx-runtime";
 var TagLabel = styled69.a`
   ${({ $colorScheme }) => getColorScheme($colorScheme)};
@@ -12135,8 +12131,8 @@ var Tag = forwardRef28(
     onClickRemoveLabel,
     ...otherProps
   }, ref) => {
-    const hasIcon = isNotNil26(icon);
-    const labelProps = isNotNil26(href) && isNonEmptyString5(href) ? { href, as: "a" } : { as: "span" };
+    const hasIcon = isNotNil25(icon);
+    const labelProps = isNotNil25(href) && isNonEmptyString5(href) ? { href, as: "a" } : { as: "span" };
     return /* @__PURE__ */ jsxs42(
       StyledTag,
       {
@@ -12172,7 +12168,7 @@ Tag.displayName = "Tag";
 
 // src/components/WistiaLogo/WistiaLogo.tsx
 import styled70, { css as css36 } from "styled-components";
-import { isNotNil as isNotNil27 } from "@wistia/type-guards";
+import { isNotNil as isNotNil26 } from "@wistia/type-guards";
 import { jsx as jsx266, jsxs as jsxs43 } from "react/jsx-runtime";
 var renderBrandmark = (brandmarkColor, iconOnly) => {
   if (iconOnly) {
@@ -12285,7 +12281,7 @@ var WistiaLogo = ({
       ...otherProps,
       children: [
         /* @__PURE__ */ jsx266("title", { children: title }),
-        isNotNil27(description) ? /* @__PURE__ */ jsx266("desc", { children: description }) : null,
+        isNotNil26(description) ? /* @__PURE__ */ jsx266("desc", { children: description }) : null,
         renderBrandmark(brandmarkColor, iconOnly),
         renderLogotype(logotypeColor, iconOnly)
       ]
@@ -12297,7 +12293,7 @@ WistiaLogo.displayName = "WistiaLogo";
 
 // src/components/Thumbnail/ThumbnailBadge.tsx
 import styled71 from "styled-components";
-import { isNotNil as isNotNil28 } from "@wistia/type-guards";
+import { isNotNil as isNotNil27 } from "@wistia/type-guards";
 import { jsx as jsx267, jsxs as jsxs44 } from "react/jsx-runtime";
 var StyledThumbnailBadge = styled71.div`
   align-items: center;
@@ -12329,7 +12325,7 @@ var ThumbnailBadge = ({
   ...otherProps
 }) => {
   return /* @__PURE__ */ jsxs44(StyledThumbnailBadge, { ...otherProps, children: [
-    isNotNil28(icon) && icon,
+    isNotNil27(icon) && icon,
     /* @__PURE__ */ jsx267("span", { children: label })
   ] });
 };
@@ -12338,10 +12334,10 @@ ThumbnailBadge.displayName = "ThumbnailBadge";
 // src/components/Thumbnail/Thumbnail.tsx
 import { forwardRef as forwardRef29 } from "react";
 import styled72 from "styled-components";
-import { isNotNil as isNotNil30 } from "@wistia/type-guards";
+import { isNotNil as isNotNil29 } from "@wistia/type-guards";
 
 // src/private/helpers/getBackgroundGradient/getBackgroundGradient.ts
-import { isNotNil as isNotNil29 } from "@wistia/type-guards";
+import { isNotNil as isNotNil28 } from "@wistia/type-guards";
 import { css as css37 } from "styled-components";
 var gradients = {
   defaultDarkOne: css37`
@@ -12469,7 +12465,7 @@ var gradients = {
 };
 var gradientMap = Object.keys(gradients);
 var getBackgroundGradient = (gradientName = void 0) => {
-  return isNotNil29(gradientName) ? gradients[gradientName] : gradients.defaultDarkOne;
+  return isNotNil28(gradientName) ? gradients[gradientName] : gradients.defaultDarkOne;
 };
 
 // src/components/Thumbnail/Thumbnail.tsx
@@ -12505,7 +12501,7 @@ var ThumbnailImage = ({ thumbnailImageType, thumbnailUrl }) => {
 var StyledThumbnail = styled72.div`
   ${({ $gradientBackground }) => getBackgroundGradient($gradientBackground)};
   aspect-ratio: 16 / 9;
-  background: ${({ $backgroundUrl }) => isNotNil30($backgroundUrl) ? `url('${$backgroundUrl}') center / cover` : void 0};
+  background: ${({ $backgroundUrl }) => isNotNil29($backgroundUrl) ? `url('${$backgroundUrl}') center / cover` : void 0};
   border-radius: 4px;
   display: flex;
   overflow: hidden;
@@ -12521,7 +12517,7 @@ var Thumbnail = forwardRef29(
     children,
     ...otherProps
   }, ref) => {
-    const backgroundUrl = thumbnailImageType === "square" && isNotNil30(thumbnailUrl) ? thumbnailUrl : void 0;
+    const backgroundUrl = thumbnailImageType === "square" && isNotNil29(thumbnailUrl) ? thumbnailUrl : void 0;
     return /* @__PURE__ */ jsxs45(
       StyledThumbnail,
       {
@@ -12531,8 +12527,8 @@ var Thumbnail = forwardRef29(
         $width: width,
         ...otherProps,
         children: [
-          isNotNil30(children) && children,
-          isNotNil30(thumbnailUrl) && /* @__PURE__ */ jsx268(
+          isNotNil29(children) && children,
+          isNotNil29(thumbnailUrl) && /* @__PURE__ */ jsx268(
             ThumbnailImage,
             {
               thumbnailImageType,