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

package/dist/index.cjs

@@ -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.
  *
@@ -11447,7 +11447,6 @@ Select.displayName = "Select";
 var import_react_select2 = require("@radix-ui/react-select");
 var import_react55 = require("react");
 var import_styled_components70 = __toESM(require("styled-components"));
-var import_type_guards43 = require("@wistia/type-guards");
 var import_jsx_runtime252 = require("react/jsx-runtime");
 var StyledItem = (0, import_styled_components70.default)(import_react_select2.Item)`
   ${variantStyleMap2.body3};
@@ -11476,24 +11475,21 @@ var StyledIconContainer = import_styled_components70.default.span`
   width: 12px;
 `;
 var SelectOption = (0, import_react55.forwardRef)(
-  ({ children, selectedDisplayValue, ...props }, forwardedRef) => {
+  ({ children, ...props }, forwardedRef) => {
     return /* @__PURE__ */ (0, import_jsx_runtime252.jsxs)(
       StyledItem,
       {
         ...props,
         ref: forwardedRef,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(StyledIconContainer, { "data-indicator": true, children: /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(import_react_select2.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(StyledIconContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(import_react_select2.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(
             Icon,
             {
               size: "sm",
               type: "checkmark"
             }
           ) }) }),
-          (0, import_type_guards43.isNotNil)(selectedDisplayValue) ? /* @__PURE__ */ (0, import_jsx_runtime252.jsxs)("div", { children: [
-            children,
-            /* @__PURE__ */ (0, import_jsx_runtime252.jsx)("div", { style: { display: "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(import_react_select2.ItemText, { children: selectedDisplayValue }) })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(import_react_select2.ItemText, { children })
+          /* @__PURE__ */ (0, import_jsx_runtime252.jsx)(import_react_select2.ItemText, { children })
         ]
       }
     );
@@ -11525,7 +11521,7 @@ var SelectOptionGroup = ({ children, label, ...props }) => {
 // src/components/Switch/Switch.tsx
 var import_react56 = require("react");
 var import_styled_components72 = __toESM(require("styled-components"));
-var import_type_guards44 = require("@wistia/type-guards");
+var import_type_guards43 = require("@wistia/type-guards");
 var import_jsx_runtime254 = require("react/jsx-runtime");
 var sizeSmall3 = import_styled_components72.css`
   --wui-size-small-width: 24px;
