@wistia/ui 0.6.38-beta.e013f95e.b698402 → 0.6.39

package/dist/index.d.mts

@@ -8,7 +8,6 @@ import * as react_router from 'react-router';
 import { LinkProps as LinkProps$1 } from 'react-router-dom';
 import { CollapsibleContentProps as CollapsibleContentProps$1 } from '@radix-ui/react-collapsible';
 import * as styled_components from 'styled-components';
-import { FlattenSimpleInterpolation } from 'styled-components';
 import { DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuCheckboxItemProps } from '@radix-ui/react-dropdown-menu';
 import { PopoverContentProps } from '@radix-ui/react-popover';
 import { ToggleGroupSingleProps } from '@radix-ui/react-toggle-group';
@@ -3032,84 +3031,4 @@ declare const WistiaLogo: {
     displayName: string;
 };
 
-declare const gradients: {
-    defaultDarkOne: FlattenSimpleInterpolation;
-    defaultDarkTwo: FlattenSimpleInterpolation;
-    defaultLightOne: FlattenSimpleInterpolation;
-    defaultLightTwo: FlattenSimpleInterpolation;
-    defaultMidOne: FlattenSimpleInterpolation;
-    defaultMidTwo: FlattenSimpleInterpolation;
-    green: FlattenSimpleInterpolation;
-    greenWithPop: FlattenSimpleInterpolation;
-    pink: FlattenSimpleInterpolation;
-    pinkWithPop: FlattenSimpleInterpolation;
-    playfulGradientOne: FlattenSimpleInterpolation;
-    playfulGradientTwo: FlattenSimpleInterpolation;
-    purple: FlattenSimpleInterpolation;
-    purpleWithPop: FlattenSimpleInterpolation;
-    yellow: FlattenSimpleInterpolation;
-    yellowWithPop: FlattenSimpleInterpolation;
-};
-type GradientNameType = keyof typeof gradients;
-
-type ThumbnailProps = ComponentPropsWithoutRef<'div'> & {
-    /**
-     * The type of gradient to show either behind the icon or when there is no thumbnail image
-     */
-    gradientBackground?: GradientNameType;
-    /**
-     * Width of the thumbnail. By default, the thumbnail will grow to fit its container.
-     */
-    width?: string;
-    /**
-     * The desired display of the thumbnail, either wide or square
-     */
-    thumbnailImageType?: 'square' | 'wide' | undefined;
-    /**
-     * The URL of the thumbnail image to display
-     */
-    thumbnailUrl: string | null;
-    /**
-     * Children to render inside the thumbnail; must be a `ThumbnailOverlay` component
-     */
-    children?: ReactNode;
-};
-declare const Thumbnail: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    /**
-     * The type of gradient to show either behind the icon or when there is no thumbnail image
-     */
-    gradientBackground?: GradientNameType;
-    /**
-     * Width of the thumbnail. By default, the thumbnail will grow to fit its container.
-     */
-    width?: string;
-    /**
-     * The desired display of the thumbnail, either wide or square
-     */
-    thumbnailImageType?: "square" | "wide" | undefined;
-    /**
-     * The URL of the thumbnail image to display
-     */
-    thumbnailUrl: string | null;
-    /**
-     * Children to render inside the thumbnail; must be a `ThumbnailOverlay` component
-     */
-    children?: ReactNode;
-} & react.RefAttributes<HTMLDivElement>>;
-
-type ThumbnailOverlayProps = {
-    /**
-     * Icon to display on the left side of the overlay
-     */
-    icon?: JSX.Element | undefined;
-    /**
-     * Text content to display in the overlay
-     */
-    label: string;
-};
-declare const ThumbnailOverlay: {
-    ({ icon, label }: ThumbnailOverlayProps): JSX.Element;
-    displayName: string;
-};
-
-export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Center, type CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, type ClickRegionProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, DataCard, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, Divider, EditableHeading, type EditableHeadingProps, Ellipsis, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Switch, type SwitchProps, Tab, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailOverlay, type ThumbnailOverlayProps, type ThumbnailProps, Tooltip, type TooltipProps, UIProvider, type UseToastProps, WistiaLogo, colorSchemeOptions, copyToClipboard, dateTime, ellipsisFlexParentStyle, ellipsisStyle, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useFormState, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, useToast, useWindowSize };
+export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Center, type CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, type ClickRegionProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, DataCard, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, Divider, EditableHeading, type EditableHeadingProps, Ellipsis, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Switch, type SwitchProps, Tab, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextProps, Tooltip, type TooltipProps, UIProvider, type UseToastProps, WistiaLogo, colorSchemeOptions, copyToClipboard, dateTime, ellipsisFlexParentStyle, ellipsisStyle, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useFormState, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, useToast, useWindowSize };

