@wistia/ui 0.6.45 → 0.7.0-beta.05e7ef9a.fd95b31

package/dist/index.mjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.6.45
+ * @license @wistia/ui v0.7.0-beta.05e7ef9a.fd95b31
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -1983,6 +1983,10 @@ var isValidRef = (value) => {
   return isNotNil2(value) && isRecord(value) && "current" in value;
 };
 
+// src/private/helpers/noOpFn/noOpFn.ts
+var noOpFn = () => {
+};
+
 // src/private/hooks/useEvent/useEvent.ts
 var isEventTargetSupported = (eventTarget) => (
   // @ts-expect-error the compiler thinks that addEventListener may not exist on eventTarget, but we still need to check it.
@@ -2007,8 +2011,7 @@ var useEvent = (eventName, eventHandler, eventTarget = window, eventOptions = {}
       if (savedEventHandler.current !== void 0) {
         return savedEventHandler.current(event);
       }
-      return () => {
-      };
+      return noOpFn;
     };
     target.addEventListener(eventName, eventListener, savedEventOptions.current);
     return () => {
@@ -2082,8 +2085,7 @@ var useLockBodyScroll = (locked) => {
         document.body.style.overflow = originalStyle;
       };
     }
-    return () => {
-    };
+    return noOpFn;
   }, [locked]);
 };
 
@@ -2220,6 +2222,12 @@ var ellipsisStyle = css12`
     }
   }
 `;
+var lineClampStyle = css12`
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  display: -webkit-box !important;
+  white-space: initial;
+`;
 var ellipsisFlexParentStyle = css12`
   min-width: 0;
 `;
@@ -2228,10 +2236,8 @@ var EllipsisComponent = styled.span`
   ${({ $lines }) => {
   if (isNotNil3($lines)) {
     return css12`
-        -webkit-box-orient: vertical;
+        ${lineClampStyle};
         -webkit-line-clamp: ${$lines};
-        display: -webkit-box;
-        white-space: initial;
       `;
   }
   return void 0;
@@ -6902,7 +6908,7 @@ var Link = forwardRef(
   }, ref) => {
     const inRouterContext = useInRouterContext();
     const to = generateHref(props.href, type, disabled);
-    const handleClick = async (event, routingCallback = null) => {
+    const handleClick = async (event) => {
       if (disabled) {
         event.preventDefault();
       } else if (beforeAction) {
@@ -6914,11 +6920,9 @@ var Link = forwardRef(
         } finally {
           if (isFunction2(props.onClick)) {
             props.onClick(event);
-          } else if (routingCallback !== null) {
-            routingCallback();
-          } else if (isNotNil5(to)) {
+          }
+          if (!inRouterContext && isNotNil5(to)) {
             window.location.assign(to);
-          } else {
           }
         }
       } else if (isFunction2(props.onClick)) {
@@ -8355,6 +8359,7 @@ import { isNotNull } from "@wistia/type-guards";
 // src/components/Heading/Heading.tsx
 import { forwardRef as forwardRef8 } from "react";
 import styled23, { css as css21 } from "styled-components";
+import { isNotNil as isNotNil14 } from "@wistia/type-guards";
 import { jsx as jsx212 } from "react/jsx-runtime";
 var heroStyle = css21`
   --font-family: var(--wui-typography-heading-hero-family);
@@ -8416,7 +8421,18 @@ var StyledHeading = styled23.div`
   line-height: var(--line-height);
   color: var(--wui-color-text);
   ${({ $variant }) => variantStyleMap[$variant]}
-  ${({ $ellipsis }) => $ellipsis && ellipsisStyle};
+  ${({ $truncate }) => {
+  if (isNotNil14($truncate)) {
+    return css21`
+        ${ellipsisStyle};
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: ${$truncate};
+        display: -webkit-box;
+        white-space: initial;
+      `;
+  }
+  return void 0;
+}}
   ${({ $inline }) => $inline && css21`
       display: inline-block;
     `}
@@ -8445,9 +8461,9 @@ var HeadingComponent = forwardRef8(
     align = "left",
     colorScheme = "inherit",
     disabled = false,
-    ellipsis = false,
     inline = false,
     preventUserSelect = false,
+    truncate,
     variant = "heading1",
     renderAs,
     ...props
@@ -8458,9 +8474,9 @@ var HeadingComponent = forwardRef8(
       $align: align,
       $colorScheme: colorScheme,
       $disabled: disabled,
-      $ellipsis: ellipsis,
       $inline: inline,
       $preventUserSelect: preventUserSelect,
+      $truncate: truncate,
       $variant: variant,
       as: renderAs ?? variantElementMap[variant],
       ...props
@@ -8606,6 +8622,7 @@ import styled27 from "styled-components";
 // src/components/Text/Text.tsx
 import { forwardRef as forwardRef9 } from "react";
 import styled26, { css as css22 } from "styled-components";
+import { isNotNil as isNotNil15 } from "@wistia/type-guards";
 import { jsx as jsx215 } from "react/jsx-runtime";
 var bodyBoldStyles = css22`
   > strong,
