styled-components 6.3.10-prerelease.0 → 6.3.11

package/dist/styled-components.js

@@ -10,14 +10,9 @@
         'data-styled';
     var SC_ATTR_ACTIVE = 'active';
     var SC_ATTR_VERSION = 'data-styled-version';
-    var SC_VERSION = "6.3.10-prerelease.0";
+    var SC_VERSION = "6.3.11";
     var SPLITTER = '/*!sc*/\n';
     var IS_BROWSER = typeof window !== 'undefined' && typeof document !== 'undefined';
-    /**
-     * Detect if we're running in a React Server Component environment.
-     * RSC environments lack createContext, making this a reliable indicator.
-     */
-    var IS_RSC = typeof React.createContext === 'undefined';
     var DISABLE_SPEEDY = Boolean(typeof SC_DISABLE_SPEEDY === 'boolean'
         ? SC_DISABLE_SPEEDY
         : typeof process !== 'undefined' &&
@@ -1037,38 +1032,18 @@
         stylis: mainStylis,
     };
     // Create context only if createContext is available, otherwise create a fallback
-    var StyleSheetContext = !IS_RSC
-        ? React.createContext(defaultContextValue)
-        : {
-            Provider: function (_a) {
-                var children = _a.children;
-                return children;
-            },
-            Consumer: function (_a) {
-                var children = _a.children;
-                return children(defaultContextValue);
-            },
-        };
+    var StyleSheetContext = React.createContext(defaultContextValue)
+        ;
     var StyleSheetConsumer = StyleSheetContext.Consumer;
-    var StylisContext = !IS_RSC
-        ? React.createContext(undefined)
-        : {
-            Provider: function (_a) {
-                var children = _a.children;
-                return children;
-            },
-            Consumer: function (_a) {
-                var children = _a.children;
-                return children(undefined);
-            },
-        };
+    var StylisContext = React.createContext(undefined)
+        ;
     function useStyleSheetContext() {
         // Skip useContext if we're in an RSC environment without context support
-        return !IS_RSC ? React.useContext(StyleSheetContext) : defaultContextValue;
+        return React.useContext(StyleSheetContext) ;
     }
     function StyleSheetManager(props) {
         // In RSC environments without context support, StyleSheetManager becomes a no-op
-        if (IS_RSC || !React.useMemo) {
+        if (!React.useMemo) {
             return props.children;
         }
         var styleSheet = useStyleSheetContext().styleSheet;
@@ -1394,18 +1369,8 @@
     }());
 
     // Create context only if createContext is available, otherwise create a fallback