package/dist/index.d.ts

@@ -8,7 +8,6 @@ import * as react_router from 'react-router';
 import { LinkProps as LinkProps$1 } from 'react-router-dom';
 import { CollapsibleContentProps as CollapsibleContentProps$1 } from '@radix-ui/react-collapsible';
 import * as styled_components from 'styled-components';
-import { FlattenSimpleInterpolation } from 'styled-components';
 import { DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuCheckboxItemProps } from '@radix-ui/react-dropdown-menu';
 import { PopoverContentProps } from '@radix-ui/react-popover';
 import { ToggleGroupSingleProps } from '@radix-ui/react-toggle-group';
@@ -3032,84 +3031,4 @@ declare const WistiaLogo: {
     displayName: string;
 };
 
-declare const gradients: {
-    defaultDarkOne: FlattenSimpleInterpolation;
-    defaultDarkTwo: FlattenSimpleInterpolation;
-    defaultLightOne: FlattenSimpleInterpolation;
-    defaultLightTwo: FlattenSimpleInterpolation;
-    defaultMidOne: FlattenSimpleInterpolation;
-    defaultMidTwo: FlattenSimpleInterpolation;
-    green: FlattenSimpleInterpolation;
-    greenWithPop: FlattenSimpleInterpolation;
-    pink: FlattenSimpleInterpolation;
-    pinkWithPop: FlattenSimpleInterpolation;
-    playfulGradientOne: FlattenSimpleInterpolation;
-    playfulGradientTwo: FlattenSimpleInterpolation;
-    purple: FlattenSimpleInterpolation;
-    purpleWithPop: FlattenSimpleInterpolation;
-    yellow: FlattenSimpleInterpolation;
-    yellowWithPop: FlattenSimpleInterpolation;
-};
-type GradientNameType = keyof typeof gradients;
-
-type ThumbnailProps = ComponentPropsWithoutRef<'div'> & {
-    /**
-     * The type of gradient to show either behind the icon or when there is no thumbnail image
-     */
-    gradientBackground?: GradientNameType;
-    /**
-     * Width of the thumbnail. By default, the thumbnail will grow to fit its container.
-     */
-    width?: string;
-    /**
-     * The desired display of the thumbnail, either wide or square
-     */
-    thumbnailImageType?: 'square' | 'wide' | undefined;
-    /**
-     * The URL of the thumbnail image to display
-     */
-    thumbnailUrl: string | null;
-    /**
-     * Children to render inside the thumbnail; must be a `ThumbnailOverlay` component
-     */
-    children?: ReactNode;
-};
-declare const Thumbnail: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    /**
-     * The type of gradient to show either behind the icon or when there is no thumbnail image
-     */
-    gradientBackground?: GradientNameType;
-    /**
-     * Width of the thumbnail. By default, the thumbnail will grow to fit its container.
-     */
-    width?: string;
-    /**
-     * The desired display of the thumbnail, either wide or square
-     */
-    thumbnailImageType?: "square" | "wide" | undefined;
-    /**
-     * The URL of the thumbnail image to display
-     */
-    thumbnailUrl: string | null;
-    /**
-     * Children to render inside the thumbnail; must be a `ThumbnailOverlay` component
-     */
-    children?: ReactNode;
-} & react.RefAttributes<HTMLDivElement>>;
-
-type ThumbnailOverlayProps = {
-    /**
-     * Icon to display on the left side of the overlay
-     */
-    icon?: JSX.Element | undefined;
-    /**
-     * Text content to display in the overlay
-     */
-    label: string;
-};
-declare const ThumbnailOverlay: {
-    ({ icon, label }: ThumbnailOverlayProps): JSX.Element;
-    displayName: string;
-};
-
-export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Center, type CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, type ClickRegionProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, DataCard, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, Divider, EditableHeading, type EditableHeadingProps, Ellipsis, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Switch, type SwitchProps, Tab, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailOverlay, type ThumbnailOverlayProps, type ThumbnailProps, Tooltip, type TooltipProps, UIProvider, type UseToastProps, WistiaLogo, colorSchemeOptions, copyToClipboard, dateTime, ellipsisFlexParentStyle, ellipsisStyle, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useFormState, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, useToast, useWindowSize };
+export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Center, type CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, type ClickRegionProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, DataCard, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, Divider, EditableHeading, type EditableHeadingProps, Ellipsis, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Switch, type SwitchProps, Tab, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextProps, Tooltip, type TooltipProps, UIProvider, type UseToastProps, WistiaLogo, colorSchemeOptions, copyToClipboard, dateTime, ellipsisFlexParentStyle, ellipsisStyle, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useFormState, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, useToast, useWindowSize };

