@wistia/ui 0.11.7-beta.6c047101.bf9c462 → 0.11.7

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.11.7-beta.6c047101.bf9c462
+ * @license @wistia/ui v0.11.7
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -2698,12 +2698,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"), 1);
+var import_styled_components16 = __toESM(require("styled-components"));
 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"), 1);
+var import_styled_components14 = __toESM(require("styled-components"));
 
 // src/css/lineClampCss.tsx
 var import_styled_components13 = require("styled-components");
@@ -2993,11 +2993,11 @@ var useToast = () => {
 
 // src/components/ActionButton/ActionButton.tsx
 var import_react24 = require("react");
-var import_styled_components22 = __toESM(require("styled-components"), 1);
+var import_styled_components22 = __toESM(require("styled-components"));
 
 // src/components/Button/Button.tsx
 var import_react23 = require("react");
-var import_styled_components21 = __toESM(require("styled-components"), 1);
+var import_styled_components21 = __toESM(require("styled-components"));
 var import_type_guards15 = require("@wistia/type-guards");
 
 // src/css/buttonResetCss.tsx
@@ -3202,7 +3202,7 @@ var buttonSizeStyles = {
 
 // src/components/Icon/Icon.tsx
 var import_type_guards13 = require("@wistia/type-guards");
-var import_styled_components19 = __toESM(require("styled-components"), 1);
+var import_styled_components19 = __toESM(require("styled-components"));
 
 // src/components/Icon/icons/AbTestIcon.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
@@ -7213,7 +7213,7 @@ Icon.displayName = "Icon";
 
 // src/components/Link/Link.tsx
 var import_react22 = require("react");
-var import_styled_components20 = __toESM(require("styled-components"), 1);
+var import_styled_components20 = __toESM(require("styled-components"));
 var import_react_router_dom = require("react-router-dom");
 var import_type_guards14 = require("@wistia/type-guards");
 var import_jsx_runtime196 = require("react/jsx-runtime");
@@ -7636,7 +7636,7 @@ ActionButton.displayName = "ActionButton";
 // 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"), 1);
+var import_styled_components25 = __toESM(require("styled-components"));
 
 // src/components/Avatar/formatNameForDisplay.tsx
 var import_type_guards16 = require("@wistia/type-guards");
@@ -7653,7 +7653,7 @@ var formatNameForDisplay = (name) => {
 };
 
 // src/components/Image/Image.tsx
-var import_styled_components23 = __toESM(require("styled-components"), 1);
+var import_styled_components23 = __toESM(require("styled-components"));
 var import_type_guards17 = require("@wistia/type-guards");
 var import_jsx_runtime199 = require("react/jsx-runtime");
 var getFillStyle = (fillContainer) => {
@@ -7706,7 +7706,7 @@ var Image = ({
 Image.displayName = "Image";
 
 // src/components/ColorSchemeWrapper/ColorSchemeWrapper.tsx
-var import_styled_components24 = __toESM(require("styled-components"), 1);
+var import_styled_components24 = __toESM(require("styled-components"));
 var import_jsx_runtime200 = require("react/jsx-runtime");
 var defaultColorSchemeOptions = ["default", "inherit"];
 var semanticColorSchemeOptions = ["error", "info", "success", "warning"];
@@ -7887,7 +7887,7 @@ Avatar.displayName = "Avatar";
 
 // src/components/Badge/Badge.tsx
 var import_react26 = require("react");
-var import_styled_components26 = __toESM(require("styled-components"), 1);
+var import_styled_components26 = __toESM(require("styled-components"));
 var import_type_guards19 = require("@wistia/type-guards");
 var import_jsx_runtime202 = require("react/jsx-runtime");
 var StyledBadge = import_styled_components26.default.div`
@@ -7938,12 +7938,12 @@ Badge.displayName = "Badge";
 
 // src/components/Banner/Banner.tsx
 var import_react31 = require("react");
-var import_styled_components32 = __toESM(require("styled-components"), 1);
+var import_styled_components32 = __toESM(require("styled-components"));
 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"), 1);
+var import_styled_components27 = __toESM(require("styled-components"));
 var import_type_guards20 = require("@wistia/type-guards");
 
 // src/private/helpers/makePolymorphic/makePolymorphic.tsx
@@ -8131,7 +8131,7 @@ var Box = makePolymorphic(BoxComponent);
 
 // src/components/Heading/Heading.tsx
 var import_react28 = require("react");
-var import_styled_components28 = __toESM(require("styled-components"), 1);
+var import_styled_components28 = __toESM(require("styled-components"));
 var import_type_guards21 = require("@wistia/type-guards");
 var import_jsx_runtime204 = require("react/jsx-runtime");
 var heroStyle = import_styled_components28.css`
@@ -8258,7 +8258,7 @@ var Heading = makePolymorphic(HeadingComponent);
 
 // src/components/Text/Text.tsx
 var import_react29 = require("react");
-var import_styled_components29 = __toESM(require("styled-components"), 1);
+var import_styled_components29 = __toESM(require("styled-components"));
 var import_type_guards22 = require("@wistia/type-guards");
 var import_jsx_runtime205 = require("react/jsx-runtime");
 var bodyBoldStyles = import_styled_components29.css`
@@ -8467,7 +8467,7 @@ TextComponent.displayName = "Text";
 var Text = makePolymorphic(TextComponent);
 
 // src/components/ButtonGroup/ButtonGroup.tsx
-var import_styled_components30 = __toESM(require("styled-components"), 1);
+var import_styled_components30 = __toESM(require("styled-components"));
 var import_type_guards23 = require("@wistia/type-guards");
 var import_jsx_runtime206 = require("react/jsx-runtime");
 var getAlignment = (align) => {
@@ -8547,7 +8547,7 @@ ButtonGroup.displayName = "ButtonGroup";
 
 // src/components/IconButton/IconButton.tsx
 var import_react30 = require("react");
-var import_styled_components31 = __toESM(require("styled-components"), 1);
+var import_styled_components31 = __toESM(require("styled-components"));
 var import_jsx_runtime207 = require("react/jsx-runtime");
 var StyledButton2 = (0, import_styled_components31.default)(Button)`
   --icon-button-size-sm: 24px;
@@ -8761,7 +8761,7 @@ Banner.displayName = "Banner";
 
 // src/components/Breadcrumbs/Breadcrumbs.tsx
 var import_react32 = require("react");
-var import_styled_components33 = __toESM(require("styled-components"), 1);
+var import_styled_components33 = __toESM(require("styled-components"));
 var import_jsx_runtime209 = require("react/jsx-runtime");
 var StyledBreadcrumbs = import_styled_components33.default.nav`
   display: flex;
@@ -8808,7 +8808,7 @@ var Breadcrumbs = ({ children, ...props }) => {
 Breadcrumbs.displayName = "Breadcrumbs";
 
 // src/components/Breadcrumbs/Breadcrumb.tsx
-var import_styled_components34 = __toESM(require("styled-components"), 1);
+var import_styled_components34 = __toESM(require("styled-components"));
 var import_jsx_runtime210 = require("react/jsx-runtime");
 var BreadcrumbContent = import_styled_components34.default.span`
   overflow: hidden;
@@ -8842,7 +8842,7 @@ var Breadcrumb = ({ icon, href, children, ...props }) => {
 };
 
 // src/components/Card/Card.tsx
-var import_styled_components35 = __toESM(require("styled-components"), 1);
+var import_styled_components35 = __toESM(require("styled-components"));
 var import_jsx_runtime211 = require("react/jsx-runtime");
 var StyledCard = (0, import_styled_components35.default)(Box)`
   ${({ $colorScheme }) => getColorScheme($colorScheme)};
@@ -8902,7 +8902,7 @@ Card.displayName = "Card";
 
 // src/components/Center/Center.tsx
 var import_react33 = require("react");
-var import_styled_components36 = __toESM(require("styled-components"), 1);
+var import_styled_components36 = __toESM(require("styled-components"));
 var import_jsx_runtime212 = require("react/jsx-runtime");
 var StyledCenter = import_styled_components36.default.div`
   box-sizing: border-box;
@@ -8933,15 +8933,15 @@ Center.displayName = "Center";
 
 // src/components/Checkbox/Checkbox.tsx
 var import_react38 = require("react");
-var import_styled_components43 = __toESM(require("styled-components"), 1);
+var import_styled_components43 = __toESM(require("styled-components"));
 var import_type_guards30 = require("@wistia/type-guards");
 
 // src/private/components/FormControlLabel/FormControlLabel.tsx
-var import_styled_components39 = __toESM(require("styled-components"), 1);
+var import_styled_components39 = __toESM(require("styled-components"));
 var import_type_guards27 = require("@wistia/type-guards");
 
 // src/private/components/FormControlLabel/FormControlLabelDescription.tsx
-var import_styled_components37 = __toESM(require("styled-components"), 1);
+var import_styled_components37 = __toESM(require("styled-components"));
 var import_type_guards25 = require("@wistia/type-guards");
 var import_jsx_runtime213 = require("react/jsx-runtime");
 var disabledStyle = import_styled_components37.css`
@@ -8977,7 +8977,7 @@ var FormControlLabelDescription = ({
 FormControlLabelDescription.displayName = "FormControlLabelDescription";
 
 // src/components/ScreenReaderOnly/ScreenReaderOnly.tsx
-var import_styled_components38 = __toESM(require("styled-components"), 1);
+var import_styled_components38 = __toESM(require("styled-components"));
 var import_type_guards26 = require("@wistia/type-guards");
 var import_jsx_runtime214 = require("react/jsx-runtime");
 var VisuallyHidden = import_styled_components38.default.div({ ...visuallyHiddenStyle });
@@ -9061,12 +9061,12 @@ var import_react37 = require("react");
 var import_type_guards29 = require("@wistia/type-guards");
 
 // src/components/FormGroup/FormGroup.tsx
-var import_styled_components41 = __toESM(require("styled-components"), 1);
+var import_styled_components41 = __toESM(require("styled-components"));
 var import_react35 = require("react");
 
 // src/components/Stack/Stack.tsx
 var import_react34 = require("react");
-var import_styled_components40 = __toESM(require("styled-components"), 1);
+var import_styled_components40 = __toESM(require("styled-components"));
 var import_jsx_runtime216 = require("react/jsx-runtime");
 var DEFAULT_ELEMENT4 = "div";
 var StyledStack = import_styled_components40.default.div`
@@ -9130,7 +9130,7 @@ FormGroup.displayName = "FormGroup";
 
 // src/components/Form/Form.tsx
 var import_react36 = require("react");
-var import_styled_components42 = __toESM(require("styled-components"), 1);
+var import_styled_components42 = __toESM(require("styled-components"));
 var import_type_guards28 = require("@wistia/type-guards");
 
 // src/components/Form/serializeFormData.tsx
@@ -9485,7 +9485,7 @@ ClickRegion.displayName = "ClickRegion";
 // src/components/Collapsible/Collapsible.tsx
 var import_react_collapsible = require("@radix-ui/react-collapsible");
 var import_type_guards31 = require("@wistia/type-guards");
-var import_styled_components44 = __toESM(require("styled-components"), 1);
+var import_styled_components44 = __toESM(require("styled-components"));
 var import_jsx_runtime221 = require("react/jsx-runtime");
 var StyledRoot = (0, import_styled_components44.default)(import_react_collapsible.Root)`
   &[data-state='closed'] [data-wui-collapsible-content] {
@@ -9510,7 +9510,7 @@ Collapsible.displayName = "Collapsible";
 // 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"), 1);
+var import_styled_components45 = __toESM(require("styled-components"));
 var import_jsx_runtime222 = require("react/jsx-runtime");
 var StyledTrigger = (0, import_styled_components45.default)(import_react_collapsible2.Trigger)`
   [data-wui-collapsible-icon] {
@@ -9561,7 +9561,7 @@ var CollapsibleTriggerIcon = ({ type, ...props }) => {
 CollapsibleTriggerIcon.displayName = "CollapsibleTriggerIcon";
 
 // src/components/Collapsible/CollapsibleContent.tsx
-var import_styled_components46 = __toESM(require("styled-components"), 1);
+var import_styled_components46 = __toESM(require("styled-components"));
 var import_react_collapsible3 = require("@radix-ui/react-collapsible");
 var import_type_guards32 = require("@wistia/type-guards");
 var import_jsx_runtime224 = require("react/jsx-runtime");
@@ -9586,14 +9586,14 @@ var CollapsibleContent = ({ clamp, children }) => {
 };
 
 // src/components/Combobox/Combobox.tsx
-var Ariakit = __toESM(require("@ariakit/react"), 1);
+var Ariakit = __toESM(require("@ariakit/react"));
 var import_react42 = require("react");
 var import_match_sorter = require("match-sorter");
-var import_styled_components49 = __toESM(require("styled-components"), 1);
+var import_styled_components49 = __toESM(require("styled-components"));
 
 // src/components/Tag/Tag.tsx
 var import_react41 = require("react");
-var import_styled_components47 = __toESM(require("styled-components"), 1);
+var import_styled_components47 = __toESM(require("styled-components"));
 var import_type_guards33 = require("@wistia/type-guards");
 var import_jsx_runtime225 = require("react/jsx-runtime");
 var TagLabel = import_styled_components47.default.a`
@@ -10021,7 +10021,7 @@ var Combobox2 = ({
 
 // src/components/DataCards/DataCard.tsx
 var import_react43 = require("react");
-var import_styled_components50 = __toESM(require("styled-components"), 1);
+var import_styled_components50 = __toESM(require("styled-components"));
 var import_type_guards34 = require("@wistia/type-guards");
 var import_jsx_runtime227 = require("react/jsx-runtime");
 var StyledDataCard = import_styled_components50.default.div`
@@ -10193,7 +10193,7 @@ var DataCard = (props) => {
 DataCard.displayName = "DataCard";
 
 // src/components/DataCards/DataCards.tsx
-var import_styled_components51 = __toESM(require("styled-components"), 1);
+var import_styled_components51 = __toESM(require("styled-components"));
 var import_jsx_runtime228 = require("react/jsx-runtime");
 var StyledDataCards = (0, import_styled_components51.default)(Box)`
   ${({ $colorScheme }) => getColorScheme($colorScheme)};
@@ -10227,7 +10227,7 @@ var DataCards = ({
 DataCards.displayName = "DataCards";
 
 // src/components/DataCards/DataCardTrend.tsx
-var import_styled_components52 = __toESM(require("styled-components"), 1);
+var import_styled_components52 = __toESM(require("styled-components"));
 var import_jsx_runtime229 = require("react/jsx-runtime");
 var StyledDataCardTrend = import_styled_components52.default.div`
   ${({ $outlook }) => getColorScheme($outlook === "positive" ? "success" : "error")};
@@ -10265,7 +10265,7 @@ var DataCardTrend = ({
 };
 
 // src/components/Divider/Divider.tsx
-var import_styled_components53 = __toESM(require("styled-components"), 1);
+var import_styled_components53 = __toESM(require("styled-components"));
 var import_jsx_runtime230 = require("react/jsx-runtime");
 var horizontalBorderCss = import_styled_components53.css`
   border-top-color: var(--wui-color-border);
@@ -10305,12 +10305,12 @@ var Divider = ({ orientation = "horizontal", ...props }) => {
 Divider.displayName = "Divider";
 
 // src/components/EditableHeading/EditableHeading.tsx
-var import_styled_components56 = __toESM(require("styled-components"), 1);
+var import_styled_components56 = __toESM(require("styled-components"));
 var import_react45 = require("react");
 
 // src/components/Tooltip/Tooltip.tsx
 var import_react_tooltip2 = require("@radix-ui/react-tooltip");
-var import_styled_components54 = __toESM(require("styled-components"), 1);
+var import_styled_components54 = __toESM(require("styled-components"));
 var import_jsx_runtime231 = require("react/jsx-runtime");
 var hide = import_styled_components54.keyframes`
   from {
@@ -10459,7 +10459,7 @@ Tooltip.displayName = "Tooltip";
 
 // src/components/Input/Input.tsx
 var import_react44 = require("react");
-var import_styled_components55 = __toESM(require("styled-components"), 1);
+var import_styled_components55 = __toESM(require("styled-components"));
 var import_type_guards35 = require("@wistia/type-guards");
 var import_jsx_runtime232 = require("react/jsx-runtime");
 var inputStyles = import_styled_components55.css`
@@ -10842,11 +10842,11 @@ var FormErrorSummary = ({ description }) => {
 
 // src/components/FormField/FormField.tsx
 var import_react48 = require("react");
-var import_styled_components58 = __toESM(require("styled-components"), 1);
+var import_styled_components58 = __toESM(require("styled-components"));
 var import_type_guards37 = require("@wistia/type-guards");
 
 // src/components/Label/Label.tsx
-var import_styled_components57 = __toESM(require("styled-components"), 1);
+var import_styled_components57 = __toESM(require("styled-components"));
 var import_jsx_runtime235 = require("react/jsx-runtime");
 var requiredStyle = import_styled_components57.css`
   &::after {
@@ -11091,7 +11091,7 @@ var RadioGroup = ({
 RadioGroup.displayName = "RadioGroup";
 
 // src/components/Grid/Grid.tsx
-var import_styled_components59 = __toESM(require("styled-components"), 1);
+var import_styled_components59 = __toESM(require("styled-components"));
 var import_type_guards38 = require("@wistia/type-guards");
 var import_jsx_runtime238 = require("react/jsx-runtime");
 var StyledGrid = import_styled_components59.default.div`
@@ -11161,7 +11161,7 @@ var Grid = ({
 Grid.displayName = "Grid";
 
 // src/components/InputClickToCopy/InputClickToCopy.tsx
-var import_styled_components60 = __toESM(require("styled-components"), 1);
+var import_styled_components60 = __toESM(require("styled-components"));
 var import_react50 = require("react");
 var import_type_guards39 = require("@wistia/type-guards");
 var import_jsx_runtime239 = require("react/jsx-runtime");
@@ -11225,7 +11225,7 @@ var InputClickToCopy = (0, import_react50.forwardRef)(
 InputClickToCopy.displayName = "InputClickToCopy";
 
 // src/components/KeyboardShortcut/KeyboardShortcut.tsx
-var import_styled_components61 = __toESM(require("styled-components"), 1);
+var import_styled_components61 = __toESM(require("styled-components"));
 var import_type_guards40 = require("@wistia/type-guards");
 var import_jsx_runtime240 = require("react/jsx-runtime");
 var StyledKeyboardShortcut = import_styled_components61.default.div`
@@ -11335,10 +11335,10 @@ KeyboardShortcut.displayName = "KeyboardShortcut";
 
 // src/components/List/List.tsx
 var import_type_guards42 = require("@wistia/type-guards");
-var import_styled_components63 = __toESM(require("styled-components"), 1);
+var import_styled_components63 = __toESM(require("styled-components"));
 
 // src/components/List/ListItem.tsx
-var import_styled_components62 = __toESM(require("styled-components"), 1);
+var import_styled_components62 = __toESM(require("styled-components"));
 var import_type_guards41 = require("@wistia/type-guards");
 var import_jsx_runtime241 = require("react/jsx-runtime");
 var ListItemComponent = import_styled_components62.default.li`
@@ -11493,7 +11493,7 @@ List.displayName = "List";
 
 // src/components/Menu/Menu.tsx
 var import_react52 = require("react");
-var import_styled_components64 = __toESM(require("styled-components"), 1);
+var import_styled_components64 = __toESM(require("styled-components"));
 var import_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");
 var import_type_guards43 = require("@wistia/type-guards");
 
@@ -11657,7 +11657,7 @@ Menu.displayName = "Menu";
 Menu.displayName = "Menu";
 
 // src/components/Menu/MenuLabel.tsx
-var import_styled_components65 = __toESM(require("styled-components"), 1);
+var import_styled_components65 = __toESM(require("styled-components"));
 var import_react_dropdown_menu2 = require("@radix-ui/react-dropdown-menu");
 var import_jsx_runtime244 = require("react/jsx-runtime");
 var StyledMenuLabel = (0, import_styled_components65.default)(import_react_dropdown_menu2.DropdownMenuLabel)`
@@ -11685,13 +11685,13 @@ MenuLabel.displayName = "MenuLabel";
 
 // src/components/Menu/SubMenu.tsx
 var import_react54 = require("react");
-var import_styled_components68 = __toESM(require("styled-components"), 1);
+var import_styled_components68 = __toESM(require("styled-components"));
 var import_react_dropdown_menu3 = require("@radix-ui/react-dropdown-menu");
 var import_type_guards45 = require("@wistia/type-guards");
 
 // src/components/Menu/MenuItemButton.tsx
 var import_react53 = require("react");
-var import_styled_components66 = __toESM(require("styled-components"), 1);
+var import_styled_components66 = __toESM(require("styled-components"));
 var import_type_guards44 = require("@wistia/type-guards");
 var import_jsx_runtime245 = require("react/jsx-runtime");
 var StyledButton3 = (0, import_styled_components66.default)(Button)`
@@ -11809,7 +11809,7 @@ var MenuItemButton = (0, import_react53.forwardRef)(({ children, appearance, com
 MenuItemButton.displayName = "MenuItemButton";
 
 // src/components/Menu/MenuItemLabelDescription.tsx
-var import_styled_components67 = __toESM(require("styled-components"), 1);
+var import_styled_components67 = __toESM(require("styled-components"));
 var import_jsx_runtime246 = require("react/jsx-runtime");
 var StyledMenuItemLabel = import_styled_components67.default.span``;
 var StyledMenuItemDescription = (0, import_styled_components67.default)(Text)``;
@@ -12144,16 +12144,16 @@ FilterMenu.displayName = "FilterMenu";
 
 // src/components/Modal/Modal.tsx
 var import_react59 = require("react");
-var import_styled_components73 = __toESM(require("styled-components"), 1);
+var import_styled_components73 = __toESM(require("styled-components"));
 var import_react_dialog5 = require("@radix-ui/react-dialog");
 var import_type_guards48 = require("@wistia/type-guards");
 
 // src/components/Modal/ModalHeader.tsx
-var import_styled_components70 = __toESM(require("styled-components"), 1);
+var import_styled_components70 = __toESM(require("styled-components"));
 var import_react_dialog2 = require("@radix-ui/react-dialog");
 
 // src/components/Modal/ModalCloseButton.tsx
-var import_styled_components69 = __toESM(require("styled-components"), 1);
+var import_styled_components69 = __toESM(require("styled-components"));
 var import_react_dialog = require("@radix-ui/react-dialog");
 var import_jsx_runtime253 = require("react/jsx-runtime");
 var CloseButton = (0, import_styled_components69.default)(import_react_dialog.Close)`
@@ -12204,7 +12204,7 @@ var ModalHeader = ({
 
 // src/components/Modal/ModalContent.tsx
 var import_react58 = require("react");
-var import_styled_components71 = __toESM(require("styled-components"), 1);
+var import_styled_components71 = __toESM(require("styled-components"));
 var import_react_dialog3 = require("@radix-ui/react-dialog");
 
 // src/private/hooks/useFocusRestore/useFocusRestore.ts
@@ -12372,7 +12372,7 @@ var ModalContent = (0, import_react58.forwardRef)(
 
 // src/components/Modal/ModalOverlay.tsx
 var import_react_dialog4 = require("@radix-ui/react-dialog");
-var import_styled_components72 = __toESM(require("styled-components"), 1);
+var import_styled_components72 = __toESM(require("styled-components"));
 var backdropShow = import_styled_components72.keyframes`
   from {
     opacity: 0;
@@ -12473,7 +12473,7 @@ Modal.displayName = "Modal";
 
 // src/components/Popover/Popover.tsx
 var import_react_popover2 = require("@radix-ui/react-popover");
-var import_styled_components75 = __toESM(require("styled-components"), 1);
+var import_styled_components75 = __toESM(require("styled-components"));
 
 // src/private/helpers/getControls/getControlProps.tsx
 var import_type_guards49 = require("@wistia/type-guards");
@@ -12483,7 +12483,7 @@ var getControlProps = (isOpen, onOpenChange) => {
 
 // src/components/Popover/PopoverArrow.tsx
 var import_react_popover = require("@radix-ui/react-popover");
-var import_styled_components74 = __toESM(require("styled-components"), 1);
+var import_styled_components74 = __toESM(require("styled-components"));
 var import_jsx_runtime257 = require("react/jsx-runtime");
 var StyledPath = import_styled_components74.default.path`
   fill: var(--wui-color-border-secondary);
@@ -12631,7 +12631,7 @@ var Popover2 = ({
 Popover2.displayName = "Popover";
 
 // src/components/ProgressBar/ProgressBar.tsx
-var import_styled_components76 = __toESM(require("styled-components"), 1);
+var import_styled_components76 = __toESM(require("styled-components"));
 var import_react_progress = require("@radix-ui/react-progress");
 var import_type_guards50 = require("@wistia/type-guards");
 var import_jsx_runtime259 = require("react/jsx-runtime");
@@ -12711,7 +12711,7 @@ ProgressBar.displayName = "ProgressBar";
 
 // src/components/Radio/Radio.tsx
 var import_react60 = require("react");
-var import_styled_components77 = __toESM(require("styled-components"), 1);
+var import_styled_components77 = __toESM(require("styled-components"));
 var import_type_guards51 = require("@wistia/type-guards");
 var import_jsx_runtime260 = require("react/jsx-runtime");
 var RadioIcon = () => /* @__PURE__ */ (0, import_jsx_runtime260.jsx)(
@@ -12886,7 +12886,7 @@ Radio.displayName = "Radio";
 
 // src/components/SegmentedControl/SegmentedControl.tsx
 var import_react63 = require("react");
-var import_styled_components79 = __toESM(require("styled-components"), 1);
+var import_styled_components79 = __toESM(require("styled-components"));
 var import_react_toggle_group = require("@radix-ui/react-toggle-group");
 var import_type_guards53 = require("@wistia/type-guards");
 
@@ -12924,7 +12924,7 @@ var useSelectedItemStyle = () => {
 };
 
 // src/components/SegmentedControl/SelectedItemIndicator.tsx
-var import_styled_components78 = __toESM(require("styled-components"), 1);
+var import_styled_components78 = __toESM(require("styled-components"));
 var import_type_guards52 = require("@wistia/type-guards");
 
 // src/components/SegmentedControl/useSegmentedControlValue.tsx
@@ -13023,7 +13023,7 @@ SegmentedControl.displayName = "SegmentedControl";
 
 // src/components/SegmentedControl/SegmentedControlItem.tsx
 var import_react64 = require("react");
-var import_styled_components80 = __toESM(require("styled-components"), 1);
+var import_styled_components80 = __toESM(require("styled-components"));
 var import_react_toggle_group2 = require("@radix-ui/react-toggle-group");
 var import_type_guards54 = require("@wistia/type-guards");
 var import_jsx_runtime264 = require("react/jsx-runtime");
@@ -13158,7 +13158,7 @@ SegmentedControlItem.displayName = "SegmentedControlItem";
 // src/components/Select/Select.tsx
 var import_react_select = require("@radix-ui/react-select");
 var import_react65 = require("react");
-var import_styled_components81 = __toESM(require("styled-components"), 1);
+var import_styled_components81 = __toESM(require("styled-components"));
 var import_jsx_runtime265 = require("react/jsx-runtime");
 var StyledTrigger2 = (0, import_styled_components81.default)(import_react_select.Trigger)`
   ${({ $colorScheme }) => getColorScheme($colorScheme)};
@@ -13272,7 +13272,7 @@ Select.displayName = "Select";
 // src/components/Select/SelectOption.tsx
 var import_react_select2 = require("@radix-ui/react-select");
 var import_react66 = require("react");
-var import_styled_components82 = __toESM(require("styled-components"), 1);
+var import_styled_components82 = __toESM(require("styled-components"));
 var import_type_guards55 = require("@wistia/type-guards");
 var import_jsx_runtime266 = require("react/jsx-runtime");
 var StyledItem = (0, import_styled_components82.default)(import_react_select2.Item)`
@@ -13330,7 +13330,7 @@ SelectOption.displayName = "SelectOption";
 
 // src/components/Select/SelectOptionGroup.tsx
 var import_react_select3 = require("@radix-ui/react-select");
-var import_styled_components83 = __toESM(require("styled-components"), 1);
+var import_styled_components83 = __toESM(require("styled-components"));
 var import_jsx_runtime267 = require("react/jsx-runtime");
 var StyledLabel4 = (0, import_styled_components83.default)(import_react_select3.Label)`
   padding: var(--wui-select-option-padding);
@@ -13351,7 +13351,7 @@ var SelectOptionGroup = ({ children, label, ...props }) => {
 
 // src/components/Slider/Slider.tsx
 var import_react_slider = require("@radix-ui/react-slider");
-var import_styled_components84 = __toESM(require("styled-components"), 1);
+var import_styled_components84 = __toESM(require("styled-components"));
 var import_type_guards56 = require("@wistia/type-guards");
 var import_jsx_runtime268 = require("react/jsx-runtime");
 var SliderContainer = import_styled_components84.default.div`
@@ -13478,7 +13478,7 @@ Slider.displayName = "Slider";
 
 // src/components/Switch/Switch.tsx
 var import_react67 = require("react");
-var import_styled_components85 = __toESM(require("styled-components"), 1);
+var import_styled_components85 = __toESM(require("styled-components"));
 var import_type_guards57 = require("@wistia/type-guards");
 var import_jsx_runtime269 = require("react/jsx-runtime");
 var sizeSmall3 = import_styled_components85.css`
@@ -13642,7 +13642,7 @@ var Switch = (0, import_react67.forwardRef)(
 Switch.displayName = "Switch";
 
 // src/components/Table/Table.tsx
-var import_styled_components86 = __toESM(require("styled-components"), 1);
+var import_styled_components86 = __toESM(require("styled-components"));
 var import_jsx_runtime270 = require("react/jsx-runtime");
 var StyledTable = import_styled_components86.default.table`
   width: 100%;
@@ -13686,7 +13686,7 @@ var Table = ({
 };
 
 // src/components/Table/TableBody.tsx
-var import_styled_components87 = __toESM(require("styled-components"), 1);
+var import_styled_components87 = __toESM(require("styled-components"));
 
 // src/components/Table/TableSectionContext.ts
 var import_react68 = require("react");
@@ -13701,7 +13701,7 @@ var TableBody = ({ children, ...props }) => {
 
 // src/components/Table/TableCell.tsx
 var import_react69 = require("react");
-var import_styled_components88 = __toESM(require("styled-components"), 1);
+var import_styled_components88 = __toESM(require("styled-components"));
 var import_jsx_runtime272 = require("react/jsx-runtime");
 var sharedStyles = import_styled_components88.css`
   color: var(--wui-color-text);
@@ -13729,7 +13729,7 @@ var TableCell = ({ children, ...props }) => {
 };
 
 // src/components/Table/TableFoot.tsx
-var import_styled_components89 = __toESM(require("styled-components"), 1);
+var import_styled_components89 = __toESM(require("styled-components"));
 var import_jsx_runtime273 = require("react/jsx-runtime");
 var StyledTableFoot = import_styled_components89.default.tfoot``;
 var TableFoot = ({ children, ...props }) => {
@@ -13737,7 +13737,7 @@ var TableFoot = ({ children, ...props }) => {
 };
 
 // src/components/Table/TableHead.tsx
-var import_styled_components90 = __toESM(require("styled-components"), 1);
+var import_styled_components90 = __toESM(require("styled-components"));
 var import_jsx_runtime274 = require("react/jsx-runtime");
 var StyledThead = import_styled_components90.default.thead``;
 var TableHead = ({ children, ...props }) => {
@@ -13745,7 +13745,7 @@ var TableHead = ({ children, ...props }) => {
 };
 
 // src/components/Table/TableRow.tsx
-var import_styled_components91 = __toESM(require("styled-components"), 1);
+var import_styled_components91 = __toESM(require("styled-components"));
 var import_jsx_runtime275 = require("react/jsx-runtime");
 var StyledTableRow = import_styled_components91.default.tr``;
 var TableRow = ({ children, ...props }) => {
@@ -13812,13 +13812,13 @@ TabsContent.displayName = "TabsContent";
 
 // src/components/Tabs/TabsList.tsx
 var import_react_tabs3 = require("@radix-ui/react-tabs");
-var import_styled_components93 = __toESM(require("styled-components"), 1);
+var import_styled_components93 = __toESM(require("styled-components"));
 
 // src/components/Tabs/SelectedTabIndicator.tsx
 var import_type_guards59 = require("@wistia/type-guards");
 
 // src/components/Tabs/TabsSelectedItemIndicatorDiv.tsx
-var import_styled_components92 = __toESM(require("styled-components"), 1);
+var import_styled_components92 = __toESM(require("styled-components"));
 var TabsSelectedItemIndicatorDiv = (0, import_styled_components92.default)(SelectedItemIndicatorDiv)`
   &:has(~ button[role='tab']:focus-visible) {
     outline: 2px solid var(--wui-color-focus-ring);
@@ -13867,7 +13867,7 @@ var import_react72 = require("react");
 var import_type_guards60 = require("@wistia/type-guards");
 
 // src/components/Tabs/StyledRadixTabsTrigger.tsx
-var import_styled_components94 = __toESM(require("styled-components"), 1);
+var import_styled_components94 = __toESM(require("styled-components"));
 var import_react_tabs4 = require("@radix-ui/react-tabs");
 var StyledRadixTabsTrigger = (0, import_styled_components94.default)(import_react_tabs4.Trigger)`
   ${segmentedControlItemStyles}
@@ -13930,7 +13930,7 @@ var TabsTrigger = (0, import_react72.forwardRef)(
 TabsTrigger.displayName = "TabsTrigger";
 
 // src/components/Thumbnail/ThumbnailBadge.tsx
-var import_styled_components95 = __toESM(require("styled-components"), 1);
+var import_styled_components95 = __toESM(require("styled-components"));
 var import_type_guards61 = require("@wistia/type-guards");
 var import_jsx_runtime281 = require("react/jsx-runtime");
 var StyledThumbnailBadge = import_styled_components95.default.div`
@@ -13967,7 +13967,7 @@ ThumbnailBadge.displayName = "ThumbnailBadge";
 
 // src/components/Thumbnail/Thumbnail.tsx
 var import_react73 = require("react");
-var import_styled_components98 = __toESM(require("styled-components"), 1);
+var import_styled_components98 = __toESM(require("styled-components"));
 var import_type_guards64 = require("@wistia/type-guards");
 
 // src/private/helpers/getBackgroundGradient/getBackgroundGradient.ts
@@ -14103,7 +14103,7 @@ var getBackgroundGradient = (gradientName = void 0) => {
 };
 
 // src/components/Thumbnail/ThumbnailStoryboardViewer.tsx
-var import_styled_components97 = __toESM(require("styled-components"), 1);
+var import_styled_components97 = __toESM(require("styled-components"));
 var import_type_guards63 = require("@wistia/type-guards");
 var import_jsx_runtime282 = require("react/jsx-runtime");
 var ScrubLine = import_styled_components97.default.div`
@@ -14409,8 +14409,8 @@ var Thumbnail = (0, import_react73.forwardRef)(
 Thumbnail.displayName = "Thumbnail";
 
 // src/components/ThumbnailCollage/ThumbnailCollage.tsx
-var import_react74 = __toESM(require("react"), 1);
-var import_styled_components99 = __toESM(require("styled-components"), 1);
+var import_react74 = __toESM(require("react"));
+var import_styled_components99 = __toESM(require("styled-components"));
 var import_type_guards65 = require("@wistia/type-guards");
 var import_jsx_runtime284 = (
   // ThumbnailCollage will fallback to a Thumbnail with a gradient background if no children are provided
@@ -14518,7 +14518,7 @@ var ThumbnailCollage = ({
 };
 
 // src/components/WistiaLogo/WistiaLogo.tsx
-var import_styled_components100 = __toESM(require("styled-components"), 1);
+var import_styled_components100 = __toESM(require("styled-components"));
 var import_type_guards66 = require("@wistia/type-guards");
 var import_jsx_runtime285 = require("react/jsx-runtime");
 var renderBrandmark = (brandmarkColor, iconOnly) => {
@@ -14643,7 +14643,7 @@ var WistiaLogo = ({
 WistiaLogo.displayName = "WistiaLogo";
 
 // src/components/InputPassword/InputPassword.tsx
-var import_styled_components101 = __toESM(require("styled-components"), 1);
+var import_styled_components101 = __toESM(require("styled-components"));
 var import_react75 = require("react");
 var import_type_guards67 = require("@wistia/type-guards");
 var import_jsx_runtime286 = require("react/jsx-runtime");

package/dist/index.mjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.11.7-beta.6c047101.bf9c462
+ * @license @wistia/ui v0.11.7
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@wistia/ui",
-  "version": "0.11.7-beta.6c047101.bf9c462",
+  "version": "0.11.7",
   "description": "Wistia UI React component library",
-  "type": "module",
+  "type": "commonjs",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",