@@ -8749,7 +8766,16 @@ var StyledText = styled26.div`
   font-style: normal;
   margin: 0;
   ${({ $variant }) => variantStyleMap2[$variant]}
-  ${({ $ellipsis }) => $ellipsis && ellipsisStyle};
+  ${({ $truncate }) => {
+  if (isNotNil15($truncate)) {
+    return css22`
+        ${ellipsisStyle};
+        ${lineClampStyle};
+        -webkit-line-clamp: ${$truncate};
+      `;
+  }
+  return void 0;
+}}
   ${({ $inline }) => $inline && css22`
       display: inline-block;
     `}
@@ -8775,10 +8801,10 @@ var TextComponent = forwardRef9(
     align = "left",
     colorScheme = "inherit",
     disabled = false,
-    ellipsis = false,
     inline = false,
     preventUserSelect = false,
     prominence = "primary",
+    truncate,
     variant = "body2",
     renderAs,
     ...props
@@ -8790,10 +8816,10 @@ var TextComponent = forwardRef9(
         $align: align,
         $colorScheme: colorScheme,
         $disabled: disabled,
-        $ellipsis: ellipsis,
         $inline: inline,
         $preventUserSelect: preventUserSelect,
         $prominence: prominence,
+        $truncate: truncate,
         $variant: variant,
         as: renderAs ?? variantElementMap2[variant],
         ...props
@@ -9000,7 +9026,7 @@ Tooltip.displayName = "Tooltip";
 // src/components/Input/Input.tsx
 import { forwardRef as forwardRef10, cloneElement as cloneElement4, useRef as useRef4 } from "react";
 import styled30, { css as css26 } from "styled-components";
-import { isNil as isNil13, isNotNil as isNotNil14, isRecord as isRecord4 } from "@wistia/type-guards";
+import { isNil as isNil13, isNotNil as isNotNil16, isRecord as isRecord4 } from "@wistia/type-guards";
 
 // src/css/sharedStyles/inputCssVariables.ts
 import { css as css25 } from "styled-components";
@@ -9138,27 +9164,27 @@ var Input = forwardRef10(
     const internalRef = useRef4();
     const ref = (
       // eslint-disable-next-line react-compiler/react-compiler
-      isNotNil14(externalRef) && isRecord4(externalRef) && "current" in externalRef ? externalRef : internalRef
+      isNotNil16(externalRef) && isRecord4(externalRef) && "current" in externalRef ? externalRef : internalRef
     );
     let leftIconToDisplay = leftIcon;
     if (isNil13(leftIcon) && type === "search") {
       leftIconToDisplay = /* @__PURE__ */ jsx219(Icon, { type: "search" });
     }
-    if (isNotNil14(leftIconToDisplay)) {
+    if (isNotNil16(leftIconToDisplay)) {
       leftIconToDisplay = cloneElement4(leftIconToDisplay, {
         size: "md",
         className: "wui-input-left-icon"
       });
     }
     let rightIconToDisplay = rightIcon;
-    if (isNotNil14(rightIconToDisplay)) {
+    if (isNotNil16(rightIconToDisplay)) {
       rightIconToDisplay = cloneElement4(rightIconToDisplay, {
         size: "md",
         className: "wui-input-right-icon"
       });
     }
     const handleFocus2 = (event) => {
-      if (isNotNil14(props.onFocus)) {
+      if (isNotNil16(props.onFocus)) {
         props.onFocus(event);
       }
       if (autoSelect && isValidRef(ref) && "current" in ref) {
@@ -9551,7 +9577,7 @@ var FormErrorSummary = ({ description }) => {
 // src/components/FormField/FormField.tsx
 import { Children as Children5, cloneElement as cloneElement5, useContext as useContext3 } from "react";
 import styled36 from "styled-components";
-import { isArray as isArray2, isNotNil as isNotNil15, isNotUndefined as isNotUndefined9, isUndefined as isUndefined4 } from "@wistia/type-guards";
+import { isArray as isArray2, isNotNil as isNotNil17, isNotUndefined as isNotUndefined9, isUndefined as isUndefined4 } from "@wistia/type-guards";
 
 // src/components/Label/Label.tsx
 import styled34, { css as css28 } from "styled-components";
@@ -9767,8 +9793,8 @@ var FormField = ({
       defaultValue
     };
   }
-  if (isNotNil15(checkboxGroup)) {
-    const computedName = isNotNil15(checkboxGroup.name) ? `${checkboxGroup.name}[${name}]` : name;
+  if (isNotNil17(checkboxGroup)) {
+    const computedName = isNotNil17(checkboxGroup.name) ? `${checkboxGroup.name}[${name}]` : name;
     const handleChange = (event) => {
       if (isNotUndefined9(props.onChange)) {
         props.onChange(event);
@@ -9781,7 +9807,7 @@ var FormField = ({
       ...childProps,
       name: computedName,
       onChange: handleChange,
-      "aria-invalid": isNotNil15(error)
+      "aria-invalid": isNotNil17(error)
     };
   }
   Children5.only(children);
@@ -9792,9 +9818,9 @@ var FormField = ({
       "data-label-position": labelPosition ?? formState.labelPosition,
       children: [
         !isIntegratedLabel && /* @__PURE__ */ jsx227(Label, { htmlFor: computedId, children: label }),
-        isNotNil15(description) ? /* @__PURE__ */ jsx227(FormControlLabelDescription, { id: descriptionId, children: description }) : null,
+        isNotNil17(description) ? /* @__PURE__ */ jsx227(FormControlLabelDescription, { id: descriptionId, children: description }) : null,
         cloneElement5(children, childProps),
-        isNotNil15(computedError) ? /* @__PURE__ */ jsxs24(Fragment6, { children: [
+        isNotNil17(computedError) ? /* @__PURE__ */ jsxs24(Fragment6, { children: [
           /* @__PURE__ */ jsx227("div", {}),
           /* @__PURE__ */ jsx227(
             ErrorMessages,
@@ -9877,7 +9903,7 @@ import {
   DropdownMenuPortal,
   DropdownMenuContent
 } from "@radix-ui/react-dropdown-menu";
-import { isNotNil as isNotNil16, isNotUndefined as isNotUndefined10 } from "@wistia/type-guards";
+import { isNotNil as isNotNil18, isNotUndefined as isNotUndefined10 } from "@wistia/type-guards";
 import { useMemo as useMemo7 } from "react";
 
 // src/components/Menu/MenuContext.tsx
@@ -9989,7 +10015,7 @@ var Menu = ({
 }) => {
   const contextValue = useMemo7(() => ({ compact }), [compact]);
   let controlProps = {
-    ...isNotNil16(onOpenChange) && isNotNil16(isOpen) ? { open: isOpen, onOpenChange } : {}
+    ...isNotNil18(onOpenChange) && isNotNil18(isOpen) ? { open: isOpen, onOpenChange } : {}
   };
   if (disabled) {
     controlProps = {
@@ -10071,12 +10097,12 @@ import {
   DropdownMenuSubTrigger,
   DropdownMenuItem
 } from "@radix-ui/react-dropdown-menu";
-import { isNotNil as isNotNil18 } from "@wistia/type-guards";
+import { isNotNil as isNotNil20 } from "@wistia/type-guards";
 
 // src/components/Menu/MenuItemButton.tsx
 import { forwardRef as forwardRef14 } from "react";
 import styled40 from "styled-components";
-import { isNotNil as isNotNil17, isNotUndefined as isNotUndefined11 } from "@wistia/type-guards";
+import { isNotNil as isNotNil19, isNotUndefined as isNotUndefined11 } from "@wistia/type-guards";
 import { jsx as jsx232, jsxs as jsxs26 } from "react/jsx-runtime";
 var StyledButton3 = styled40(Button)`
   ${({ colorScheme }) => getColorScheme(colorScheme)};