@@ -11644,7 +11640,7 @@ var Switch = (0, import_react56.forwardRef)(
     ...props
   }, ref) => {
     const generatedId = (0, import_react56.useId)();
-    const computedId = (0, import_type_guards44.isNonEmptyString)(id) ? id : `wistia-ui-switch-${generatedId}`;
+    const computedId = (0, import_type_guards43.isNonEmptyString)(id) ? id : `wistia-ui-switch-${generatedId}`;
     return /* @__PURE__ */ (0, import_jsx_runtime254.jsxs)(StyledSwitchWrapper, { $disabled: disabled, children: [
       /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
         StyledHiddenSwitchInput,
@@ -11791,7 +11787,7 @@ var TableRow = ({ children, ...props }) => {
 // src/components/Tabs/Tabs.tsx
 var import_react63 = require("react");
 var import_react_tabs4 = require("@radix-ui/react-tabs");
-var import_type_guards46 = require("@wistia/type-guards");
+var import_type_guards45 = require("@wistia/type-guards");
 var import_styled_components83 = __toESM(require("styled-components"));
 
 // src/components/Tabs/TabPanel.tsx
@@ -11847,7 +11843,7 @@ TabList.displayName = "TabList";
 var import_react60 = require("react");
 var import_styled_components81 = __toESM(require("styled-components"));
 var import_react_tabs3 = require("@radix-ui/react-tabs");
-var import_type_guards45 = require("@wistia/type-guards");
+var import_type_guards44 = require("@wistia/type-guards");
 
 // src/components/Tabs/useTabsValue.tsx
 var import_react59 = require("react");
@@ -11905,8 +11901,8 @@ var TabItem = (0, import_react60.forwardRef)(
       StyledTabItem,
       {
         ref: combinedRef,
-        $hasLabel: (0, import_type_guards45.isNotNil)(label),
-        "aria-label": (0, import_type_guards45.isNotNil)(label) ? void 0 : ariaLabel,
+        $hasLabel: (0, import_type_guards44.isNotNil)(label),
+        "aria-label": (0, import_type_guards44.isNotNil)(label) ? void 0 : ariaLabel,
         disabled,
         value,
         children: [
@@ -12036,7 +12032,7 @@ var Tabs = (0, import_react63.forwardRef)(
                     label,
                     "aria-label": ariaLabelForTab
                   } = tab.props;
-                  if ((0, import_type_guards46.isNil)(icon)) {
+                  if ((0, import_type_guards45.isNil)(icon)) {
                     return /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(
                       TabItem,
                       {
@@ -12047,7 +12043,7 @@ var Tabs = (0, import_react63.forwardRef)(
                       value
                     );
                   }
-                  if ((0, import_type_guards46.isNotNil)(label)) {
+                  if ((0, import_type_guards45.isNotNil)(label)) {
                     return /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(
                       TabItem,
                       {
@@ -12059,7 +12055,7 @@ var Tabs = (0, import_react63.forwardRef)(
                       value
                     );
                   }
-                  if ((0, import_type_guards46.isNotNil)(ariaLabelForTab)) {
+                  if ((0, import_type_guards45.isNotNil)(ariaLabelForTab)) {
                     return /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(
                       TabItem,
                       {
@@ -12102,7 +12098,7 @@ Tab.displayName = "Tab";
 // src/components/Tag/Tag.tsx
 var import_react65 = require("react");
 var import_styled_components84 = __toESM(require("styled-components"));
-var import_type_guards47 = require("@wistia/type-guards");
+var import_type_guards46 = require("@wistia/type-guards");
 var import_jsx_runtime267 = require("react/jsx-runtime");
 var TagLabel = import_styled_components84.default.a`
   ${({ $colorScheme }) => getColorScheme($colorScheme)};
@@ -12187,10 +12183,10 @@ var StyledTag = import_styled_components84.default.div`
   }
 `;
 var RemoveButton = ({ onClickRemove, onClickRemoveLabel, colorScheme }) => {
-  if ((0, import_type_guards47.isNil)(onClickRemove)) {
+  if ((0, import_type_guards46.isNil)(onClickRemove)) {
     return null;
   }
-  if ((0, import_type_guards47.isNil)(onClickRemoveLabel)) {
+  if ((0, import_type_guards46.isNil)(onClickRemoveLabel)) {
     throw new Error(
       "for accessibility, onClickRemoveLabel must be provided if onClickRemove is provided"
     );
@@ -12227,8 +12223,8 @@ var Tag = (0, import_react65.forwardRef)(
     onClickRemoveLabel,
     ...otherProps
   }, ref) => {
-    const hasIcon = (0, import_type_guards47.isNotNil)(icon);
-    const labelProps = (0, import_type_guards47.isNotNil)(href) && (0, import_type_guards47.isNonEmptyString)(href) ? { href, as: "a" } : { as: "span" };
+    const hasIcon = (0, import_type_guards46.isNotNil)(icon);
+    const labelProps = (0, import_type_guards46.isNotNil)(href) && (0, import_type_guards46.isNonEmptyString)(href) ? { href, as: "a" } : { as: "span" };
     return /* @__PURE__ */ (0, import_jsx_runtime267.jsxs)(
       StyledTag,
       {
@@ -12264,7 +12260,7 @@ Tag.displayName = "Tag";
 
 // src/components/WistiaLogo/WistiaLogo.tsx
 var import_styled_components85 = __toESM(require("styled-components"));
-var import_type_guards48 = require("@wistia/type-guards");
+var import_type_guards47 = require("@wistia/type-guards");
 var import_jsx_runtime268 = require("react/jsx-runtime");
 var renderBrandmark = (brandmarkColor, iconOnly) => {
   if (iconOnly) {
@@ -12377,7 +12373,7 @@ var WistiaLogo = ({
       ...otherProps,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime268.jsx)("title", { children: title }),
-        (0, import_type_guards48.isNotNil)(description) ? /* @__PURE__ */ (0, import_jsx_runtime268.jsx)("desc", { children: description }) : null,
+        (0, import_type_guards47.isNotNil)(description) ? /* @__PURE__ */ (0, import_jsx_runtime268.jsx)("desc", { children: description }) : null,
         renderBrandmark(brandmarkColor, iconOnly),
         renderLogotype(logotypeColor, iconOnly)
       ]
@@ -12389,7 +12385,7 @@ WistiaLogo.displayName = "WistiaLogo";
 
 // src/components/Thumbnail/ThumbnailBadge.tsx
 var import_styled_components86 = __toESM(require("styled-components"));
-var import_type_guards49 = require("@wistia/type-guards");
+var import_type_guards48 = require("@wistia/type-guards");
 var import_jsx_runtime269 = require("react/jsx-runtime");
 var StyledThumbnailBadge = import_styled_components86.default.div`
   align-items: center;
@@ -12421,7 +12417,7 @@ var ThumbnailBadge = ({
   ...otherProps
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime269.jsxs)(StyledThumbnailBadge, { ...otherProps, children: [
-    (0, import_type_guards49.isNotNil)(icon) && icon,
+    (0, import_type_guards48.isNotNil)(icon) && icon,
     /* @__PURE__ */ (0, import_jsx_runtime269.jsx)("span", { children: label })
   ] });
 };
@@ -12430,10 +12426,10 @@ ThumbnailBadge.displayName = "ThumbnailBadge";
 // src/components/Thumbnail/Thumbnail.tsx
 var import_react66 = require("react");
 var import_styled_components88 = __toESM(require("styled-components"));
-var import_type_guards51 = require("@wistia/type-guards");
+var import_type_guards50 = require("@wistia/type-guards");
 
 // src/private/helpers/getBackgroundGradient/getBackgroundGradient.ts
-var import_type_guards50 = require("@wistia/type-guards");
+var import_type_guards49 = require("@wistia/type-guards");
 var import_styled_components87 = require("styled-components");
 var gradients = {
   defaultDarkOne: import_styled_components87.css`
@@ -12561,7 +12557,7 @@ var gradients = {
 };
 var gradientMap = Object.keys(gradients);
 var getBackgroundGradient = (gradientName = void 0) => {
-  return (0, import_type_guards50.isNotNil)(gradientName) ? gradients[gradientName] : gradients.defaultDarkOne;
+  return (0, import_type_guards49.isNotNil)(gradientName) ? gradients[gradientName] : gradients.defaultDarkOne;
 };
 
 // src/components/Thumbnail/Thumbnail.tsx
@@ -12597,7 +12593,7 @@ var ThumbnailImage = ({ thumbnailImageType, thumbnailUrl }) => {
 var StyledThumbnail = import_styled_components88.default.div`
   ${({ $gradientBackground }) => getBackgroundGradient($gradientBackground)};
   aspect-ratio: 16 / 9;
-  background: ${({ $backgroundUrl }) => (0, import_type_guards51.isNotNil)($backgroundUrl) ? `url('${$backgroundUrl}') center / cover` : void 0};
+  background: ${({ $backgroundUrl }) => (0, import_type_guards50.isNotNil)($backgroundUrl) ? `url('${$backgroundUrl}') center / cover` : void 0};
   border-radius: 4px;
   display: flex;
   overflow: hidden;
@@ -12613,7 +12609,7 @@ var Thumbnail = (0, import_react66.forwardRef)(
     children,
     ...otherProps
   }, ref) => {
-    const backgroundUrl = thumbnailImageType === "square" && (0, import_type_guards51.isNotNil)(thumbnailUrl) ? thumbnailUrl : void 0;
+    const backgroundUrl = thumbnailImageType === "square" && (0, import_type_guards50.isNotNil)(thumbnailUrl) ? thumbnailUrl : void 0;
     return /* @__PURE__ */ (0, import_jsx_runtime270.jsxs)(
       StyledThumbnail,
       {
@@ -12623,8 +12619,8 @@ var Thumbnail = (0, import_react66.forwardRef)(
         $width: width,
         ...otherProps,
         children: [
-          (0, import_type_guards51.isNotNil)(children) && children,
-          (0, import_type_guards51.isNotNil)(thumbnailUrl) && /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
+          (0, import_type_guards50.isNotNil)(children) && children,
+          (0, import_type_guards50.isNotNil)(thumbnailUrl) && /* @__PURE__ */ (0, import_jsx_runtime270.jsx)(
             ThumbnailImage,
             {
               thumbnailImageType,