@wistia/ui 0.14.28 → 0.14.29-beta.7b88b44d.97fe0aa

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.14.28
+ * @license @wistia/ui v0.14.29-beta.7b88b44d.97fe0aa
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -2737,12 +2737,12 @@ var import_sonner2 = require("sonner");
 
 // src/private/components/Toast/Toast.tsx
 var import_react19 = require("react");
-var import_styled_components16 = __toESM(require("styled-components"));
+var import_styled_components16 = __toESM(require("styled-components"), 1);
 var import_type_guards11 = require("@wistia/type-guards");
 
 // src/components/Ellipsis/Ellipsis.tsx
 var import_type_guards10 = require("@wistia/type-guards");
-var import_styled_components14 = __toESM(require("styled-components"));
+var import_styled_components14 = __toESM(require("styled-components"), 1);
 
 // src/css/lineClampCss.tsx
 var import_styled_components13 = require("styled-components");
@@ -3032,11 +3032,11 @@ var useToast = () => {
 
 // src/components/ActionButton/ActionButton.tsx
 var import_react24 = require("react");
-var import_styled_components22 = __toESM(require("styled-components"));
+var import_styled_components22 = __toESM(require("styled-components"), 1);
 
 // src/components/Button/Button.tsx
 var import_react23 = require("react");
-var import_styled_components21 = __toESM(require("styled-components"));
+var import_styled_components21 = __toESM(require("styled-components"), 1);
 var import_type_guards15 = require("@wistia/type-guards");
 
 // src/css/buttonResetCss.tsx
@@ -3241,7 +3241,7 @@ var buttonSizeStyles = {
 
 // src/components/Icon/Icon.tsx
 var import_type_guards13 = require("@wistia/type-guards");
-var import_styled_components19 = __toESM(require("styled-components"));
+var import_styled_components19 = __toESM(require("styled-components"), 1);
 
 // src/components/Icon/icons/AbTestIcon.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
@@ -7290,7 +7290,7 @@ Icon.displayName = "Icon_UI";
 
 // src/components/Link/Link.tsx
 var import_react22 = require("react");
-var import_styled_components20 = __toESM(require("styled-components"));
+var import_styled_components20 = __toESM(require("styled-components"), 1);
 var import_react_router_dom = require("react-router-dom");
 var import_type_guards14 = require("@wistia/type-guards");
 var import_jsx_runtime197 = require("react/jsx-runtime");
@@ -7713,7 +7713,7 @@ ActionButton.displayName = "ActionButton_UI";
 // src/components/Avatar/Avatar.tsx
 var import_react25 = require("react");
 var import_type_guards18 = require("@wistia/type-guards");
-var import_styled_components25 = __toESM(require("styled-components"));
+var import_styled_components25 = __toESM(require("styled-components"), 1);
 
 // src/components/Avatar/formatNameForDisplay.tsx
 var import_type_guards16 = require("@wistia/type-guards");
@@ -7730,7 +7730,7 @@ var formatNameForDisplay = (name) => {
 };
 
 // src/components/Image/Image.tsx
-var import_styled_components23 = __toESM(require("styled-components"));
+var import_styled_components23 = __toESM(require("styled-components"), 1);
 var import_type_guards17 = require("@wistia/type-guards");
 var import_jsx_runtime200 = require("react/jsx-runtime");
 var getFillStyle = (fillContainer) => {
@@ -7783,7 +7783,7 @@ var Image = ({
 Image.displayName = "Image_UI";
 
 // src/components/ColorSchemeWrapper/ColorSchemeWrapper.tsx
-var import_styled_components24 = __toESM(require("styled-components"));
+var import_styled_components24 = __toESM(require("styled-components"), 1);
 var import_jsx_runtime201 = require("react/jsx-runtime");
 var defaultColorSchemeOptions = ["default", "inherit"];
 var semanticColorSchemeOptions = ["error", "info", "success", "warning"];
@@ -7964,7 +7964,7 @@ Avatar.displayName = "Avatar_UI";
 
 // src/components/Badge/Badge.tsx
 var import_react26 = require("react");
-var import_styled_components26 = __toESM(require("styled-components"));
+var import_styled_components26 = __toESM(require("styled-components"), 1);
 var import_type_guards19 = require("@wistia/type-guards");
 var import_jsx_runtime203 = require("react/jsx-runtime");
 var StyledBadge = import_styled_components26.default.div`
@@ -8015,12 +8015,12 @@ Badge.displayName = "Badge_UI";
 
 // src/components/Banner/Banner.tsx
 var import_react31 = require("react");
-var import_styled_components32 = __toESM(require("styled-components"));
+var import_styled_components32 = __toESM(require("styled-components"), 1);
 var import_type_guards24 = require("@wistia/type-guards");
 
 // src/components/Box/Box.tsx
 var import_react27 = require("react");
-var import_styled_components27 = __toESM(require("styled-components"));
+var import_styled_components27 = __toESM(require("styled-components"), 1);
 var import_type_guards20 = require("@wistia/type-guards");
 
 // src/private/helpers/makePolymorphic/makePolymorphic.tsx
@@ -8217,7 +8217,7 @@ var Box = makePolymorphic(BoxComponent);
 
 // src/components/Heading/Heading.tsx
 var import_react28 = require("react");
-var import_styled_components28 = __toESM(require("styled-components"));
+var import_styled_components28 = __toESM(require("styled-components"), 1);
 var import_type_guards21 = require("@wistia/type-guards");
 var import_jsx_runtime205 = require("react/jsx-runtime");
 var heroStyle = import_styled_components28.css`
@@ -8358,7 +8358,7 @@ var Heading = makePolymorphic(HeadingComponent);
 
 // src/components/Text/Text.tsx
 var import_react29 = require("react");
-var import_styled_components29 = __toESM(require("styled-components"));
+var import_styled_components29 = __toESM(require("styled-components"), 1);
 var import_type_guards22 = require("@wistia/type-guards");
 var import_jsx_runtime206 = require("react/jsx-runtime");
 var sharedBodyStyle = import_styled_components29.css`
@@ -8576,7 +8576,7 @@ TextComponent.displayName = "Text_UI";
 var Text = makePolymorphic(TextComponent);
 
 // src/components/ButtonGroup/ButtonGroup.tsx
-var import_styled_components30 = __toESM(require("styled-components"));
+var import_styled_components30 = __toESM(require("styled-components"), 1);
 var import_type_guards23 = require("@wistia/type-guards");
 var import_jsx_runtime207 = require("react/jsx-runtime");
 var getAlignment = (align) => {
@@ -8656,7 +8656,7 @@ ButtonGroup.displayName = "ButtonGroup_UI";
 
 // src/components/IconButton/IconButton.tsx
 var import_react30 = require("react");
-var import_styled_components31 = __toESM(require("styled-components"));
+var import_styled_components31 = __toESM(require("styled-components"), 1);
 var import_jsx_runtime208 = require("react/jsx-runtime");
 var StyledButton2 = (0, import_styled_components31.default)(Button)`
   --icon-button-size-sm: 24px;
@@ -8857,7 +8857,7 @@ Banner.displayName = "Banner_UI";
 
 // src/components/Breadcrumbs/Breadcrumbs.tsx
 var import_react32 = require("react");
-var import_styled_components33 = __toESM(require("styled-components"));
+var import_styled_components33 = __toESM(require("styled-components"), 1);
 var import_jsx_runtime210 = require("react/jsx-runtime");
 var StyledBreadcrumbs = import_styled_components33.default.nav`
   display: flex;
@@ -8904,7 +8904,7 @@ var Breadcrumbs = ({ children, ...props }) => {
 Breadcrumbs.displayName = "Breadcrumbs_UI";
 
 // src/components/Breadcrumbs/Breadcrumb.tsx
-var import_styled_components34 = __toESM(require("styled-components"));
+var import_styled_components34 = __toESM(require("styled-components"), 1);
 var import_jsx_runtime211 = require("react/jsx-runtime");
 var BreadcrumbContent = import_styled_components34.default.span`
   overflow: hidden;
@@ -8938,7 +8938,7 @@ var Breadcrumb = ({ icon, href, children, ...props }) => {
 };
 
 // src/components/Card/Card.tsx
-var import_styled_components35 = __toESM(require("styled-components"));
+var import_styled_components35 = __toESM(require("styled-components"), 1);
 var import_jsx_runtime212 = require("react/jsx-runtime");
 var StyledCard = (0, import_styled_components35.default)(Box)`
   ${({ $colorScheme }) => getColorScheme($colorScheme)};
@@ -8998,7 +8998,7 @@ Card.displayName = "Card_UI";
 
 // src/components/Center/Center.tsx
 var import_react33 = require("react");
-var import_styled_components36 = __toESM(require("styled-components"));
+var import_styled_components36 = __toESM(require("styled-components"), 1);
 var import_jsx_runtime213 = require("react/jsx-runtime");
 var StyledCenter = import_styled_components36.default.div`
   box-sizing: border-box;
@@ -9029,15 +9029,15 @@ Center.displayName = "Center_UI";
 
 // src/components/Checkbox/Checkbox.tsx
 var import_react38 = require("react");
-var import_styled_components43 = __toESM(require("styled-components"));
+var import_styled_components43 = __toESM(require("styled-components"), 1);
 var import_type_guards31 = require("@wistia/type-guards");
 
 // src/private/components/FormControlLabel/FormControlLabel.tsx
-var import_styled_components39 = __toESM(require("styled-components"));
+var import_styled_components39 = __toESM(require("styled-components"), 1);
 var import_type_guards27 = require("@wistia/type-guards");
 
 // src/private/components/FormControlLabel/FormControlLabelDescription.tsx
-var import_styled_components37 = __toESM(require("styled-components"));
+var import_styled_components37 = __toESM(require("styled-components"), 1);
 var import_type_guards25 = require("@wistia/type-guards");
 var import_jsx_runtime214 = require("react/jsx-runtime");
 var disabledStyle = import_styled_components37.css`
@@ -9072,7 +9072,7 @@ var FormControlLabelDescription = ({
 FormControlLabelDescription.displayName = "FormControlLabelDescription";
 
 // src/components/ScreenReaderOnly/ScreenReaderOnly.tsx
-var import_styled_components38 = __toESM(require("styled-components"));
+var import_styled_components38 = __toESM(require("styled-components"), 1);
 var import_type_guards26 = require("@wistia/type-guards");
 var import_jsx_runtime215 = require("react/jsx-runtime");
 var VisuallyHidden = import_styled_components38.default.div({ ...visuallyHiddenStyle });
@@ -9156,13 +9156,13 @@ var import_react37 = require("react");
 var import_type_guards30 = require("@wistia/type-guards");
 
 // src/components/FormGroup/FormGroup.tsx
-var import_styled_components41 = __toESM(require("styled-components"));
+var import_styled_components41 = __toESM(require("styled-components"), 1);
 var import_react35 = require("react");
 var import_type_guards28 = require("@wistia/type-guards");
 
 // src/components/Stack/Stack.tsx
 var import_react34 = require("react");
-var import_styled_components40 = __toESM(require("styled-components"));
+var import_styled_components40 = __toESM(require("styled-components"), 1);
 var import_jsx_runtime217 = require("react/jsx-runtime");
 var DEFAULT_ELEMENT4 = "div";
 var StyledStack = import_styled_components40.default.div`
@@ -9251,7 +9251,7 @@ FormGroup.displayName = "FormGroup_UI";
 
 // src/components/Form/Form.tsx
 var import_react36 = require("react");
-var import_styled_components42 = __toESM(require("styled-components"));
+var import_styled_components42 = __toESM(require("styled-components"), 1);
 var import_type_guards29 = require("@wistia/type-guards");
 
 // src/components/Form/serializeFormData.tsx
@@ -9618,7 +9618,7 @@ ClickRegion.displayName = "ClickRegion_UI";
 // src/components/Collapsible/Collapsible.tsx
 var import_react_collapsible = require("@radix-ui/react-collapsible");
 var import_type_guards32 = require("@wistia/type-guards");
-var import_styled_components44 = __toESM(require("styled-components"));
+var import_styled_components44 = __toESM(require("styled-components"), 1);
 var import_jsx_runtime222 = require("react/jsx-runtime");
 var StyledRoot = (0, import_styled_components44.default)(import_react_collapsible.Root)`
   &[data-state='closed'] [data-wui-collapsible-content] {
@@ -9643,7 +9643,7 @@ Collapsible.displayName = "Collapsible_UI";
 // src/components/Collapsible/CollapsibleTrigger.tsx
 var import_react40 = require("react");
 var import_react_collapsible2 = require("@radix-ui/react-collapsible");
-var import_styled_components45 = __toESM(require("styled-components"));
+var import_styled_components45 = __toESM(require("styled-components"), 1);
 var import_jsx_runtime223 = require("react/jsx-runtime");
 var StyledTrigger = (0, import_styled_components45.default)(import_react_collapsible2.Trigger)`
   [data-wui-collapsible-icon] {
@@ -9694,7 +9694,7 @@ var CollapsibleTriggerIcon = ({ type, ...props }) => {
 CollapsibleTriggerIcon.displayName = "CollapsibleTriggerIcon_UI";
 
 // src/components/Collapsible/CollapsibleContent.tsx
-var import_styled_components46 = __toESM(require("styled-components"));
+var import_styled_components46 = __toESM(require("styled-components"), 1);
 var import_react_collapsible3 = require("@radix-ui/react-collapsible");
 var import_type_guards33 = require("@wistia/type-guards");
 var import_jsx_runtime225 = require("react/jsx-runtime");
@@ -9720,7 +9720,7 @@ var CollapsibleContent = ({ clamp, children }) => {
 
 // src/components/ColorPicker/ColorGrid.tsx
 var import_react42 = require("react");
-var import_styled_components48 = __toESM(require("styled-components"));
+var import_styled_components48 = __toESM(require("styled-components"), 1);
 var import_react_radio_group = require("@radix-ui/react-radio-group");
 
 // src/components/ColorPicker/ColorPickerContext.tsx
@@ -10264,7 +10264,7 @@ var useColorPickerState = () => {
 };
 
 // src/components/Label/Label.tsx
-var import_styled_components47 = __toESM(require("styled-components"));
+var import_styled_components47 = __toESM(require("styled-components"), 1);
 var import_jsx_runtime227 = require("react/jsx-runtime");
 var requiredStyle = import_styled_components47.css`
   &::after {
@@ -10365,12 +10365,12 @@ var ColorGrid = ({ children, label }) => {
 ColorGrid.displayName = "ColorGrid_UI";
 
 // src/components/ColorPicker/ColorGridOption.tsx
-var import_styled_components51 = __toESM(require("styled-components"));
+var import_styled_components51 = __toESM(require("styled-components"), 1);
 var import_react_radio_group2 = require("@radix-ui/react-radio-group");
 var import_fn5 = require("culori/fn");
 
 // src/components/ColorPicker/ColorSwatch.tsx
-var import_styled_components49 = __toESM(require("styled-components"));
+var import_styled_components49 = __toESM(require("styled-components"), 1);
 var import_jsx_runtime229 = require("react/jsx-runtime");
 var ColorSwatchDiv = import_styled_components49.default.div`
   aspect-ratio: 1;
@@ -10428,7 +10428,7 @@ var ColorSwatch = ({
 
 // src/components/Tooltip/Tooltip.tsx
 var import_react_tooltip2 = require("@radix-ui/react-tooltip");
-var import_styled_components50 = __toESM(require("styled-components"));
+var import_styled_components50 = __toESM(require("styled-components"), 1);
 var import_jsx_runtime230 = require("react/jsx-runtime");
 var hide = import_styled_components50.keyframes`
   from {
@@ -10622,7 +10622,7 @@ ColorGridOption.displayName = "ColorGridOption_UI";
 
 // src/components/ColorPicker/ColorList.tsx
 var import_react43 = require("react");
-var import_styled_components52 = __toESM(require("styled-components"));
+var import_styled_components52 = __toESM(require("styled-components"), 1);
 var import_react_toggle_group = require("@radix-ui/react-toggle-group");
 var import_jsx_runtime232 = require("react/jsx-runtime");
 var Container3 = (0, import_styled_components52.default)(import_react_toggle_group.Root)`
@@ -10654,7 +10654,7 @@ var ColorList = ({ children }) => {
 ColorList.displayName = "ColorList_UI";
 
 // src/components/ColorPicker/ColorListGroup.tsx
-var import_styled_components53 = __toESM(require("styled-components"));
+var import_styled_components53 = __toESM(require("styled-components"), 1);
 var import_jsx_runtime233 = require("react/jsx-runtime");
 var Container4 = import_styled_components53.default.div`
   display: grid;
@@ -10684,7 +10684,7 @@ var ColorListGroup = ({ label, children }) => {
 ColorListGroup.displayName = "ColorListGroup_UI";
 
 // src/components/ColorPicker/ColorListOption.tsx
-var import_styled_components54 = __toESM(require("styled-components"));
+var import_styled_components54 = __toESM(require("styled-components"), 1);
 var import_react_toggle_group2 = require("@radix-ui/react-toggle-group");
 var import_fn6 = require("culori/fn");
 
@@ -10808,7 +10808,7 @@ ColorPicker.displayName = "ColorPicker_UI";
 
 // src/components/ColorPicker/ColorPickerPopoverContent.tsx
 var import_react_popover2 = require("@radix-ui/react-popover");
-var import_styled_components55 = __toESM(require("styled-components"));
+var import_styled_components55 = __toESM(require("styled-components"), 1);
 var import_jsx_runtime237 = require("react/jsx-runtime");
 var StyledPopoverContent = (0, import_styled_components55.default)(import_react_popover2.Content)`
   background-color: var(--wui-color-bg-surface);
@@ -10837,7 +10837,7 @@ var ColorPickerPopoverContent = ({
 ColorPickerPopoverContent.displayName = "ColorPickerPopoverContent_UI";
 
 // src/components/ColorPicker/ColorPickerSection.tsx
-var import_styled_components56 = __toESM(require("styled-components"));
+var import_styled_components56 = __toESM(require("styled-components"), 1);
 var import_jsx_runtime238 = require("react/jsx-runtime");
 var Container6 = import_styled_components56.default.div`
   padding: var(--wui-space-02);
@@ -10850,7 +10850,7 @@ ColorPickerSection.displayName = "ColorPickerSection_UI";
 // src/components/ColorPicker/ColorPickerTrigger.tsx
 var import_react44 = require("react");
 var import_react_popover3 = require("@radix-ui/react-popover");
-var import_styled_components57 = __toESM(require("styled-components"));
+var import_styled_components57 = __toESM(require("styled-components"), 1);
 
 // src/components/ColorPicker/ValueSwatch.tsx
 var import_jsx_runtime239 = require("react/jsx-runtime");
@@ -10909,7 +10909,7 @@ var ColorPickerTrigger = (0, import_react44.forwardRef)(
 ColorPickerTrigger.displayName = "ColorPickerTrigger_UI";
 
 // src/components/ColorPicker/ContrastIndicator.tsx
-var import_styled_components58 = __toESM(require("styled-components"));
+var import_styled_components58 = __toESM(require("styled-components"), 1);
 var import_jsx_runtime242 = require("react/jsx-runtime");
 var Container7 = import_styled_components58.default.div`
   display: flex;
@@ -10969,7 +10969,7 @@ var import_react46 = require("react");
 
 // src/components/Switch/Switch.tsx
 var import_react45 = require("react");
-var import_styled_components59 = __toESM(require("styled-components"));
+var import_styled_components59 = __toESM(require("styled-components"), 1);
 var import_type_guards34 = require("@wistia/type-guards");
 var import_jsx_runtime243 = require("react/jsx-runtime");
 var switchHeightMap = {
@@ -11180,7 +11180,7 @@ var import_fn7 = require("culori/fn");
 
 // src/components/Input/Input.tsx
 var import_react47 = require("react");
-var import_styled_components61 = __toESM(require("styled-components"));
+var import_styled_components61 = __toESM(require("styled-components"), 1);
 var import_type_guards35 = require("@wistia/type-guards");
 
 // src/css/inputCss.ts
@@ -11556,12 +11556,12 @@ HexColorInput.displayName = "HexColorInput_UI";
 // src/components/ColorPicker/HueSlider.tsx
 var import_react50 = require("react");
 var import_react_slider = require("@radix-ui/react-slider");
-var import_styled_components63 = __toESM(require("styled-components"));
+var import_styled_components63 = __toESM(require("styled-components"), 1);
 var import_fn9 = require("culori/fn");
 
 // src/components/ColorPicker/HSVHueCanvas.tsx
 var import_react49 = require("react");
-var import_styled_components62 = __toESM(require("styled-components"));
+var import_styled_components62 = __toESM(require("styled-components"), 1);
 var import_fn8 = require("culori/fn");
 var import_jsx_runtime249 = require("react/jsx-runtime");
 var Canvas = import_styled_components62.default.canvas`
@@ -11692,11 +11692,11 @@ HueSlider.displayName = "HueSlider_UI";
 
 // src/components/ColorPicker/SaturationAndValuePicker.tsx
 var import_react52 = require("react");
-var import_styled_components65 = __toESM(require("styled-components"));
+var import_styled_components65 = __toESM(require("styled-components"), 1);
 
 // src/components/ColorPicker/HSVSaturationValueCanvas.tsx
 var import_react51 = require("react");
-var import_styled_components64 = __toESM(require("styled-components"));
+var import_styled_components64 = __toESM(require("styled-components"), 1);
 
 // src/components/ColorPicker/canvas-utils.ts
 var drawSmoothCurve = (context, points) => {
@@ -12064,14 +12064,14 @@ var SaturationAndValuePicker = ({
 SaturationAndValuePicker.displayName = "SaturationAndValuePicker_UI";
 
 // src/components/Combobox/Combobox.tsx
-var Ariakit = __toESM(require("@ariakit/react"));
+var Ariakit = __toESM(require("@ariakit/react"), 1);
 var import_react54 = require("react");
 var import_match_sorter = require("match-sorter");
-var import_styled_components67 = __toESM(require("styled-components"));
+var import_styled_components67 = __toESM(require("styled-components"), 1);
 
 // src/components/Tag/Tag.tsx
 var import_react53 = require("react");
-var import_styled_components66 = __toESM(require("styled-components"));
+var import_styled_components66 = __toESM(require("styled-components"), 1);
 var import_type_guards36 = require("@wistia/type-guards");
 var import_jsx_runtime253 = require("react/jsx-runtime");
 var TagLabel = import_styled_components66.default.a`
@@ -12472,14 +12472,14 @@ var Combobox2 = ({
 };
 
 // src/components/ContextMenu/ContextMenu.tsx
-var import_react61 = require("react");
 var import_type_guards41 = require("@wistia/type-guards");
+var import_react61 = require("react");
 
 // src/components/Menu/Menu.tsx
-var import_react56 = require("react");
-var import_styled_components68 = __toESM(require("styled-components"));
 var import_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");
 var import_type_guards37 = require("@wistia/type-guards");
+var import_react56 = require("react");
+var import_styled_components68 = __toESM(require("styled-components"), 1);
 
 // src/components/Menu/MenuContext.tsx
 var import_react55 = require("react");
@@ -12585,6 +12585,7 @@ var Menu = (0, import_react56.forwardRef)(
     trigger,
     label,
     isOpen,
+    side = "bottom",
     triggerProps = {},
     onOpenChange,
     ...props
@@ -12627,7 +12628,7 @@ var Menu = (0, import_react56.forwardRef)(
               onFocusOutside: (event) => {
                 event.preventDefault();
               },
-              side: "bottom",
+              side,
               sideOffset: 6,
               children
             }
@@ -12641,7 +12642,7 @@ Menu.displayName = "Menu_UI";
 Menu.displayName = "Menu_UI";
 
 // src/components/Menu/MenuLabel.tsx
-var import_styled_components69 = __toESM(require("styled-components"));
+var import_styled_components69 = __toESM(require("styled-components"), 1);
 var import_react_dropdown_menu2 = require("@radix-ui/react-dropdown-menu");
 var import_jsx_runtime256 = require("react/jsx-runtime");
 var StyledMenuLabel = (0, import_styled_components69.default)(import_react_dropdown_menu2.DropdownMenuLabel)`
@@ -12669,13 +12670,13 @@ MenuLabel.displayName = "MenuLabel_UI";
 
 // src/components/Menu/SubMenu.tsx
 var import_react58 = require("react");
-var import_styled_components72 = __toESM(require("styled-components"));
+var import_styled_components72 = __toESM(require("styled-components"), 1);
 var import_react_dropdown_menu3 = require("@radix-ui/react-dropdown-menu");
 var import_type_guards39 = require("@wistia/type-guards");
 
 // src/components/Menu/MenuItemButton.tsx
 var import_react57 = require("react");
-var import_styled_components70 = __toESM(require("styled-components"));
+var import_styled_components70 = __toESM(require("styled-components"), 1);
 var import_type_guards38 = require("@wistia/type-guards");
 var import_jsx_runtime257 = require("react/jsx-runtime");
 var StyledButton3 = (0, import_styled_components70.default)(Button)`
@@ -12793,7 +12794,7 @@ var MenuItemButton = (0, import_react57.forwardRef)(({ children, appearance, com
 MenuItemButton.displayName = "MenuItemButton_UI";
 
 // src/components/Menu/MenuItemLabelDescription.tsx
-var import_styled_components71 = __toESM(require("styled-components"));
+var import_styled_components71 = __toESM(require("styled-components"), 1);
 var import_jsx_runtime258 = require("react/jsx-runtime");
 var StyledMenuItemLabel = import_styled_components71.default.span``;
 var StyledMenuItemDescription = (0, import_styled_components71.default)(Text)``;
@@ -13139,6 +13140,7 @@ var ContextMenu = ({
   position,
   triggerRef,
   children,
+  side = "bottom",
   onRequestClose = () => null
 }) => {
   const [isRightClicked, setIsRightClicked] = (0, import_react61.useState)(false);
@@ -13162,7 +13164,6 @@ var ContextMenu = ({
   return isOpen ? /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(
     Menu,
     {
-      avoidCollisions: false,
       isOpen,
       onOpenChange: (next) => {
         setIsRightClicked(next);
@@ -13170,6 +13171,7 @@ var ContextMenu = ({
           onRequestClose();
         }
       },
+      side,
       trigger: /* @__PURE__ */ (0, import_jsx_runtime265.jsx)(
         "button",
         {
@@ -13192,7 +13194,7 @@ var ContextMenu = ({
 
 // src/components/DataCards/DataCard.tsx
 var import_react62 = require("react");
-var import_styled_components73 = __toESM(require("styled-components"));
+var import_styled_components73 = __toESM(require("styled-components"), 1);
 var import_type_guards42 = require("@wistia/type-guards");
 var import_jsx_runtime266 = require("react/jsx-runtime");
 var StyledDataCard = import_styled_components73.default.div`
@@ -13391,7 +13393,7 @@ var DataCard = (props) => {
 DataCard.displayName = "DataCard_UI";
 
 // src/components/DataCards/DataCards.tsx
-var import_styled_components74 = __toESM(require("styled-components"));
+var import_styled_components74 = __toESM(require("styled-components"), 1);
 var import_jsx_runtime267 = require("react/jsx-runtime");
 var StyledDataCards = (0, import_styled_components74.default)(Box)`
   ${({ $colorScheme }) => getColorScheme($colorScheme)};
@@ -13426,7 +13428,7 @@ var DataCards = ({
 DataCards.displayName = "DataCards_UI";
 
 // src/components/DataCards/DataCardTrend.tsx
-var import_styled_components75 = __toESM(require("styled-components"));
+var import_styled_components75 = __toESM(require("styled-components"), 1);
 var import_jsx_runtime268 = require("react/jsx-runtime");
 var StyledDataCardTrend = import_styled_components75.default.div`
   ${({ $outlook }) => getColorScheme($outlook === "positive" ? "success" : "error")};
@@ -13464,7 +13466,7 @@ var DataCardTrend = ({
 };
 
 // src/components/DataCards/DataCardHoverArrow.tsx
-var import_styled_components76 = __toESM(require("styled-components"));
+var import_styled_components76 = __toESM(require("styled-components"), 1);
 var import_jsx_runtime269 = require("react/jsx-runtime");
 var StyledIconContainer = import_styled_components76.default.div`
   display: flex;
@@ -13482,7 +13484,7 @@ var DataCardHoverArrow = () => /* @__PURE__ */ (0, import_jsx_runtime269.jsx)(St
 DataCardHoverArrow.displayName = "DataCardHoverArrow_UI";
 
 // src/components/DataList/DataList.tsx
-var import_styled_components77 = __toESM(require("styled-components"));
+var import_styled_components77 = __toESM(require("styled-components"), 1);
 var import_jsx_runtime270 = require("react/jsx-runtime");
 var StyledDataList = import_styled_components77.default.dl`
   display: grid;
@@ -13563,7 +13565,7 @@ var DataListItemValue = (props) => {
 DataListItemValue.displayName = "DataListItemValue_UI";
 
 // src/components/Divider/Divider.tsx
-var import_styled_components78 = __toESM(require("styled-components"));
+var import_styled_components78 = __toESM(require("styled-components"), 1);
 var import_jsx_runtime273 = require("react/jsx-runtime");
 var horizontalBorderCss = import_styled_components78.css`
   border-top-color: var(--wui-color-border);
@@ -13604,7 +13606,7 @@ var Divider = ({ orientation = "horizontal", ...props }) => {
 Divider.displayName = "Divider_UI";
 
 // src/components/EditableHeading/EditableHeading.tsx
-var import_styled_components79 = __toESM(require("styled-components"));
+var import_styled_components79 = __toESM(require("styled-components"), 1);
 var import_react63 = require("react");
 var import_jsx_runtime274 = require("react/jsx-runtime");
 var StyledInput = (0, import_styled_components79.default)(Input)`
@@ -13740,13 +13742,13 @@ var EditableHeading = ({
 
 // src/components/EditableText/EditableTextDisplay.tsx
 var import_react65 = require("react");
-var import_styled_components82 = __toESM(require("styled-components"));
+var import_styled_components82 = __toESM(require("styled-components"), 1);
 var import_type_guards44 = require("@wistia/type-guards");
 
 // src/components/EditableText/EditableTextRoot.tsx
 var import_react64 = require("react");
 var import_type_guards43 = require("@wistia/type-guards");
-var import_styled_components80 = __toESM(require("styled-components"));
+var import_styled_components80 = __toESM(require("styled-components"), 1);
 var import_jsx_runtime275 = require("react/jsx-runtime");
 var StyledEditableTextRoot = import_styled_components80.default.div`
   display: contents;
@@ -13978,7 +13980,7 @@ var EditableTextDisplay = makePolymorphic(
 
 // src/components/EditableText/EditableTextInput.tsx
 var import_react66 = require("react");
-var import_styled_components83 = __toESM(require("styled-components"));
+var import_styled_components83 = __toESM(require("styled-components"), 1);
 var import_type_guards45 = require("@wistia/type-guards");
 var import_jsx_runtime277 = require("react/jsx-runtime");
 var StyledInput2 = (0, import_styled_components83.default)(Input)`
@@ -14278,7 +14280,7 @@ var FormErrorSummary = ({ description }) => {
 
 // src/components/FormField/FormField.tsx
 var import_react73 = require("react");
-var import_styled_components84 = __toESM(require("styled-components"));
+var import_styled_components84 = __toESM(require("styled-components"), 1);
 var import_type_guards47 = require("@wistia/type-guards");
 var import_jsx_runtime281 = require("react/jsx-runtime");
 var StyledFormField = import_styled_components84.default.div`
@@ -14466,7 +14468,7 @@ RadioGroup.displayName = "RadioGroup_UI";
 
 // src/components/Grid/Grid.tsx
 var import_react75 = require("react");
-var import_styled_components85 = __toESM(require("styled-components"));
+var import_styled_components85 = __toESM(require("styled-components"), 1);
 var import_type_guards48 = require("@wistia/type-guards");
 var import_jsx_runtime283 = require("react/jsx-runtime");
 var DEFAULT_ELEMENT5 = "div";
@@ -14540,7 +14542,7 @@ GridComponent.displayName = "Grid_UI";
 var Grid = makePolymorphic(GridComponent);
 
 // src/components/InputClickToCopy/InputClickToCopy.tsx
-var import_styled_components86 = __toESM(require("styled-components"));
+var import_styled_components86 = __toESM(require("styled-components"), 1);
 var import_react76 = require("react");
 var import_type_guards49 = require("@wistia/type-guards");
 var import_jsx_runtime284 = require("react/jsx-runtime");
@@ -14610,7 +14612,7 @@ var InputClickToCopy = (0, import_react76.forwardRef)(
 InputClickToCopy.displayName = "InputClickToCopy_UI";
 
 // src/components/InputPassword/InputPassword.tsx
-var import_styled_components87 = __toESM(require("styled-components"));
+var import_styled_components87 = __toESM(require("styled-components"), 1);
 var import_react77 = require("react");
 var import_type_guards50 = require("@wistia/type-guards");
 var import_jsx_runtime285 = require("react/jsx-runtime");
@@ -14657,7 +14659,7 @@ var InputPassword = (0, import_react77.forwardRef)(
 InputPassword.displayName = "InputPassword_UI";
 
 // src/components/KeyboardShortcut/KeyboardShortcut.tsx
-var import_styled_components88 = __toESM(require("styled-components"));
+var import_styled_components88 = __toESM(require("styled-components"), 1);
 var import_type_guards51 = require("@wistia/type-guards");
 var import_jsx_runtime286 = require("react/jsx-runtime");
 var StyledKeyboardShortcut = import_styled_components88.default.div`
@@ -14767,10 +14769,10 @@ KeyboardShortcut.displayName = "KeyboardShortcut_UI";
 
 // src/components/List/List.tsx
 var import_type_guards53 = require("@wistia/type-guards");
-var import_styled_components90 = __toESM(require("styled-components"));
+var import_styled_components90 = __toESM(require("styled-components"), 1);
 
 // src/components/List/ListItem.tsx
-var import_styled_components89 = __toESM(require("styled-components"));
+var import_styled_components89 = __toESM(require("styled-components"), 1);
 var import_type_guards52 = require("@wistia/type-guards");
 var import_jsx_runtime287 = require("react/jsx-runtime");
 var ListItemComponent = import_styled_components89.default.li`
@@ -14924,7 +14926,7 @@ var List = ({
 List.displayName = "List_UI";
 
 // src/components/Mark/Mark.tsx
-var import_styled_components91 = __toESM(require("styled-components"));
+var import_styled_components91 = __toESM(require("styled-components"), 1);
 var import_jsx_runtime289 = require("react/jsx-runtime");
 var StyledMark = import_styled_components91.default.mark`
   ${({ $colorScheme }) => getColorScheme($colorScheme)};
@@ -14946,16 +14948,16 @@ Mark.displayName = "Mark_UI";
 
 // src/components/Modal/Modal.tsx
 var import_react80 = require("react");
-var import_styled_components96 = __toESM(require("styled-components"));
+var import_styled_components96 = __toESM(require("styled-components"), 1);
 var import_react_dialog5 = require("@radix-ui/react-dialog");
 var import_type_guards55 = require("@wistia/type-guards");
 
 // src/components/Modal/ModalHeader.tsx
-var import_styled_components93 = __toESM(require("styled-components"));
+var import_styled_components93 = __toESM(require("styled-components"), 1);
 var import_react_dialog2 = require("@radix-ui/react-dialog");
 
 // src/components/Modal/ModalCloseButton.tsx
-var import_styled_components92 = __toESM(require("styled-components"));
+var import_styled_components92 = __toESM(require("styled-components"), 1);
 var import_react_dialog = require("@radix-ui/react-dialog");
 var import_jsx_runtime290 = require("react/jsx-runtime");
 var CloseButton = (0, import_styled_components92.default)(import_react_dialog.Close)`
@@ -15020,7 +15022,7 @@ var ModalHeader = ({
 
 // src/components/Modal/ModalContent.tsx
 var import_react79 = require("react");
-var import_styled_components94 = __toESM(require("styled-components"));
+var import_styled_components94 = __toESM(require("styled-components"), 1);
 var import_react_dialog3 = require("@radix-ui/react-dialog");
 
 // src/private/hooks/useFocusRestore/useFocusRestore.ts
@@ -15188,7 +15190,7 @@ var ModalContent = (0, import_react79.forwardRef)(
 
 // src/components/Modal/ModalOverlay.tsx
 var import_react_dialog4 = require("@radix-ui/react-dialog");
-var import_styled_components95 = __toESM(require("styled-components"));
+var import_styled_components95 = __toESM(require("styled-components"), 1);
 var backdropShow = import_styled_components95.keyframes`
   from {
     opacity: 0;
@@ -15289,7 +15291,7 @@ Modal.displayName = "Modal_UI";
 
 // src/components/Popover/Popover.tsx
 var import_react_popover5 = require("@radix-ui/react-popover");
-var import_styled_components98 = __toESM(require("styled-components"));
+var import_styled_components98 = __toESM(require("styled-components"), 1);
 
 // src/private/helpers/getControls/getControlProps.tsx
 var import_type_guards56 = require("@wistia/type-guards");
@@ -15299,7 +15301,7 @@ var getControlProps = (isOpen, onOpenChange) => {
 
 // src/components/Popover/PopoverArrow.tsx
 var import_react_popover4 = require("@radix-ui/react-popover");
-var import_styled_components97 = __toESM(require("styled-components"));
+var import_styled_components97 = __toESM(require("styled-components"), 1);
 var import_jsx_runtime294 = require("react/jsx-runtime");
 var StyledPath = import_styled_components97.default.path`
   fill: var(--wui-color-border-secondary);
@@ -15448,7 +15450,7 @@ var Popover = ({
 Popover.displayName = "Popover_UI";
 
 // src/components/ProgressBar/ProgressBar.tsx
-var import_styled_components99 = __toESM(require("styled-components"));
+var import_styled_components99 = __toESM(require("styled-components"), 1);
 var import_react_progress = require("@radix-ui/react-progress");
 var import_type_guards57 = require("@wistia/type-guards");
 var import_jsx_runtime296 = require("react/jsx-runtime");
@@ -15531,7 +15533,7 @@ ProgressBar.displayName = "ProgressBar_UI";
 
 // src/components/Radio/Radio.tsx
 var import_react81 = require("react");
-var import_styled_components100 = __toESM(require("styled-components"));
+var import_styled_components100 = __toESM(require("styled-components"), 1);
 var import_type_guards58 = require("@wistia/type-guards");
 var import_jsx_runtime297 = require("react/jsx-runtime");
 var sizeSmall2 = import_styled_components100.css`
@@ -15684,7 +15686,7 @@ var import_react83 = require("react");
 
 // src/components/RadioCard/RadioCardRoot.tsx
 var import_react82 = require("react");
-var import_styled_components101 = __toESM(require("styled-components"));
+var import_styled_components101 = __toESM(require("styled-components"), 1);
 var import_type_guards59 = require("@wistia/type-guards");
 var import_jsx_runtime298 = require("react/jsx-runtime");
 var checkedStyles = import_styled_components101.css`
@@ -15845,11 +15847,11 @@ var RadioCardRoot = (0, import_react82.forwardRef)(
 RadioCardRoot.displayName = "RadioCardRoot_UI";
 
 // src/components/RadioCard/RadioCardDefaultLayout.tsx
-var import_styled_components103 = __toESM(require("styled-components"));
+var import_styled_components103 = __toESM(require("styled-components"), 1);
 var import_type_guards60 = require("@wistia/type-guards");
 
 // src/components/RadioCard/RadioCardIndicator.tsx
-var import_styled_components102 = __toESM(require("styled-components"));
+var import_styled_components102 = __toESM(require("styled-components"), 1);
 var RadioCardIndicator = import_styled_components102.default.div`
   --wui-radio-card-indicator-size: 14px;
   --wui-radio-card-indicator-background-color: var(--wui-color-bg-surface);
@@ -15947,7 +15949,7 @@ var RadioCardDefaultLayout = ({
 RadioCardDefaultLayout.displayName = "RadioCardDefaultLayout_UI";
 
 // src/components/RadioCard/RadioCardChildrenContainer.tsx
-var import_styled_components104 = __toESM(require("styled-components"));
+var import_styled_components104 = __toESM(require("styled-components"), 1);
 var RadioCardChildrenContainer = import_styled_components104.default.div`
   flex: 1 1 auto;
 `;
@@ -16007,7 +16009,7 @@ RadioCardImage.displayName = "RadioCardImage_UI";
 
 // src/components/ScrollArea/ScrollArea.tsx
 var import_react85 = require("react");
-var import_styled_components105 = __toESM(require("styled-components"));
+var import_styled_components105 = __toESM(require("styled-components"), 1);
 var import_throttle_debounce2 = require("throttle-debounce");
 var import_jsx_runtime302 = require("react/jsx-runtime");
 var SHADOW_SIZE_PX = 8;
@@ -16112,7 +16114,7 @@ ScrollArea.displayName = "ScrollArea_UI";
 
 // src/components/SegmentedControl/SegmentedControl.tsx
 var import_react88 = require("react");
-var import_styled_components107 = __toESM(require("styled-components"));
+var import_styled_components107 = __toESM(require("styled-components"), 1);
 var import_react_toggle_group3 = require("@radix-ui/react-toggle-group");
 var import_type_guards62 = require("@wistia/type-guards");
 
@@ -16150,7 +16152,7 @@ var useSelectedItemStyle = () => {
 };
 
 // src/components/SegmentedControl/SelectedItemIndicator.tsx
-var import_styled_components106 = __toESM(require("styled-components"));
+var import_styled_components106 = __toESM(require("styled-components"), 1);
 var import_type_guards61 = require("@wistia/type-guards");
 
 // src/components/SegmentedControl/useSegmentedControlValue.tsx
@@ -16249,7 +16251,7 @@ SegmentedControl.displayName = "SegmentedControl_UI";
 
 // src/components/SegmentedControl/SegmentedControlItem.tsx
 var import_react89 = require("react");
-var import_styled_components108 = __toESM(require("styled-components"));
+var import_styled_components108 = __toESM(require("styled-components"), 1);
 var import_react_toggle_group4 = require("@radix-ui/react-toggle-group");
 var import_type_guards63 = require("@wistia/type-guards");
 var import_jsx_runtime306 = require("react/jsx-runtime");
@@ -16384,7 +16386,7 @@ SegmentedControlItem.displayName = "SegmentedControlItem_UI";
 // src/components/Select/Select.tsx
 var import_react_select = require("@radix-ui/react-select");
 var import_react90 = require("react");
-var import_styled_components109 = __toESM(require("styled-components"));
+var import_styled_components109 = __toESM(require("styled-components"), 1);
 var import_jsx_runtime307 = require("react/jsx-runtime");
 var StyledTrigger2 = (0, import_styled_components109.default)(import_react_select.Trigger)`
   ${({ $colorScheme }) => getColorScheme($colorScheme)};
@@ -16498,7 +16500,7 @@ Select.displayName = "Select_UI";
 // src/components/Select/SelectOption.tsx
 var import_react_select2 = require("@radix-ui/react-select");
 var import_react91 = require("react");
-var import_styled_components110 = __toESM(require("styled-components"));
+var import_styled_components110 = __toESM(require("styled-components"), 1);
 var import_type_guards64 = require("@wistia/type-guards");
 var import_jsx_runtime308 = require("react/jsx-runtime");
 var StyledItem = (0, import_styled_components110.default)(import_react_select2.Item)`
@@ -16556,7 +16558,7 @@ SelectOption.displayName = "SelectOption_UI";
 
 // src/components/Select/SelectOptionGroup.tsx
 var import_react_select3 = require("@radix-ui/react-select");
-var import_styled_components111 = __toESM(require("styled-components"));
+var import_styled_components111 = __toESM(require("styled-components"), 1);
 var import_jsx_runtime309 = require("react/jsx-runtime");
 var StyledLabel4 = (0, import_styled_components111.default)(import_react_select3.Label)`
   padding: var(--wui-select-option-padding);
@@ -16577,7 +16579,7 @@ var SelectOptionGroup = ({ children, label, ...props }) => {
 
 // src/components/Slider/Slider.tsx
 var import_react_slider2 = require("@radix-ui/react-slider");
-var import_styled_components112 = __toESM(require("styled-components"));
+var import_styled_components112 = __toESM(require("styled-components"), 1);
 var import_type_guards65 = require("@wistia/type-guards");
 var import_jsx_runtime310 = require("react/jsx-runtime");
 var SliderContainer = import_styled_components112.default.div`
@@ -16703,7 +16705,7 @@ var Slider = ({
 Slider.displayName = "Slider_UI";
 
 // src/components/Table/Table.tsx
-var import_styled_components113 = __toESM(require("styled-components"));
+var import_styled_components113 = __toESM(require("styled-components"), 1);
 var import_jsx_runtime311 = require("react/jsx-runtime");
 var StyledTable = import_styled_components113.default.table`
   width: 100%;
@@ -16748,7 +16750,7 @@ var Table = ({
 
 // src/components/Table/TableBody.tsx
 var import_react93 = require("react");
-var import_styled_components114 = __toESM(require("styled-components"));
+var import_styled_components114 = __toESM(require("styled-components"), 1);
 
 // src/components/Table/TableSectionContext.ts
 var import_react92 = require("react");
@@ -16763,7 +16765,7 @@ var TableBody = ({ children, ...props }) => {
 
 // src/components/Table/TableCell.tsx
 var import_react94 = require("react");
-var import_styled_components115 = __toESM(require("styled-components"));
+var import_styled_components115 = __toESM(require("styled-components"), 1);
 var import_jsx_runtime313 = require("react/jsx-runtime");
 var sharedStyles = import_styled_components115.css`
   color: var(--wui-color-text);
@@ -16792,7 +16794,7 @@ var TableCell = ({ children, ...props }) => {
 
 // src/components/Table/TableFoot.tsx
 var import_react95 = require("react");
-var import_styled_components116 = __toESM(require("styled-components"));
+var import_styled_components116 = __toESM(require("styled-components"), 1);
 var import_jsx_runtime314 = require("react/jsx-runtime");
 var StyledTableFoot = import_styled_components116.default.tfoot``;
 var TableFoot = ({ children, ...props }) => {
@@ -16801,7 +16803,7 @@ var TableFoot = ({ children, ...props }) => {
 
 // src/components/Table/TableHead.tsx
 var import_react96 = require("react");
-var import_styled_components117 = __toESM(require("styled-components"));
+var import_styled_components117 = __toESM(require("styled-components"), 1);
 var import_jsx_runtime315 = require("react/jsx-runtime");
 var StyledThead = import_styled_components117.default.thead``;
 var TableHead = ({ children, ...props }) => {
@@ -16809,7 +16811,7 @@ var TableHead = ({ children, ...props }) => {
 };
 
 // src/components/Table/TableRow.tsx
-var import_styled_components118 = __toESM(require("styled-components"));
+var import_styled_components118 = __toESM(require("styled-components"), 1);
 var import_jsx_runtime316 = require("react/jsx-runtime");
 var StyledTableRow = import_styled_components118.default.tr``;
 var TableRow = ({ children, ...props }) => {
@@ -16876,13 +16878,13 @@ TabsContent.displayName = "TabsContent_UI";
 
 // src/components/Tabs/TabsList.tsx
 var import_react_tabs3 = require("@radix-ui/react-tabs");
-var import_styled_components120 = __toESM(require("styled-components"));
+var import_styled_components120 = __toESM(require("styled-components"), 1);
 
 // src/components/Tabs/SelectedTabIndicator.tsx
 var import_type_guards67 = require("@wistia/type-guards");
 
 // src/components/Tabs/TabsSelectedItemIndicatorDiv.tsx
-var import_styled_components119 = __toESM(require("styled-components"));
+var import_styled_components119 = __toESM(require("styled-components"), 1);
 var TabsSelectedItemIndicatorDiv = (0, import_styled_components119.default)(SelectedItemIndicatorDiv)`
   &:has(~ button[role='tab']:focus-visible) {
     outline: 2px solid var(--wui-color-focus-ring);
@@ -16931,7 +16933,7 @@ var import_react99 = require("react");
 var import_type_guards68 = require("@wistia/type-guards");
 
 // src/components/Tabs/StyledRadixTabsTrigger.tsx
-var import_styled_components121 = __toESM(require("styled-components"));
+var import_styled_components121 = __toESM(require("styled-components"), 1);
 var import_react_tabs4 = require("@radix-ui/react-tabs");
 var StyledRadixTabsTrigger = (0, import_styled_components121.default)(import_react_tabs4.Trigger)`
   ${segmentedControlItemStyles}
@@ -16994,7 +16996,7 @@ var TabsTrigger = (0, import_react99.forwardRef)(
 TabsTrigger.displayName = "TabsTrigger_UI";
 
 // src/components/Thumbnail/ThumbnailBadge.tsx
-var import_styled_components122 = __toESM(require("styled-components"));
+var import_styled_components122 = __toESM(require("styled-components"), 1);
 var import_type_guards69 = require("@wistia/type-guards");
 var import_jsx_runtime322 = require("react/jsx-runtime");
 var StyledThumbnailBadge = import_styled_components122.default.div`
@@ -17031,7 +17033,7 @@ ThumbnailBadge.displayName = "ThumbnailBadge_UI";
 
 // src/components/Thumbnail/Thumbnail.tsx
 var import_react100 = require("react");
-var import_styled_components125 = __toESM(require("styled-components"));
+var import_styled_components125 = __toESM(require("styled-components"), 1);
 var import_type_guards72 = require("@wistia/type-guards");
 
 // src/private/helpers/getBackgroundGradient/getBackgroundGradient.ts
@@ -17167,7 +17169,7 @@ var getBackgroundGradient = (gradientName = void 0) => {
 };
 
 // src/components/Thumbnail/ThumbnailStoryboardViewer.tsx
-var import_styled_components124 = __toESM(require("styled-components"));
+var import_styled_components124 = __toESM(require("styled-components"), 1);
 var import_type_guards71 = require("@wistia/type-guards");
 var import_jsx_runtime323 = require("react/jsx-runtime");
 var ScrubLine = import_styled_components124.default.div`
@@ -17481,8 +17483,8 @@ var Thumbnail = (0, import_react100.forwardRef)(
 Thumbnail.displayName = "Thumbnail_UI";
 
 // src/components/ThumbnailCollage/ThumbnailCollage.tsx
-var import_react101 = __toESM(require("react"));
-var import_styled_components126 = __toESM(require("styled-components"));
+var import_react101 = __toESM(require("react"), 1);
+var import_styled_components126 = __toESM(require("styled-components"), 1);
 var import_type_guards73 = require("@wistia/type-guards");
 var import_jsx_runtime325 = (
   // ThumbnailCollage will fallback to a Thumbnail with a gradient background if no children are provided
@@ -17590,7 +17592,7 @@ var ThumbnailCollage = ({
 };
 
 // src/components/WistiaLogo/WistiaLogo.tsx
-var import_styled_components127 = __toESM(require("styled-components"));
+var import_styled_components127 = __toESM(require("styled-components"), 1);
 var import_type_guards74 = require("@wistia/type-guards");
 var import_jsx_runtime326 = require("react/jsx-runtime");
 var renderBrandmark = (brandmarkColor, iconOnly) => {