-    var ThemeContext = !IS_RSC
-        ? React.createContext(undefined)
-        : {
-            Provider: function (_a) {
-                var children = _a.children;
-                return children;
-            },
-            Consumer: function (_a) {
-                var children = _a.children;
-                return children(undefined);
-            },
-        };
+    var ThemeContext = React.createContext(undefined)
+        ;
     var ThemeConsumer = ThemeContext.Consumer;
     function mergeTheme(theme, outerTheme) {
         if (!theme) {
@@ -1433,7 +1398,7 @@
      */
     function useTheme() {
         // Skip useContext if we're in an RSC environment without context support
-        var theme = !IS_RSC ? React.useContext(ThemeContext) : undefined;
+        var theme = React.useContext(ThemeContext) ;
         if (!theme) {
             throw throwStyledComponentsError(18);
         }
@@ -1443,10 +1408,6 @@
      * Provide a theme to an entire react component tree via context
      */
     function ThemeProvider(props) {
-        // In RSC environments without context support, ThemeProvider becomes a no-op
-        if (IS_RSC) {
-            return props.children;
-        }
         var outerTheme = React.useContext(ThemeContext);
         var themeContext = React.useMemo(function () { return mergeTheme(props.theme, outerTheme); }, [props.theme, outerTheme]);
         if (!props.children) {
@@ -1459,12 +1420,6 @@
     var seen = new Set();
     var checkDynamicCreation = function (displayName, componentId) {
         {
-            // Skip check in RSC environments where:
-            // 1. Components are always module-level (can't be in render functions)
-            // 2. Hook detection is unreliable due to different module evaluation context
-            if (IS_RSC) {
-                return;
-            }
             var parsedIdString = componentId ? " with the id of \"".concat(componentId, "\"") : '';
             var message_1 = "The component ".concat(displayName).concat(parsedIdString, " has been created dynamically.\n") +
                 "You may see this warning because you've called styled inside another component.\n" +
@@ -1593,7 +1548,7 @@
         var instanceMap = new WeakMap();
         var GlobalStyleComponent = function (props) {
             var ssc = useStyleSheetContext();
-            var theme = !IS_RSC ? React.useContext(ThemeContext) : undefined;
+            var theme = React.useContext(ThemeContext) ;
             // Get or create instance ID for this stylesheet
             var instance = instanceMap.get(ssc.styleSheet);
             if (instance === undefined) {
@@ -1614,7 +1569,7 @@
             }
             // Client-side lifecycle: render styles in effect and clean up on unmount.
             // false and IS_RSC are build/module-level constants, so this doesn't violate rules of hooks.
-            if (!IS_RSC) {
+            {
                 React.useLayoutEffect(function () {
                     // Re-render styles on every effect run to self-heal after any cleanup
                     // (e.g. StrictMode's simulated unmount/remount, error recovery).
@@ -1629,22 +1584,6 @@
                     };
                 }, [instance, props, ssc.styleSheet, theme, ssc.stylis]);
             }
-            // RSC mode: output style tag.
-            // Unlike regular styled components, global styles must NOT use React 19's
-            // `precedence` attribute because it makes style tags persist as permanent
-            // resources even after unmount. Global styles need lifecycle-based cleanup
-            // for conditional rendering (e.g. body lock on modal open/close).
-            if (IS_RSC) {
-                var id = styledComponentId + instance;
-                var css_1 = typeof window === 'undefined' ? ssc.styleSheet.getTag().getGroup(getGroupForId(id)) : '';
-                if (css_1) {
-                    return React.createElement('style', {
-                        key: "".concat(styledComponentId, "-").concat(instance),
-                        'data-styled-global': styledComponentId,
-                        children: css_1,
-                    });
-                }
-            }
             return null;
         };
         function renderStyles(instance, props, styleSheet, theme, stylis) {
@@ -1781,7 +1720,7 @@
 
     function withTheme(Component) {
         var WithTheme = React.forwardRef(function (props, ref) {
-            var theme = !IS_RSC ? React.useContext(ThemeContext) : undefined;
+            var theme = React.useContext(ThemeContext) ;
             var themeProp = determineTheme(props, theme, Component.defaultProps);
             if (themeProp === undefined) {
                 console.warn("[withTheme] You are not using a ThemeProvider nor passing a theme prop or a theme in defaultProps in component class \"".concat(getComponentName(Component), "\""));
@@ -2285,7 +2224,7 @@
     var seenUnknownProps = new Set();
     function useStyledComponentImpl(forwardedComponent, props, forwardedRef) {
         var componentAttrs = forwardedComponent.attrs, componentStyle = forwardedComponent.componentStyle, defaultProps = forwardedComponent.defaultProps, foldedComponentIds = forwardedComponent.foldedComponentIds, styledComponentId = forwardedComponent.styledComponentId, target = forwardedComponent.target;
-        var contextTheme = !IS_RSC ? React.useContext(ThemeContext) : undefined;
+        var contextTheme = React.useContext(ThemeContext) ;
         var ssc = useStyleSheetContext();
         var shouldForwardProp = forwardedComponent.shouldForwardProp || ssc.shouldForwardProp;
         if (React.useDebugValue) {
@@ -2294,7 +2233,7 @@
         // NOTE: the non-hooks version only subscribes to this when !componentStyle.isStatic,
         // but that'd be against the rules-of-hooks. We could be naughty and do it anyway as it
         // should be an immutable value, but behave for now.
-        var theme = determineTheme(props, contextTheme, defaultProps) || (IS_RSC ? undefined : EMPTY_OBJECT);
+        var theme = determineTheme(props, contextTheme, defaultProps) || (EMPTY_OBJECT);
         var context = resolveContext(componentAttrs, props, theme);
         var elementToBeCreated = context.as || target;
         var propsForElement = {};
@@ -2343,48 +2282,6 @@
             propsForElement.ref = forwardedRef;
         }
         var element = React.createElement(elementToBeCreated, propsForElement);
-        // RSC mode: emit a <style> tag per inheritance level so React 19 can
-        // deduplicate shared base styles across sibling components (#5663).
-        // Each tag's href includes registered names (CSS content hashes) so that
-        // dynamic prop variations produce distinct hrefs and aren't incorrectly deduped.
-        if (IS_RSC) {
-            var styleTags = [];
-            var cs = componentStyle;
-            var _loop_1 = function () {
-                var groupCss = ssc.styleSheet.getTag().getGroup(getGroupForId(cs.componentId));
-                if (groupCss) {
-                    // Build content-aware href from the registered names for this group.
-                    // Names are generated from CSS content hashes, so identical CSS always
-                    // produces the same href (enabling dedup) while different CSS produces
-                    // different hrefs (preventing incorrect dedup of dynamic variants).
-                    var nameKey_1 = '';
-                    var names = ssc.styleSheet.names.get(cs.componentId);
-                    if (names) {
-                        names.forEach(function (n) {
-                            if (nameKey_1)
-                                nameKey_1 += '_';
-                            nameKey_1 += n;
-                        });
-                    }
-                    styleTags.push(React.createElement('style', {
-                        key: "sc-".concat(cs.componentId),
-                        precedence: 'styled-components',
-                        href: "sc-".concat(cs.componentId, "-").concat(nameKey_1),
-                        children: groupCss,
-                    }));
-                }
-                cs = cs.baseStyle;
-            };
-            while (cs) {
-                _loop_1();
-            }
-            if (styleTags.length) {
-                // Reverse so base styles appear before extended styles in the document,
-                // matching GroupedTag's group ordering for correct CSS specificity.
-                styleTags.reverse();
-                return React.createElement.apply(React, __spreadArray(__spreadArray([React.Fragment, null], styleTags, false), [element], false));
-            }
-        }
         return element;
     }
     function createStyledComponent(target, options, rules) {