@wistia/vhs 3.0.0-beta.ff894fc0.6b12330 → 3.0.1-beta.2845005a.68f1236

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/vhs v3.0.0-beta.ff894fc0.6b12330
+ * @license @wistia/vhs v3.0.1-beta.2845005a.68f1236
  *
  * Copyright (c) 2021-2025, Wistia, Inc. and its affiliates.
  *
@@ -1083,7 +1083,7 @@ var import_react7 = require("react");
 var import_react5 = require("react");
 var import_react_dom = require("react-dom");
 var import_react_aria_live2 = require("react-aria-live");
-var import_styled_components6 = __toESM(require("styled-components"), 1);
+var import_styled_components6 = __toESM(require("styled-components"));
 var import_type_guards7 = require("@wistia/type-guards");
 
 // src/components/Toast/ToastAnimation.tsx
@@ -1225,7 +1225,7 @@ var import_react4 = require("react");
 var import_type_guards6 = require("@wistia/type-guards");
 
 // src/components/Button/ButtonContent.tsx
-var import_styled_components4 = __toESM(require("styled-components"), 1);
+var import_styled_components4 = __toESM(require("styled-components"));
 var import_type_guards4 = require("@wistia/type-guards");
 var import_react_aria_live = require("react-aria-live");
 
@@ -2991,7 +2991,7 @@ var ButtonContent = ({
 };
 
 // src/components/Button/ButtonStyledComponent.tsx
-var import_styled_components5 = __toESM(require("styled-components"), 1);
+var import_styled_components5 = __toESM(require("styled-components"));
 var import_polished2 = require("polished");
 var hoverDarken = "0.04";
 var activeDarken = "0.08";
@@ -4589,14 +4589,14 @@ var usePreviousValue = (value) => {
 };
 
 // src/components/ActionModal/ActionModal.tsx
-var import_styled_components20 = __toESM(require("styled-components"), 1);
+var import_styled_components20 = __toESM(require("styled-components"));
 var import_type_guards18 = require("@wistia/type-guards");
 
 // src/components/ModalBase/ModalBase.tsx
 var import_react28 = require("react");
 var import_react_dom2 = require("react-dom");
 var import_styled_components10 = require("styled-components");
-var import_react_fast_compare = __toESM(require("react-fast-compare"), 1);
+var import_react_fast_compare = __toESM(require("react-fast-compare"));
 var import_type_guards11 = require("@wistia/type-guards");
 
 // src/private/components/ModalAnimation/ModalAnimation.tsx
@@ -4792,7 +4792,7 @@ var ModalBase = (props) => {
 ModalBase.displayName = "ModalBase_VHS";
 
 // src/components/ButtonGroup/ButtonGroup.tsx
-var import_styled_components11 = __toESM(require("styled-components"), 1);
+var import_styled_components11 = __toESM(require("styled-components"));
 var import_type_guards12 = require("@wistia/type-guards");
 var import_jsx_runtime122 = require("react/jsx-runtime");
 var getAlignment = (align) => {
@@ -4854,11 +4854,11 @@ ButtonGroup.displayName = "ButtonGroup_VHS";
 
 // src/components/Text/Text.tsx
 var import_react29 = require("react");
-var import_styled_components13 = __toESM(require("styled-components"), 1);
+var import_styled_components13 = __toESM(require("styled-components"));
 
 // src/components/Ellipsis/Ellipsis.tsx
 var import_type_guards13 = require("@wistia/type-guards");
-var import_styled_components12 = __toESM(require("styled-components"), 1);
+var import_styled_components12 = __toESM(require("styled-components"));
 var import_jsx_runtime123 = require("react/jsx-runtime");
 var ellipsisStyle = import_styled_components12.css`
   overflow: hidden;
@@ -5050,7 +5050,7 @@ var Text = (0, import_react29.forwardRef)(
 Text.displayName = "Text_VHS";
 
 // src/components/Backdrop/Backdrop.tsx
-var import_styled_components14 = __toESM(require("styled-components"), 1);
+var import_styled_components14 = __toESM(require("styled-components"));
 var import_jsx_runtime125 = require("react/jsx-runtime");
 var alignVerticalMap = {
   normal: "normal",
@@ -5099,12 +5099,12 @@ Backdrop.displayName = "Backdrop_VHS";
 
 // src/components/IconButton/IconButton.tsx
 var import_react31 = require("react");
-var import_styled_components18 = __toESM(require("styled-components"), 1);
+var import_styled_components18 = __toESM(require("styled-components"));
 var import_polished3 = require("polished");
 var import_type_guards17 = require("@wistia/type-guards");
 
 // src/components/ScreenReaderOnly/ScreenReaderOnly.tsx
-var import_styled_components15 = __toESM(require("styled-components"), 1);
+var import_styled_components15 = __toESM(require("styled-components"));
 var import_type_guards14 = require("@wistia/type-guards");
 var import_jsx_runtime126 = require("react/jsx-runtime");
 var screenReaderOnlyStyle = import_styled_components15.css`
@@ -5142,11 +5142,11 @@ ScreenReaderOnly.displayName = "ScreenReaderOnly_VHS";
 
 // src/components/Tooltip/Tooltip.tsx
 var import_react30 = require("react");
-var import_styled_components17 = __toESM(require("styled-components"), 1);
+var import_styled_components17 = __toESM(require("styled-components"));
 var import_type_guards16 = require("@wistia/type-guards");
 
 // src/components/Tooltip/TooltipContent.tsx
-var import_styled_components16 = __toESM(require("styled-components"), 1);
+var import_styled_components16 = __toESM(require("styled-components"));
 var import_jsx_runtime127 = require("react/jsx-runtime");
 var ARROW_SIZE = 8;
 var StyledTooltipLabel = import_styled_components16.default.div`
@@ -5814,7 +5814,7 @@ ActionModal.displayName = "ActionModal_VHS";
 // src/components/Avatar/Avatar.tsx
 var import_react32 = require("react");
 var import_type_guards20 = require("@wistia/type-guards");
-var import_styled_components21 = __toESM(require("styled-components"), 1);
+var import_styled_components21 = __toESM(require("styled-components"));
 
 // src/components/Avatar/generateContactAvatarColors.tsx
 var colorVariants = {
@@ -5964,7 +5964,7 @@ var Avatar = ({
 Avatar.displayName = "Avatar_VHS";
 
 // src/components/BackgroundImage/BackgroundImage.tsx
-var import_styled_components22 = __toESM(require("styled-components"), 1);
+var import_styled_components22 = __toESM(require("styled-components"));
 var import_type_guards21 = require("@wistia/type-guards");
 var import_jsx_runtime134 = require("react/jsx-runtime");
 var shouldWrap = (src) => {
@@ -6068,7 +6068,7 @@ var BackgroundImage = ({
 BackgroundImage.displayName = "BackgroundImage_VHS";
 
 // src/components/Badge/Badge.tsx
-var import_styled_components23 = __toESM(require("styled-components"), 1);
+var import_styled_components23 = __toESM(require("styled-components"));
 var import_type_guards22 = require("@wistia/type-guards");
 
 // src/components/Badge/getBadgeColors.ts
@@ -6179,11 +6179,11 @@ var Badge = ({
 Badge.displayName = "Badge_VHS";
 
 // src/components/Banner/Banner.tsx
-var import_styled_components25 = __toESM(require("styled-components"), 1);
+var import_styled_components25 = __toESM(require("styled-components"));
 var import_type_guards23 = require("@wistia/type-guards");
 
 // src/components/Banner/BannerChildComponents.tsx
-var import_styled_components24 = __toESM(require("styled-components"), 1);
+var import_styled_components24 = __toESM(require("styled-components"));
 var import_jsx_runtime136 = require("react/jsx-runtime");
 var BodyComponent = import_styled_components24.default.div`
   color: ${({ theme: theme2 }) => theme2.color.grey900};
@@ -6282,7 +6282,7 @@ Banner.displayName = "Banner_VHS";
 
 // src/components/Box/Box.tsx
 var import_react33 = require("react");
-var import_styled_components26 = __toESM(require("styled-components"), 1);
+var import_styled_components26 = __toESM(require("styled-components"));
 var import_type_guards24 = require("@wistia/type-guards");
 var import_jsx_runtime138 = require("react/jsx-runtime");
 var ALIGN_CONTENT_MAP = {
@@ -6422,11 +6422,11 @@ Box.displayName = "Box_VHS";
 
 // src/components/ButtonLink/ButtonLink.tsx
 var import_react35 = require("react");
-var import_styled_components29 = __toESM(require("styled-components"), 1);
+var import_styled_components29 = __toESM(require("styled-components"));
 var import_type_guards25 = require("@wistia/type-guards");
 
 // src/components/Link/Link.tsx
-var import_styled_components28 = __toESM(require("styled-components"), 1);
+var import_styled_components28 = __toESM(require("styled-components"));
 var import_react34 = require("react");
 
 // src/components/Link/linkStyle.tsx
@@ -6730,7 +6730,7 @@ var import_react36 = require("react");
 var import_type_guards26 = require("@wistia/type-guards");
 
 // src/components/Checkbox/OptionStyledComponent.tsx
-var import_styled_components30 = __toESM(require("styled-components"), 1);
+var import_styled_components30 = __toESM(require("styled-components"));
 var OptionWrapper = import_styled_components30.default.input`
   align-self: flex-start;
   border-radius: 3px;
@@ -6863,14 +6863,14 @@ var Checkbox = (0, import_react36.forwardRef)(
 Checkbox.displayName = "Checkbox_VHS";
 
 // src/components/CheckboxGroup/CheckboxGroup.tsx
-var import_styled_components35 = __toESM(require("styled-components"), 1);
+var import_styled_components35 = __toESM(require("styled-components"));
 var import_type_guards28 = require("@wistia/type-guards");
 
 // src/private/components/FormFieldWrapper/FormFieldWrapper.tsx
-var import_styled_components34 = __toESM(require("styled-components"), 1);
+var import_styled_components34 = __toESM(require("styled-components"));
 
 // src/components/Label/Label.tsx
-var import_styled_components31 = __toESM(require("styled-components"), 1);
+var import_styled_components31 = __toESM(require("styled-components"));
 var import_jsx_runtime142 = require("react/jsx-runtime");
 var requiredStyle = import_styled_components31.css`
   &::after {
@@ -6930,7 +6930,7 @@ var Label = ({
 Label.displayName = "Label_VHS";
 
 // src/components/FormFieldError/FormFieldError.tsx
-var import_styled_components32 = __toESM(require("styled-components"), 1);
+var import_styled_components32 = __toESM(require("styled-components"));
 var import_type_guards27 = require("@wistia/type-guards");
 var import_jsx_runtime143 = require("react/jsx-runtime");
 var FieldError = import_styled_components32.default.div`
@@ -6954,7 +6954,7 @@ var FormFieldError = ({
 FormFieldError.displayName = "FormFieldError_VHS";
 
 // src/components/LabelDescription/LabelDescription.tsx
-var import_styled_components33 = __toESM(require("styled-components"), 1);
+var import_styled_components33 = __toESM(require("styled-components"));
 var import_jsx_runtime144 = require("react/jsx-runtime");
 var disabledStyle5 = import_styled_components33.css`
   color: ${({ theme: theme2 }) => theme2.color.grey500};
@@ -7073,7 +7073,7 @@ CheckboxGroup.displayName = "CheckboxGroup_VHS";
 
 // src/components/ClickArea/ClickArea.tsx
 var import_react37 = require("react");
-var import_styled_components36 = __toESM(require("styled-components"), 1);
+var import_styled_components36 = __toESM(require("styled-components"));
 var import_jsx_runtime147 = require("react/jsx-runtime");
 var ClickAreaComponent = import_styled_components36.default.div`
   cursor: pointer;
@@ -7117,7 +7117,7 @@ var ClickArea = (0, import_react37.forwardRef)(
 ClickArea.displayName = "ClickArea_VHS";
 
 // src/components/CloseButton/CloseButton.tsx
-var import_styled_components37 = __toESM(require("styled-components"), 1);
+var import_styled_components37 = __toESM(require("styled-components"));
 
 // src/components/CloseButton/CloseIcon.tsx
 var import_jsx_runtime148 = require("react/jsx-runtime");
@@ -7181,7 +7181,7 @@ CloseButton.displayName = "CloseButton_VHS";
 
 // src/components/CollapsibleGroup/CollapsibleGroup.tsx
 var import_react38 = require("react");
-var import_styled_components38 = __toESM(require("styled-components"), 1);
+var import_styled_components38 = __toESM(require("styled-components"));
 var import_polished5 = require("polished");
 var import_type_guards29 = require("@wistia/type-guards");
 var import_jsx_runtime150 = (
@@ -7473,7 +7473,7 @@ var CollapsibleGroup = ({
 CollapsibleGroup.displayName = "CollapsibleGroup_VHS";
 
 // src/components/Divider/Divider.tsx
-var import_styled_components39 = __toESM(require("styled-components"), 1);
+var import_styled_components39 = __toESM(require("styled-components"));
 var import_jsx_runtime151 = require("react/jsx-runtime");
 var DividerComponent = import_styled_components39.default.hr`
   background: none;
@@ -7510,7 +7510,7 @@ Divider.displayName = "Divider_VHS";
 
 // src/components/FileSelect/FileSelect.tsx
 var import_react39 = require("react");
-var import_styled_components40 = __toESM(require("styled-components"), 1);
+var import_styled_components40 = __toESM(require("styled-components"));
 var import_jsx_runtime152 = require("react/jsx-runtime");
 var maxFileSizeInGigs = 26;
 var defaultMaximumFileSize = maxFileSizeInGigs * 1024;
@@ -7606,7 +7606,7 @@ var import_type_guards31 = require("@wistia/type-guards");
 // src/components/FormGlobalError/FormGlobalError.tsx
 var import_react40 = require("react");
 var import_formik2 = require("formik");
-var import_styled_components41 = __toESM(require("styled-components"), 1);
+var import_styled_components41 = __toESM(require("styled-components"));
 var import_type_guards30 = require("@wistia/type-guards");
 var import_jsx_runtime153 = require("react/jsx-runtime");
 var GlobalErrorsContainer = import_styled_components41.default.div`
@@ -7938,7 +7938,7 @@ FormButtons.displayName = "FormButtons_VHS";
 
 // src/components/FormField/FormField.tsx
 var import_react53 = require("react");
-var import_styled_components52 = __toESM(require("styled-components"), 1);
+var import_styled_components52 = __toESM(require("styled-components"));
 var import_formik5 = require("formik");
 
 // src/components/FormField/inputTypeMap.ts
@@ -8106,11 +8106,11 @@ var import_type_guards37 = require("@wistia/type-guards");
 
 // src/components/Input/Input.tsx
 var import_react46 = require("react");
-var import_styled_components44 = __toESM(require("styled-components"), 1);
+var import_styled_components44 = __toESM(require("styled-components"));
 var import_type_guards36 = require("@wistia/type-guards");
 
 // src/components/Input/InputStyledComponent.tsx
-var import_styled_components42 = __toESM(require("styled-components"), 1);
+var import_styled_components42 = __toESM(require("styled-components"));
 var focusStyle = import_styled_components42.css`
   border-color: ${({ theme: theme2 }) => theme2.color.brandBlue500};
   outline: none;
@@ -8219,7 +8219,7 @@ var InputStyledComponent = import_styled_components42.default.input`
 
 // src/components/Input/ClickToCopy.tsx
 var import_react45 = require("react");
-var import_styled_components43 = __toESM(require("styled-components"), 1);
+var import_styled_components43 = __toESM(require("styled-components"));
 var import_type_guards34 = require("@wistia/type-guards");
 var import_polished6 = require("polished");
 var import_jsx_runtime159 = require("react/jsx-runtime");
@@ -8600,7 +8600,7 @@ FormConnectorInput.displayName = "FormConnectorInput";
 var import_react48 = require("react");
 
 // src/components/RadioGroup/RadioGroup.tsx
-var import_styled_components45 = __toESM(require("styled-components"), 1);
+var import_styled_components45 = __toESM(require("styled-components"));
 var import_type_guards39 = require("@wistia/type-guards");
 
 // src/components/Radio/Radio.tsx
@@ -8755,11 +8755,11 @@ var import_type_guards41 = require("@wistia/type-guards");
 
 // src/components/Select/Select.tsx
 var import_react49 = require("react");
-var import_styled_components47 = __toESM(require("styled-components"), 1);
+var import_styled_components47 = __toESM(require("styled-components"));
 var import_type_guards40 = require("@wistia/type-guards");
 
 // src/components/Select/SelectStyledComponent.tsx
-var import_styled_components46 = __toESM(require("styled-components"), 1);
+var import_styled_components46 = __toESM(require("styled-components"));
 var focusStyle2 = import_styled_components46.css`
   border: 1px solid ${({ theme: theme2 }) => theme2.color.brandBlue500};
 `;
@@ -9052,18 +9052,18 @@ FormConnectorHidden.displayName = "FormConnectorHidden";
 
 // src/private/components/FormConnectorRichTextEditor/FormConnectorRichTextEditor.tsx
 var import_react52 = require("react");
-var import_styled_components51 = __toESM(require("styled-components"), 1);
+var import_styled_components51 = __toESM(require("styled-components"));
 var import_type_guards51 = require("@wistia/type-guards");
 
 // src/components/RichTextEditor/RichTextEditor.tsx
 var import_react51 = require("react");
-var import_styled_components50 = __toESM(require("styled-components"), 1);
+var import_styled_components50 = __toESM(require("styled-components"));
 var import_slate_react3 = require("slate-react");
 var import_slate7 = require("slate");
 var import_slate_history = require("slate-history");
-var import_is_hotkey = __toESM(require("is-hotkey"), 1);
+var import_is_hotkey = __toESM(require("is-hotkey"));
 var import_type_guards50 = require("@wistia/type-guards");
-var import_react_fast_compare2 = __toESM(require("react-fast-compare"), 1);
+var import_react_fast_compare2 = __toESM(require("react-fast-compare"));
 
 // src/components/RichTextEditor/serializers.ts
 var import_slate = require("slate");
@@ -9368,7 +9368,7 @@ var Leaf = ({
 
 // src/components/RichTextEditor/Element.tsx
 var import_slate_react = require("slate-react");
-var import_styled_components48 = __toESM(require("styled-components"), 1);
+var import_styled_components48 = __toESM(require("styled-components"));
 var import_jsx_runtime169 = require("react/jsx-runtime");
 var Wrapper = import_styled_components48.default.span`
   display: 'inline-block';
@@ -9488,7 +9488,7 @@ var Element2 = ({
 
 // src/components/RichTextEditor/EditorButtons.tsx
 var import_slate_react2 = require("slate-react");
-var import_styled_components49 = __toESM(require("styled-components"), 1);
+var import_styled_components49 = __toESM(require("styled-components"));
 var import_slate6 = require("slate");
 var import_type_guards49 = require("@wistia/type-guards");
 
@@ -10405,7 +10405,7 @@ var FormField = (0, import_react53.forwardRef)(
 FormField.displayName = "FormField_VHS";
 
 // src/components/FullScreenModal/FullScreenModal.tsx
-var import_styled_components53 = __toESM(require("styled-components"), 1);
+var import_styled_components53 = __toESM(require("styled-components"));
 var import_type_guards52 = require("@wistia/type-guards");
 var import_jsx_runtime186 = require("react/jsx-runtime");
 var CloseButton2 = (0, import_styled_components53.default)(Button)`
@@ -10460,7 +10460,7 @@ var FullScreenModal = ({
 FullScreenModal.displayName = "FullScreenModal_VHS";
 
 // src/components/Image/Image.tsx
-var import_styled_components54 = __toESM(require("styled-components"), 1);
+var import_styled_components54 = __toESM(require("styled-components"));
 var import_jsx_runtime187 = require("react/jsx-runtime");
 var getFillStyle2 = ($fillContainer) => {
   if ($fillContainer === "horizontal") {
@@ -10505,7 +10505,7 @@ var Image3 = ({
 Image3.displayName = "Image_VHS";
 
 // src/components/KeyboardShortcut/KeyboardShortcut.tsx
-var import_styled_components55 = __toESM(require("styled-components"), 1);
+var import_styled_components55 = __toESM(require("styled-components"));
 var import_type_guards53 = require("@wistia/type-guards");
 var import_jsx_runtime188 = require("react/jsx-runtime");
 var KeyboardShortcutComponent = import_styled_components55.default.div`
@@ -10623,7 +10623,7 @@ KeyboardShortcut.displayName = "KeyboardShortcut_VHS";
 
 // src/components/LinkButton/LinkButton.tsx
 var import_react54 = require("react");
-var import_styled_components56 = __toESM(require("styled-components"), 1);
+var import_styled_components56 = __toESM(require("styled-components"));
 var import_type_guards54 = require("@wistia/type-guards");
 var import_jsx_runtime189 = require("react/jsx-runtime");
 var isEnterOrSpace = (event) => event.key === "Enter" || event.key === " " || event.key === "Spacebar";
@@ -10698,10 +10698,10 @@ LinkButton.displayName = "LinkButton_VHS";
 
 // src/components/List/List.tsx
 var import_type_guards56 = require("@wistia/type-guards");
-var import_styled_components58 = __toESM(require("styled-components"), 1);
+var import_styled_components58 = __toESM(require("styled-components"));
 
 // src/components/List/ListItem.tsx
-var import_styled_components57 = __toESM(require("styled-components"), 1);
+var import_styled_components57 = __toESM(require("styled-components"));
 var import_type_guards55 = require("@wistia/type-guards");
 var import_jsx_runtime190 = require("react/jsx-runtime");
 var ListItemComponent = import_styled_components57.default.li`
@@ -10858,7 +10858,7 @@ List.displayName = "List_VHS";
 var import_react_dropdown_menu5 = require("@radix-ui/react-dropdown-menu");
 
 // src/components/Menu/Menu.tsx
-var import_styled_components59 = __toESM(require("styled-components"), 1);
+var import_styled_components59 = __toESM(require("styled-components"));
 var import_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");
 var import_type_guards57 = require("@wistia/type-guards");
 var import_jsx_runtime192 = require("react/jsx-runtime");
@@ -10965,7 +10965,7 @@ Menu.displayName = "Menu_VHS";
 // src/components/Menu/MenuItem.tsx
 var import_react_dropdown_menu2 = require("@radix-ui/react-dropdown-menu");
 var import_type_guards58 = require("@wistia/type-guards");
-var import_styled_components60 = __toESM(require("styled-components"), 1);
+var import_styled_components60 = __toESM(require("styled-components"));
 var import_polished7 = require("polished");
 var import_jsx_runtime193 = require("react/jsx-runtime");
 var hoverDarken2 = "0.04";
@@ -11075,10 +11075,7 @@ var MenuItem = ({
   variant = "primary",
   ...props
 }) => {
-  let as = renderAs;
-  if ((0, import_type_guards58.isUndefined)(renderAs)) {
-    as = (0, import_type_guards58.isNotUndefined)(href) ? "a" : "div";
-  }
+  const as = renderAs ?? ((0, import_type_guards58.isNotUndefined)(href) ? "a" : "div");
   const targetProp = as === "a" && (0, import_type_guards58.isNonEmptyString)(target) ? { target } : {};
   return /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(
     import_react_dropdown_menu2.DropdownMenuItem,
@@ -11227,7 +11224,7 @@ var SubMenuTrigger = ({
 };
 
 // src/components/Menu/MenuLabel.tsx
-var import_styled_components61 = __toESM(require("styled-components"), 1);
+var import_styled_components61 = __toESM(require("styled-components"));
 var import_react_dropdown_menu3 = require("@radix-ui/react-dropdown-menu");
 var import_jsx_runtime194 = require("react/jsx-runtime");
 var StyledMenuLabel = (0, import_styled_components61.default)(import_react_dropdown_menu3.DropdownMenuLabel)`
@@ -11249,7 +11246,7 @@ var MenuLabel = ({ children, ...props }) => {
 
 // src/components/Menu/SubMenu.tsx
 var import_react55 = require("react");
-var import_styled_components62 = __toESM(require("styled-components"), 1);
+var import_styled_components62 = __toESM(require("styled-components"));
 var import_react_dropdown_menu4 = require("@radix-ui/react-dropdown-menu");
 var import_jsx_runtime195 = require("react/jsx-runtime");
 var SubMenuContent = (0, import_styled_components62.default)(import_react_dropdown_menu4.DropdownMenuSubContent)`
@@ -11295,11 +11292,11 @@ var SubMenu = ({ label, icon, description, children }) => {
 // src/components/MenuButton/MenuButton.tsx
 var import_react57 = require("react");
 var import_type_guards61 = require("@wistia/type-guards");
-var import_styled_components65 = __toESM(require("styled-components"), 1);
+var import_styled_components65 = __toESM(require("styled-components"));
 
 // src/private/components/Menu/Menu.tsx
 var import_react56 = require("react");
-var import_styled_components63 = __toESM(require("styled-components"), 1);
+var import_styled_components63 = __toESM(require("styled-components"));
 var import_polished8 = require("polished");
 var import_type_guards59 = require("@wistia/type-guards");
 var import_jsx_runtime196 = require("react/jsx-runtime");
@@ -11502,7 +11499,7 @@ var Menu2 = (0, import_react56.forwardRef)(
 Menu2.displayName = "Menu";
 
 // src/components/MenuButton/MenuHeader.tsx
-var import_styled_components64 = __toESM(require("styled-components"), 1);
+var import_styled_components64 = __toESM(require("styled-components"));
 var import_type_guards60 = require("@wistia/type-guards");
 var import_jsx_runtime197 = require("react/jsx-runtime");
 var HeaderAndButton = import_styled_components64.default.div`
@@ -11670,12 +11667,12 @@ MenuButton.displayName = "MenuButton_VHS";
 
 // src/components/Modal/Modal.tsx
 var import_react59 = require("react");
-var import_styled_components67 = __toESM(require("styled-components"), 1);
+var import_styled_components67 = __toESM(require("styled-components"));
 var import_type_guards63 = require("@wistia/type-guards");
 var import_react_dom3 = require("react-dom");
 
 // src/components/Modal/Dialog.tsx
-var import_styled_components66 = __toESM(require("styled-components"), 1);
+var import_styled_components66 = __toESM(require("styled-components"));
 var Dialog = import_styled_components66.default.div`
   background-color: white;
   box-sizing: border-box;
@@ -11848,7 +11845,7 @@ Modal.displayName = "Modal_VHS";
 ModalContent.displayName = "ModalContent_VHS";
 
 // src/components/Modal/ModalParts.tsx
-var import_styled_components68 = __toESM(require("styled-components"), 1);
+var import_styled_components68 = __toESM(require("styled-components"));
 var import_jsx_runtime200 = require("react/jsx-runtime");
 var ModalHeader = import_styled_components68.default.div`
   align-items: center;
@@ -11892,7 +11889,7 @@ var ModalCloseButton2 = ({ onClick, ...props }) => {
 };
 
 // src/components/Paper/Paper.tsx
-var import_styled_components69 = __toESM(require("styled-components"), 1);
+var import_styled_components69 = __toESM(require("styled-components"));
 var import_jsx_runtime201 = require("react/jsx-runtime");
 var PaperComponent = import_styled_components69.default.div`
   background-color: white;
@@ -11913,7 +11910,7 @@ var Paper = ({ children, elevation = 1, ...otherProps }) => {
 Paper.displayName = "Paper_VHS";
 
 // src/components/ProgressBar/ProgressBar.tsx
-var import_styled_components70 = __toESM(require("styled-components"), 1);
+var import_styled_components70 = __toESM(require("styled-components"));
 var import_jsx_runtime202 = require("react/jsx-runtime");
 var progressBarHeight = "8px";
 var ProgressBarContainer = import_styled_components70.default.div`
@@ -11989,18 +11986,18 @@ ProgressBar.displayName = "ProgressBar_VHS";
 
 // src/components/RangeSelector/RangeSelector.tsx
 var import_react62 = require("react");
-var import_styled_components75 = __toESM(require("styled-components"), 1);
+var import_styled_components75 = __toESM(require("styled-components"));
 var import_date_fns7 = require("date-fns");
 
 // src/private/components/RangeSelectorCalendar/RangeSelectorCalendar.tsx
 var import_react60 = require("react");
 var import_type_guards65 = require("@wistia/type-guards");
-var import_styled_components72 = __toESM(require("styled-components"), 1);
+var import_styled_components72 = __toESM(require("styled-components"));
 var import_throttle_debounce2 = require("throttle-debounce");
 var import_date_fns3 = require("date-fns");
 
 // src/private/components/Calendar/Calendar.tsx
-var import_styled_components71 = __toESM(require("styled-components"), 1);
+var import_styled_components71 = __toESM(require("styled-components"));
 var import_date_fns2 = require("date-fns");
 var import_type_guards64 = require("@wistia/type-guards");
 var import_jsx_runtime203 = require("react/jsx-runtime");
@@ -12510,12 +12507,12 @@ RangeSelectorCalendar.displayName = "RangeSelectorCalendar";
 
 // src/private/components/RangeSelectorInput/RangeSelectorInput.tsx
 var import_react61 = require("react");
-var import_styled_components74 = __toESM(require("styled-components"), 1);
+var import_styled_components74 = __toESM(require("styled-components"));
 var import_date_fns6 = require("date-fns");
 var import_type_guards69 = require("@wistia/type-guards");
 
 // src/private/components/RangeSelectorInput/ErrorMessages.tsx
-var import_styled_components73 = __toESM(require("styled-components"), 1);
+var import_styled_components73 = __toESM(require("styled-components"));
 var import_jsx_runtime205 = require("react/jsx-runtime");
 var ErrorMessagesList = import_styled_components73.default.ul`
   list-style: none;
@@ -12640,7 +12637,7 @@ var rangeToString = ({ start, end }) => {
 };
 
 // src/private/components/RangeSelectorInput/iterators.ts
-var import_react_fast_compare3 = __toESM(require("react-fast-compare"), 1);
+var import_react_fast_compare3 = __toESM(require("react-fast-compare"));
 
 // src/private/components/RangeSelectorInput/utils.ts
 var import_date_fns5 = require("date-fns");
@@ -13370,8 +13367,8 @@ var RangeSelector = ({
 RangeSelector.displayName = "RangeSelector_VHS";
 
 // src/components/Slider/Slider.tsx
-var import_styled_components76 = __toESM(require("styled-components"), 1);
-var import_react_slider = __toESM(require("react-slider"), 1);
+var import_styled_components76 = __toESM(require("styled-components"));
+var import_react_slider = __toESM(require("react-slider"));
 var import_type_guards70 = require("@wistia/type-guards");
 var import_jsx_runtime208 = require("react/jsx-runtime");
 var TRACK_SIZE = "4px";
@@ -13479,32 +13476,26 @@ var Slider = ({
             );
           },
           renderThumb: (thumbProps, thumbState) => {
-            const { key, ...restProps } = thumbProps;
-            return (
-              // @ts-expect-error complains about styled-components `as` prop
-              /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
-                StyledThumb,
-                {
-                  ...restProps,
-                  "data-testid": `${dataTestId}-thumb-${thumbState.index}`
-                },
-                key
-              )
+            const { key, as, ...restProps } = thumbProps;
+            return /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
+              StyledThumb,
+              {
+                ...restProps,
+                "data-testid": `${dataTestId}-thumb-${thumbState.index}`
+              },
+              key
             );
           },
           renderTrack: (trackProps, trackState) => {
-            const { key, ...restProps } = trackProps;
-            return (
-              // @ts-expect-error complains about styled-components `as` prop
-              /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
-                StyledTrack,
-                {
-                  ...restProps,
-                  $isFilledTrack: checkIfFilledTrack(trackState),
-                  "data-testid": `${dataTestId}-track-${trackState.index}`
-                },
-                key
-              )
+            const { key, as, ...restProps } = trackProps;
+            return /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(
+              StyledTrack,
+              {
+                ...restProps,
+                $isFilledTrack: checkIfFilledTrack(trackState),
+                "data-testid": `${dataTestId}-track-${trackState.index}`
+              },
+              key
             );
           },
           step,
@@ -13518,7 +13509,7 @@ Slider.displayName = "Slider_VHS";
 
 // src/components/Stack/Stack.tsx
 var import_react63 = require("react");
-var import_styled_components77 = __toESM(require("styled-components"), 1);
+var import_styled_components77 = __toESM(require("styled-components"));
 var import_jsx_runtime209 = require("react/jsx-runtime");
 var StyledStack = import_styled_components77.default.div`
   display: flex;
@@ -13546,7 +13537,7 @@ var Stack = (0, import_react63.forwardRef)(
 Stack.displayName = "Stack_VHS";
 
 // src/components/Switch/Switch.tsx
-var import_styled_components78 = __toESM(require("styled-components"), 1);
+var import_styled_components78 = __toESM(require("styled-components"));
 var import_jsx_runtime210 = require("react/jsx-runtime");
 var SwitchComponent = import_styled_components78.default.button`
   background-color: white;
@@ -13667,7 +13658,7 @@ var Switch = ({
 Switch.displayName = "Switch_VHS";
 
 // src/components/Thumbnail/Thumbnail.tsx
-var import_styled_components79 = __toESM(require("styled-components"), 1);
+var import_styled_components79 = __toESM(require("styled-components"));
 var import_type_guards71 = require("@wistia/type-guards");
 var import_jsx_runtime211 = require("react/jsx-runtime");
 var ThumbnailComponent = import_styled_components79.default.div`
@@ -13823,7 +13814,7 @@ var Thumbnail = ({
 Thumbnail.displayName = "Thumbnail_VHS";
 
 // src/components/ThumbnailCollage/ThumbnailCollage.tsx
-var import_styled_components80 = __toESM(require("styled-components"), 1);
+var import_styled_components80 = __toESM(require("styled-components"));
 var import_type_guards72 = require("@wistia/type-guards");
 var import_jsx_runtime212 = require("react/jsx-runtime");
 var ThumbnailCollageContainer = import_styled_components80.default.div`
@@ -13881,7 +13872,7 @@ var ThumbnailCollage = ({
 };
 
 // src/components/WistiaLogo/WistiaLogo.tsx
-var import_styled_components81 = __toESM(require("styled-components"), 1);
+var import_styled_components81 = __toESM(require("styled-components"));
 var import_type_guards73 = require("@wistia/type-guards");
 var import_jsx_runtime213 = require("react/jsx-runtime");
 var renderBrandmark = (brandmarkColor, iconOnly) => {