@@ -10184,7 +10210,7 @@ var MenuItemButton = forwardRef14(({ children, appearance, command, icon, ...pro
       children: [
         props.leftIcon ? /* @__PURE__ */ jsx232(StyledLeftIconContainer, { children: props.leftIcon }) : null,
         /* @__PURE__ */ jsx232(StyledLabelAndDescriptionContainer, { children }),
-        isNotNil17(badge) || isNotNil17(command) ? /* @__PURE__ */ jsx232(StyledBadgeContainer, { children: badge ?? command }) : null,
+        isNotNil19(badge) || isNotNil19(command) ? /* @__PURE__ */ jsx232(StyledBadgeContainer, { children: badge ?? command }) : null,
         props.rightIcon ? /* @__PURE__ */ jsx232(StyledRightIconContainer, { children: props.rightIcon }) : null
       ]
     }
@@ -10252,7 +10278,7 @@ var SubMenu = ({
   return isSmAndUp ? /* @__PURE__ */ jsxs27(DropdownMenuSub, { onOpenChange, children: [
     /* @__PURE__ */ jsxs27(SubMenuTrigger, { ...props, children: [
       /* @__PURE__ */ jsx234(MenuItemLabel, { children: label }),
-      isNotNil18(description) ? /* @__PURE__ */ jsx234(MenuItemDescription, { children: description }) : null
+      isNotNil20(description) ? /* @__PURE__ */ jsx234(MenuItemDescription, { children: description }) : null
     ] }),
     /* @__PURE__ */ jsx234(DropdownMenuPortal2, { children: /* @__PURE__ */ jsx234(SubMenuContent, { $compact: compact, children }) })
   ] }) : /* @__PURE__ */ jsxs27(DropdownMenuGroup, { children: [
@@ -10439,7 +10465,7 @@ CheckboxMenuItem.displayName = "CheckboxMenuItem";
 import { forwardRef as forwardRef18 } from "react";
 import styled47 from "styled-components";
 import { Root as DialogRoot, Portal as DialogPortal } from "@radix-ui/react-dialog";
-import { isNotNil as isNotNil20 } from "@wistia/type-guards";
+import { isNotNil as isNotNil22 } from "@wistia/type-guards";
 
 // src/components/Modal/ModalHeader.tsx
 import styled44 from "styled-components";
@@ -10502,7 +10528,7 @@ import { Content as DialogContent } from "@radix-ui/react-dialog";
 
 // src/private/hooks/useFocusRestore/useFocusRestore.ts
 import { useRef as useRef9, useEffect as useEffect7 } from "react";
-import { isNotNil as isNotNil19 } from "@wistia/type-guards";
+import { isNotNil as isNotNil21 } from "@wistia/type-guards";
 var useFocusRestore = () => {
   const previouslyFocusedRef = useRef9(null);
   useEffect7(() => {
@@ -10510,7 +10536,7 @@ var useFocusRestore = () => {
   }, []);
   useEffect7(() => {
     return () => {
-      if (isNotNil19(previouslyFocusedRef.current)) {
+      if (isNotNil21(previouslyFocusedRef.current)) {
         setTimeout(() => {
           previouslyFocusedRef.current?.focus();
         }, 0);
@@ -10657,7 +10683,7 @@ var Modal = forwardRef18(
       DialogRoot,
       {
         onOpenChange: (open2) => {
-          if (!open2 && isNotNil20(onRequestClose)) {
+          if (!open2 && isNotNil22(onRequestClose)) {
             onRequestClose();
           }
         },
@@ -10670,7 +10696,7 @@ var Modal = forwardRef18(
               ref,
               fullHeight,
               onOpenAutoFocus: (event) => {
-                if (isNotNil20(initialFocusRef) && initialFocusRef.current) {
+                if (isNotNil22(initialFocusRef) && initialFocusRef.current) {
                   event.preventDefault();
                   requestAnimationFrame(() => {
                     initialFocusRef.current?.focus();
@@ -10704,9 +10730,9 @@ import { Root as Root2, Trigger as Trigger2, Portal, Content as Content2, Close
 import styled48, { css as css30 } from "styled-components";
 
 // src/private/helpers/getControls/getControlProps.tsx
-import { isNotNil as isNotNil21 } from "@wistia/type-guards";
+import { isNotNil as isNotNil23 } from "@wistia/type-guards";
 var getControlProps = (isOpen, onOpenChange) => {
-  return isNotNil21(onOpenChange) && isNotNil21(isOpen) ? { open: isOpen, onOpenChange } : {};
+  return isNotNil23(onOpenChange) && isNotNil23(isOpen) ? { open: isOpen, onOpenChange } : {};
 };
 
 // src/components/Popover/Popover.tsx
@@ -10774,7 +10800,7 @@ Popover.displayName = "Popover";
 // src/components/ProgressBar/ProgressBar.tsx
 import styled49 from "styled-components";
 import { Root as ProgressRoot, Indicator as ProgressIndicator } from "@radix-ui/react-progress";
-import { isNotNil as isNotNil22 } from "@wistia/type-guards";
+import { isNotNil as isNotNil24 } from "@wistia/type-guards";
 import { jsx as jsx245, jsxs as jsxs33 } from "react/jsx-runtime";
 var ProgressBarWrapper = styled49.div`
   --progress-bar-height: 8px;
@@ -10829,7 +10855,7 @@ var ProgressBar = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsxs33(ProgressBarWrapper, { children: [
-    isNotNil22(labelLeft) ? /* @__PURE__ */ jsx245(ProgressBarLabel, { children: labelLeft }) : null,
+    isNotNil24(labelLeft) ? /* @__PURE__ */ jsx245(ProgressBarLabel, { children: labelLeft }) : null,
     /* @__PURE__ */ jsx245(
       StyledProgressBar,
       {
@@ -10845,7 +10871,7 @@ var ProgressBar = ({
         )
       }
     ),
-    isNotNil22(labelRight) ? /* @__PURE__ */ jsx245(ProgressBarLabel, { children: labelRight }) : null
+    isNotNil24(labelRight) ? /* @__PURE__ */ jsx245(ProgressBarLabel, { children: labelRight }) : null
   ] });
 };
 ProgressBar.displayName = "ProgressBar";
@@ -11162,7 +11188,7 @@ SegmentedControl.displayName = "SegmentedControl";
 import { forwardRef as forwardRef21, useEffect as useEffect8, useRef as useRef10 } from "react";
 import styled53, { css as css33 } from "styled-components";
 import { Item as ToggleGroupItem } from "@radix-ui/react-toggle-group";
-import { isNotNil as isNotNil23 } from "@wistia/type-guards";
+import { isNotNil as isNotNil25 } from "@wistia/type-guards";
 import { jsxs as jsxs36 } from "react/jsx-runtime";
 var segmentedControlItemStyles = css33`
   all: unset; /* ToggleGroupItem is a button element */
@@ -11269,8 +11295,8 @@ var SegmentedControlItem = forwardRef21(
       StyledSegmentedControlItem,
       {
         ref: combinedRef,
-        $hasLabel: isNotNil23(label),
-        "aria-label": isNotNil23(label) ? void 0 : ariaLabel,
+        $hasLabel: isNotNil25(label),
+        "aria-label": isNotNil25(label) ? void 0 : ariaLabel,
         disabled,
         onClick: handleClick,
         value,
@@ -11411,7 +11437,7 @@ 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 isNotNil24 } from "@wistia/type-guards";
+import { isNotNil as isNotNil26 } from "@wistia/type-guards";
 import { jsx as jsx251, jsxs as jsxs38 } from "react/jsx-runtime";
 var StyledItem = styled55(Item)`
   ${variantStyleMap2.body3};
@@ -11455,7 +11481,7 @@ var SelectOption = forwardRef23(
               type: "checkmark"
             }
           ) }) }),
-          isNotNil24(selectedDisplayValue) ? /* @__PURE__ */ jsxs38("div", { children: [
+          isNotNil26(selectedDisplayValue) ? /* @__PURE__ */ jsxs38("div", { children: [
             children,
             /* @__PURE__ */ jsx251("div", { style: { display: "none" }, children: /* @__PURE__ */ jsx251(ItemText, { children: selectedDisplayValue }) })
           ] }) : /* @__PURE__ */ jsx251(ItemText, { children })
@@ -11756,7 +11782,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 isNotNil26, isNil as isNil15 } from "@wistia/type-guards";
+import { isNotNil as isNotNil28, isNil as isNil15 } from "@wistia/type-guards";
 import styled68 from "styled-components";
 
 // src/components/Tabs/TabPanel.tsx
@@ -11812,7 +11838,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 isNotNil25 } from "@wistia/type-guards";
+import { isNotNil as isNotNil27 } from "@wistia/type-guards";
 
 // src/components/Tabs/useTabsValue.tsx
 import { createContext as createContext9, useContext as useContext8 } from "react";
@@ -11870,8 +11896,8 @@ var TabItem = forwardRef25(
       StyledTabItem,
       {
         ref: combinedRef,
-        $hasLabel: isNotNil25(label),
-        "aria-label": isNotNil25(label) ? void 0 : ariaLabel,
+        $hasLabel: isNotNil27(label),
+        "aria-label": isNotNil27(label) ? void 0 : ariaLabel,
         disabled,
         value,
         children: [
@@ -12012,7 +12038,7 @@ var Tabs = forwardRef26(
                       value
                     );
                   }
-                  if (isNotNil26(label)) {
+                  if (isNotNil28(label)) {
                     return /* @__PURE__ */ jsx263(
                       TabItem,
                       {
@@ -12024,7 +12050,7 @@ var Tabs = forwardRef26(
                       value
                     );
                   }
-                  if (isNotNil26(ariaLabelForTab)) {
+                  if (isNotNil28(ariaLabelForTab)) {
                     return /* @__PURE__ */ jsx263(
                       TabItem,
                       {
@@ -12067,7 +12093,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 isNotNil27, isNonEmptyString as isNonEmptyString5 } from "@wistia/type-guards";
+import { isNil as isNil16, isNotNil as isNotNil29, isNonEmptyString as isNonEmptyString5 } from "@wistia/type-guards";
 import { Fragment as Fragment8, jsx as jsx265, jsxs as jsxs43 } from "react/jsx-runtime";
 var TagLabel = styled69.a`
   ${({ $colorScheme }) => getColorScheme($colorScheme)};
@@ -12184,8 +12210,8 @@ var RemoveButton = ({ onClickRemove, onClickRemoveLabel, colorScheme }) => {
 };
 var Tag = forwardRef28(
   ({ onClickRemove, colorScheme = "inherit", href, icon, label, onClickRemoveLabel, ...props }, ref) => {
-    const hasIcon = isNotNil27(icon);
-    const labelProps = isNotNil27(href) && isNonEmptyString5(href) ? { href, as: "a" } : { as: "span" };
+    const hasIcon = isNotNil29(icon);
+    const labelProps = isNotNil29(href) && isNonEmptyString5(href) ? { href, as: "a" } : { as: "span" };
     return /* @__PURE__ */ jsxs43(
       StyledTag,
       {
@@ -12221,7 +12247,7 @@ Tag.displayName = "Tag";
 
 // src/components/WistiaLogo/WistiaLogo.tsx
 import styled70, { css as css37 } from "styled-components";
-import { isNotNil as isNotNil28 } from "@wistia/type-guards";
+import { isNotNil as isNotNil30 } from "@wistia/type-guards";
 import { jsx as jsx266, jsxs as jsxs44 } from "react/jsx-runtime";
 var renderBrandmark = (brandmarkColor, iconOnly) => {
   if (iconOnly) {
@@ -12334,7 +12360,7 @@ var WistiaLogo = ({
       ...props,
       children: [
         /* @__PURE__ */ jsx266("title", { children: title }),
-        isNotNil28(description) ? /* @__PURE__ */ jsx266("desc", { children: description }) : null,
+        isNotNil30(description) ? /* @__PURE__ */ jsx266("desc", { children: description }) : null,
         renderBrandmark(brandmarkColor, iconOnly),
         renderLogotype(logotypeColor, iconOnly)
       ]
@@ -12346,7 +12372,7 @@ WistiaLogo.displayName = "WistiaLogo";
 
 // src/components/Thumbnail/ThumbnailBadge.tsx
 import styled71 from "styled-components";
-import { isNotNil as isNotNil29 } from "@wistia/type-guards";
+import { isNotNil as isNotNil31 } from "@wistia/type-guards";
 import { jsx as jsx267, jsxs as jsxs45 } from "react/jsx-runtime";
 var StyledThumbnailBadge = styled71.div`
   align-items: center;
@@ -12374,7 +12400,7 @@ var StyledThumbnailBadge = styled71.div`
 `;
 var ThumbnailBadge = ({ icon, label, ...props }) => {
   return /* @__PURE__ */ jsxs45(StyledThumbnailBadge, { ...props, children: [
-    isNotNil29(icon) && icon,
+    isNotNil31(icon) && icon,
     /* @__PURE__ */ jsx267("span", { children: label })
   ] });
 };
@@ -12383,10 +12409,10 @@ ThumbnailBadge.displayName = "ThumbnailBadge";
 // src/components/Thumbnail/Thumbnail.tsx
 import { forwardRef as forwardRef29 } from "react";
 import styled72 from "styled-components";
-import { isNil as isNil17, isNotNil as isNotNil31 } from "@wistia/type-guards";
+import { isNil as isNil17, isNotNil as isNotNil33 } from "@wistia/type-guards";
 
 // src/private/helpers/getBackgroundGradient/getBackgroundGradient.ts
-import { isNotNil as isNotNil30 } from "@wistia/type-guards";
+import { isNotNil as isNotNil32 } from "@wistia/type-guards";
 import { css as css38 } from "styled-components";
 var gradients = {
   defaultDarkOne: css38`
@@ -12514,7 +12540,7 @@ var gradients = {
 };
 var gradientMap = Object.keys(gradients);
 var getBackgroundGradient = (gradientName = void 0) => {
-  return isNotNil30(gradientName) ? gradients[gradientName] : gradients.defaultDarkOne;
+  return isNotNil32(gradientName) ? gradients[gradientName] : gradients.defaultDarkOne;
 };
 
 // src/components/Thumbnail/Thumbnail.tsx
@@ -12548,7 +12574,7 @@ var ThumbnailImage = ({ thumbnailImageType, thumbnailUrl }) => {
   );
 };
 var StyledThumbnail = styled72.div`
-  background-image: ${({ $backgroundUrl }) => isNotNil31($backgroundUrl) ? `url('${$backgroundUrl}')` : void 0};
+  background-image: ${({ $backgroundUrl }) => isNotNil33($backgroundUrl) ? `url('${$backgroundUrl}')` : void 0};
   ${({ $backgroundUrl, $gradientBackground }) => (
   // if we don't have $backgroundUrl show a gradient
   isNil17($backgroundUrl) ? getBackgroundGradient($gradientBackground) : void 0
@@ -12571,7 +12597,7 @@ var Thumbnail = forwardRef29(
     children,
     ...props
   }, ref) => {
-    const backgroundUrl = thumbnailImageType === "square" && isNotNil31(thumbnailUrl) ? thumbnailUrl : void 0;
+    const backgroundUrl = thumbnailImageType === "square" && isNotNil33(thumbnailUrl) ? thumbnailUrl : void 0;
     return /* @__PURE__ */ jsxs46(
       StyledThumbnail,
       {
@@ -12581,8 +12607,8 @@ var Thumbnail = forwardRef29(
         $width: width,
         ...props,
         children: [
-          isNotNil31(children) ? children : null,
-          isNotNil31(thumbnailUrl) ? /* @__PURE__ */ jsx268(
+          isNotNil33(children) ? children : null,
+          isNotNil33(thumbnailUrl) ? /* @__PURE__ */ jsx268(
             ThumbnailImage,
             {
               thumbnailImageType,
@@ -12675,8 +12701,6 @@ export {
   colorSchemeOptions,
   copyToClipboard,
   dateTime,
-  ellipsisFlexParentStyle,
-  ellipsisStyle,
   iconSizeMap,
   mergeRefs,
   mq,