package/dist/index.mjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.6.38-beta.e013f95e.b698402
+ * @license @wistia/ui v0.6.39
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -12049,256 +12049,6 @@ var WistiaLogo = ({
   return href !== void 0 ? /* @__PURE__ */ jsx266("a", { href, children: Logo }) : Logo;
 };
 WistiaLogo.displayName = "WistiaLogo";
-
-// src/components/Thumbnail/Thumbnail.tsx
-import { forwardRef as forwardRef29 } from "react";
-import styled71 from "styled-components";
-import { isNotNil as isNotNil28 } from "@wistia/type-guards";
-
-// src/private/helpers/getBackgroundGradient/getBackgroundGradient.ts
-import { isNotNil as isNotNil27 } from "@wistia/type-guards";
-import { css as css37 } from "styled-components";
-var gradients = {
-  defaultDarkOne: css37`
-    background-color: #222d66;
-    background-image:
-      radial-gradient(farthest-corner at top right, #222d66, transparent 70%),
-      radial-gradient(farthest-corner at bottom right, #2949e5, transparent 50%),
-      radial-gradient(farthest-corner at bottom left, #6b84ff, transparent 57%),
-      radial-gradient(farthest-corner at top left, #2949e5, transparent 68%);
-  `,
-  defaultDarkTwo: css37`
-    background-color: #222d66;
-    background-image:
-      radial-gradient(farthest-corner at top left, #6b84ff, transparent 100%),
-      radial-gradient(farthest-corner at bottom left, #222d66, transparent 57%),
-      radial-gradient(farthest-corner at bottom right, #2949e5, transparent 50%),
-      radial-gradient(farthest-corner at top right, #2949e5, transparent 70%);
-  `,
-  defaultLightOne: css37`
-    background-color: #ccd5ff;
-    background-image:
-      radial-gradient(farthest-corner at bottom right, #ccd5ff, transparent 55%),
-      radial-gradient(farthest-corner at top left, #ccd5ff, transparent 65%),
-      radial-gradient(farthest-corner at top right, #6b84ff, transparent 50%),
-      radial-gradient(farthest-corner at bottom left, #f7f8ff, transparent 50%);
-  `,
-  defaultLightTwo: css37`
-    background-color: #ccd5ff;
-    background-image:
-      radial-gradient(ellipse at top, #ccd5ff, transparent),
-      radial-gradient(ellipse at bottom, #6b84ff, transparent);
-  `,
-  defaultMidOne: css37`
-    background-color: #6b84ff;
-    background-image:
-      radial-gradient(farthest-corner at top right, #2949e5, transparent 70%),
-      radial-gradient(farthest-corner at bottom right, #2949e5, transparent 50%),
-      radial-gradient(farthest-corner at top left, #6b84ff, transparent 80%),
-      radial-gradient(farthest-corner at bottom left, #222d66, transparent 57%);
-  `,
-  defaultMidTwo: css37`
-    background-color: #6b84ff;
-    background-image:
-      radial-gradient(ellipse at top, #2949e5, transparent),
-      radial-gradient(ellipse at bottom, #ccd5ff, transparent);
-  `,
-  green: css37`
-    background-color: #fafffa;
-    background-image:
-      radial-gradient(farthest-corner at bottom left, #b0e5a5, transparent 50%),
-      radial-gradient(farthest-corner at top right, #268713, transparent 50%),
-      radial-gradient(farthest-corner at top left, #44b62d, transparent 65%),
-      radial-gradient(farthest-corner at bottom right, #44b62d, transparent 55%);
-  `,
-  greenWithPop: css37`
-    background-color: #fafffa;
-    background-image:
-      radial-gradient(farthest-corner at bottom left, #b0e5a5, transparent 50%),
-      radial-gradient(farthest-corner at top right, #2949e5, transparent 50%),
-      radial-gradient(farthest-corner at top left, #44b62d, transparent 65%),
-      radial-gradient(farthest-corner at bottom right, #44b62d, transparent 55%);
-  `,
-  pink: css37`
-    background-color: #fffff0;
-    background-image:
-      radial-gradient(farthest-corner at bottom left, #ffc7e8, transparent 50%),
-      radial-gradient(farthest-corner at top right, #e0128e, transparent 70%),
-      radial-gradient(farthest-corner at top left, #ff40b3, transparent 65%),
-      radial-gradient(farthest-corner at bottom right, #ff40b3, transparent 55%);
-  `,
-  pinkWithPop: css37`
-    background-color: #fffff0;
-    background-image:
-      radial-gradient(farthest-corner at top right, #e0128e, transparent 70%),
-      radial-gradient(farthest-corner at top left, #ff40b3, transparent 65%),
-      radial-gradient(farthest-corner at bottom right, #ff40b3, transparent 55%),
-      radial-gradient(farthest-corner at bottom left, #2949e5, transparent 50%);
-  `,
-  playfulGradientOne: css37`
-    background-color: #f7f8ff;
-    background-image:
-      radial-gradient(farthest-corner at top left, #d65cff, transparent 68%),
-      radial-gradient(farthest-corner at bottom right, #2949e5, transparent 50%),
-      radial-gradient(farthest-corner at bottom left, #ffc7e8, transparent 57%),
-      radial-gradient(farthest-corner at top right, #ffcaba, transparent 70%);
-  `,
-  playfulGradientTwo: css37`
-    background-color: #f7f8ff;
-    background-image:
-      radial-gradient(farthest-corner at top left, #44b62d, transparent 68%),
-      radial-gradient(farthest-corner at bottom right, #eff18d, transparent 50%),
-      radial-gradient(farthest-corner at bottom left, #ccd5ff, transparent 57%),
-      radial-gradient(farthest-corner at top right, #2949e5, transparent 70%);
-  `,
-  purple: css37`
-    background-color: #f2caff;
-    background-image:
-      radial-gradient(ellipse at 0% 100%, #f9e5ff, transparent 50%),
-      radial-gradient(ellipse at 100% 0%, #e093fa, transparent 70%);
-  `,
-  purpleWithPop: css37`
-    background-color: #f2caff;
-    background-image:
-      radial-gradient(farthest-corner at bottom left, #f2caff, transparent 50%),
-      radial-gradient(farthest-corner at top left, #d65cff, transparent 65%),
-      radial-gradient(farthest-corner at bottom right, #d65cff, transparent 55%),
-      radial-gradient(farthest-corner at top right, #2949e5, transparent 70%);
-  `,
-  yellow: css37`
-    background-color: #fffff0;
-    background-image:
-      radial-gradient(farthest-corner at bottom left, #eff18d, transparent 50%),
-      radial-gradient(farthest-corner at top right, #bcbf19, transparent 70%),
-      radial-gradient(farthest-corner at top left, #e8ec1e, transparent 65%),
-      radial-gradient(farthest-corner at bottom right, #e8ec1e, transparent 55%);
-  `,
-  yellowWithPop: css37`
-    background-color: #fffff0;
-    background-image:
-      radial-gradient(farthest-corner at bottom left, #eff18d, transparent 50%),
-      radial-gradient(farthest-corner at top right, #bcbf19, transparent 70%),
-      radial-gradient(farthest-corner at top left, #e8ec1e, transparent 65%),
-      radial-gradient(farthest-corner at bottom right, #2949e5, transparent 55%);
-  `
-};
-var gradientMap = Object.keys(gradients);
-var getBackgroundGradient = (gradientName = void 0) => {
-  return isNotNil27(gradientName) ? gradients[gradientName] : gradients.defaultDarkOne;
-};
-
-// src/components/Thumbnail/Thumbnail.tsx
-import { jsx as jsx267, jsxs as jsxs44 } from "react/jsx-runtime";
-var WideThumbnailImage = styled71.img`
-  height: 100%;
-  object-fit: cover;
-  width: 100%;
-`;
-var SquareThumbnailImage = styled71.img`
-  backdrop-filter: blur(8px);
-  object-fit: contain;
-  width: 100%;
-`;
-var ThumbnailImage = ({ thumbnailImageType, thumbnailUrl }) => {
-  if (thumbnailImageType === "wide") {
-    return /* @__PURE__ */ jsx267(
-      WideThumbnailImage,
-      {
-        alt: "",
-        src: thumbnailUrl
-      }
-    );
-  }
-  if (thumbnailImageType === "square") {
-    return /* @__PURE__ */ jsx267(
-      SquareThumbnailImage,
-      {
-        alt: "",
-        src: thumbnailUrl
-      }
-    );
-  }
-  return null;
-};
-var StyledThumbnail = styled71.div`
-  ${({ $gradientBackground }) => getBackgroundGradient($gradientBackground)};
-  aspect-ratio: 16 / 9;
-  background: ${({ $backgroundUrl }) => isNotNil28($backgroundUrl) ? `url('${$backgroundUrl}') center / cover` : void 0};
-  border-radius: 4px;
-  display: flex;
-  overflow: hidden;
-  position: relative;
-  width: ${({ $width }) => $width};
-`;
-var Thumbnail = forwardRef29(
-  ({
-    gradientBackground = "defaultMidOne",
-    thumbnailImageType = "square",
-    thumbnailUrl,
-    width = "auto",
-    children,
-    ...otherProps
-  }, ref) => {
-    const backgroundUrl = thumbnailImageType === "square" && isNotNil28(thumbnailUrl) ? thumbnailUrl : void 0;
-    return /* @__PURE__ */ jsxs44(
-      StyledThumbnail,
-      {
-        ref,
-        $backgroundUrl: backgroundUrl,
-        $gradientBackground: gradientBackground,
-        $width: width,
-        ...otherProps,
-        children: [
-          isNotNil28(children) && children,
-          isNotNil28(thumbnailUrl) && /* @__PURE__ */ jsx267(
-            ThumbnailImage,
-            {
-              thumbnailImageType,
-              thumbnailUrl
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-Thumbnail.displayName = "Thumbnail";
-
-// src/components/Thumbnail/ThumbnailOverlay.tsx
-import styled72 from "styled-components";
-import { isNotNil as isNotNil29 } from "@wistia/type-guards";
-import { jsx as jsx268, jsxs as jsxs45 } from "react/jsx-runtime";
-var StyledThumbnailOverlay = styled72.div`
-  align-items: center;
-  background-color: rgb(0 0 0 / 50%);
-  border-radius: var(--wui-border-radius-01);
-  bottom: var(--wui-space-01);
-  color: var(--wui-color-text-on-fill);
-  display: flex;
-  font-size: var(--wui-typography-body-4-size);
-  font-weight: var(--wui-typography-weight-body-bold);
-  gap: var(--wui-space-01);
-  padding: 0 var(--wui-space-01);
-  position: absolute;
-  right: var(--wui-space-01);
-  z-index: 1;
-
-  svg {
-    height: 12px;
-    width: 12px;
-
-    path {
-      color: var(--wui-color-icon-on-fill);
-    }
-  }
-`;
-var ThumbnailOverlay = ({ icon, label }) => {
-  return /* @__PURE__ */ jsxs45(StyledThumbnailOverlay, { children: [
-    isNotNil29(icon) && icon,
-    /* @__PURE__ */ jsx268("span", { children: label })
-  ] });
-};
-ThumbnailOverlay.displayName = "ThumbnailOverlay";
 export {
   ActionButton,
   Avatar,
@@ -12371,8 +12121,6 @@ export {
   Tabs,
   Tag,
   Text,
-  Thumbnail,
-  ThumbnailOverlay,
   Tooltip,
   UIProvider,
   WistiaLogo,