styled-components 6.1.19 → 6.2.1-prerelease.0

package/dist/styled-components.js

@@ -10,9 +10,14 @@
         'data-styled';
     var SC_ATTR_ACTIVE = 'active';
     var SC_ATTR_VERSION = 'data-styled-version';
-    var SC_VERSION = "6.1.19";
+    var SC_VERSION = "6.2.1-prerelease.0";
     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' &&
@@ -568,54 +573,7 @@
         return StyleSheet;
     }());
 
-    //
-
-    var shallowequal = function shallowEqual(objA, objB, compare, compareContext) {
-      var ret = compare ? compare.call(compareContext, objA, objB) : void 0;
-
-      if (ret !== void 0) {
-        return !!ret;
-      }
-
-      if (objA === objB) {
-        return true;
-      }
-
-      if (typeof objA !== "object" || !objA || typeof objB !== "object" || !objB) {
-        return false;
-      }
-
-      var keysA = Object.keys(objA);
-      var keysB = Object.keys(objB);
-
-      if (keysA.length !== keysB.length) {
-        return false;
-      }
-
-      var bHasOwnProperty = Object.prototype.hasOwnProperty.bind(objB);
-
-      // Test for A's keys different from B.
-      for (var idx = 0; idx < keysA.length; idx++) {
-        var key = keysA[idx];
-
-        if (!bHasOwnProperty(key)) {
-          return false;
-        }
-
-        var valueA = objA[key];
-        var valueB = objB[key];
-
-        ret = compare ? compare.call(compareContext, valueA, valueB, key) : void 0;
-
-        if (ret === false || (ret === void 0 && valueA !== valueB)) {
-          return false;
-        }
-      }
-
-      return true;
-    };
-
-    var e="-ms-";var r="-moz-";var a="-webkit-";var n="comm";var c="rule";var s="decl";var i="@import";var h="@keyframes";var g="@layer";var $=Math.abs;var m=String.fromCharCode;var x=Object.assign;function y(e,r){return A(e,0)^45?(((r<<2^A(e,0))<<2^A(e,1))<<2^A(e,2))<<2^A(e,3):0}function j(e){return e.trim()}function z(e,r){return (e=r.exec(e))?e[0]:e}function C(e,r,a){return e.replace(r,a)}function O(e,r,a){return e.indexOf(r,a)}function A(e,r){return e.charCodeAt(r)|0}function M(e,r,a){return e.slice(r,a)}function S(e){return e.length}function q(e){return e.length}function B(e,r){return r.push(e),e}function D(e,r){return e.map(r).join("")}function E(e,r){return e.filter((function(e){return !z(e,r)}))}var F=1;var G=1;var H=0;var I=0;var J=0;var K="";function L(e,r,a,n,c,s,t,u){return {value:e,root:r,parent:a,type:n,props:c,children:s,line:F,column:G,length:t,return:"",siblings:u}}function N(e,r){return x(L("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},r)}function P(e){while(e.root)e=N(e.root,{children:[e]});B(e,e.siblings);}function Q(){return J}function R(){J=I>0?A(K,--I):0;if(G--,J===10)G=1,F--;return J}function T(){J=I<H?A(K,I++):0;if(G++,J===10)G=1,F++;return J}function U(){return A(K,I)}function V(){return I}function W(e,r){return M(K,e,r)}function X(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function Y(e){return F=G=1,H=S(K=e),I=0,[]}function Z(e){return K="",e}function _(e){return j(W(I-1,ce(e===91?e+2:e===40?e+1:e)))}function re(e){while(J=U())if(J<33)T();else break;return X(e)>2||X(J)>3?"":" "}function ne(e,r){while(--r&&T())if(J<48||J>102||J>57&&J<65||J>70&&J<97)break;return W(e,V()+(r<6&&U()==32&&T()==32))}function ce(e){while(T())switch(J){case e:return I;case 34:case 39:if(e!==34&&e!==39)ce(J);break;case 40:if(e===41)ce(e);break;case 92:T();break}return I}function se(e,r){while(T())if(e+J===47+10)break;else if(e+J===42+42&&U()===47)break;return "/*"+W(r,I-1)+"*"+m(e===47?e:T())}function te(e){while(!X(U()))T();return W(e,I)}function ue(e){return Z(ie("",null,null,null,[""],e=Y(e),0,[0],e))}function ie(e,r,a,n,c,s,t,u,i){var f=0;var o=0;var l=t;var v=0;var p=0;var h=0;var b=1;var w=1;var d=1;var g=0;var k="";var x=c;var y=s;var j=n;var z=k;while(w)switch(h=g,g=T()){case 40:if(h!=108&&A(z,l-1)==58){if(O(z+=C(_(g),"&","&\f"),"&\f",$(f?u[f-1]:0))!=-1)d=-1;break}case 34:case 39:case 91:z+=_(g);break;case 9:case 10:case 13:case 32:z+=re(h);break;case 92:z+=ne(V()-1,7);continue;case 47:switch(U()){case 42:case 47:B(oe(se(T(),V()),r,a,i),i);break;default:z+="/";}break;case 123*b:u[f++]=S(z)*d;case 125*b:case 59:case 0:switch(g){case 0:case 125:w=0;case 59+o:if(d==-1)z=C(z,/\f/g,"");if(p>0&&S(z)-l)B(p>32?le(z+";",n,a,l-1,i):le(C(z," ","")+";",n,a,l-2,i),i);break;case 59:z+=";";default:B(j=fe(z,r,a,f,o,c,u,k,x=[],y=[],l,s),s);if(g===123)if(o===0)ie(z,r,j,j,x,s,l,u,y);else switch(v===99&&A(z,3)===110?100:v){case 100:case 108:case 109:case 115:ie(e,j,j,n&&B(fe(e,j,j,0,0,c,u,k,c,x=[],l,y),y),c,y,l,u,n?x:y);break;default:ie(z,j,j,j,[""],y,0,u,y);}}f=o=p=0,b=d=1,k=z="",l=t;break;case 58:l=1+S(z),p=h;default:if(b<1)if(g==123)--b;else if(g==125&&b++==0&&R()==125)continue;switch(z+=m(g),g*b){case 38:d=o>0?1:(z+="\f",-1);break;case 44:u[f++]=(S(z)-1)*d,d=1;break;case 64:if(U()===45)z+=_(T());v=U(),o=l=S(k=z+=te(V())),g++;break;case 45:if(h===45&&S(z)==2)b=0;}}return s}function fe(e,r,a,n,s,t,u,i,f,o,l,v){var p=s-1;var h=s===0?t:[""];var b=q(h);for(var w=0,d=0,g=0;w<n;++w)for(var k=0,m=M(e,p+1,p=$(d=u[w])),x=e;k<b;++k)if(x=j(d>0?h[k]+" "+m:C(m,/&\f/g,h[k])))f[g++]=x;return L(e,r,a,s===0?c:i,f,o,l,v)}function oe(e,r,a,c){return L(e,r,a,n,m(Q()),M(e,2,-2),0,c)}function le(e,r,a,n,c){return L(e,r,a,s,M(e,0,n),M(e,n+1,-1),n,c)}function ve(n,c,s){switch(y(n,c)){case 5103:return a+"print-"+n+n;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return a+n+n;case 4789:return r+n+n;case 5349:case 4246:case 4810:case 6968:case 2756:return a+n+r+n+e+n+n;case 5936:switch(A(n,c+11)){case 114:return a+n+e+C(n,/[svh]\w+-[tblr]{2}/,"tb")+n;case 108:return a+n+e+C(n,/[svh]\w+-[tblr]{2}/,"tb-rl")+n;case 45:return a+n+e+C(n,/[svh]\w+-[tblr]{2}/,"lr")+n}case 6828:case 4268:case 2903:return a+n+e+n+n;case 6165:return a+n+e+"flex-"+n+n;case 5187:return a+n+C(n,/(\w+).+(:[^]+)/,a+"box-$1$2"+e+"flex-$1$2")+n;case 5443:return a+n+e+"flex-item-"+C(n,/flex-|-self/g,"")+(!z(n,/flex-|baseline/)?e+"grid-row-"+C(n,/flex-|-self/g,""):"")+n;case 4675:return a+n+e+"flex-line-pack"+C(n,/align-content|flex-|-self/g,"")+n;case 5548:return a+n+e+C(n,"shrink","negative")+n;case 5292:return a+n+e+C(n,"basis","preferred-size")+n;case 6060:return a+"box-"+C(n,"-grow","")+a+n+e+C(n,"grow","positive")+n;case 4554:return a+C(n,/([^-])(transform)/g,"$1"+a+"$2")+n;case 6187:return C(C(C(n,/(zoom-|grab)/,a+"$1"),/(image-set)/,a+"$1"),n,"")+n;case 5495:case 3959:return C(n,/(image-set\([^]*)/,a+"$1"+"$`$1");case 4968:return C(C(n,/(.+:)(flex-)?(.*)/,a+"box-pack:$3"+e+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+a+n+n;case 4200:if(!z(n,/flex-|baseline/))return e+"grid-column-align"+M(n,c)+n;break;case 2592:case 3360:return e+C(n,"template-","")+n;case 4384:case 3616:if(s&&s.some((function(e,r){return c=r,z(e.props,/grid-\w+-end/)}))){return ~O(n+(s=s[c].value),"span",0)?n:e+C(n,"-start","")+n+e+"grid-row-span:"+(~O(s,"span",0)?z(s,/\d+/):+z(s,/\d+/)-+z(n,/\d+/))+";"}return e+C(n,"-start","")+n;case 4896:case 4128:return s&&s.some((function(e){return z(e.props,/grid-\w+-start/)}))?n:e+C(C(n,"-end","-span"),"span ","")+n;case 4095:case 3583:case 4068:case 2532:return C(n,/(.+)-inline(.+)/,a+"$1$2")+n;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(S(n)-1-c>6)switch(A(n,c+1)){case 109:if(A(n,c+4)!==45)break;case 102:return C(n,/(.+:)(.+)-([^]+)/,"$1"+a+"$2-$3"+"$1"+r+(A(n,c+3)==108?"$3":"$2-$3"))+n;case 115:return ~O(n,"stretch",0)?ve(C(n,"stretch","fill-available"),c,s)+n:n}break;case 5152:case 5920:return C(n,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,(function(r,a,c,s,t,u,i){return e+a+":"+c+i+(s?e+a+"-span:"+(t?u:+u-+c)+i:"")+n}));case 4949:if(A(n,c+6)===121)return C(n,":",":"+a)+n;break;case 6444:switch(A(n,A(n,14)===45?18:11)){case 120:return C(n,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+a+(A(n,14)===45?"inline-":"")+"box$3"+"$1"+a+"$2$3"+"$1"+e+"$2box$3")+n;case 100:return C(n,":",":"+e)+n}break;case 5719:case 2647:case 2135:case 3927:case 2391:return C(n,"scroll-","scroll-snap-")+n}return n}function pe(e,r){var a="";for(var n=0;n<e.length;n++)a+=r(e[n],n,e,r)||"";return a}function he(e,r,a,t){switch(e.type){case g:if(e.children.length)break;case i:case s:return e.return=e.return||e.value;case n:return "";case h:return e.return=e.value+"{"+pe(e.children,t)+"}";case c:if(!S(e.value=e.props.join(",")))return ""}return S(a=pe(e.children,t))?e.return=e.value+"{"+a+"}":""}function be(e){var r=q(e);return function(a,n,c,s){var t="";for(var u=0;u<r;u++)t+=e[u](a,n,c,s)||"";return t}}function we(e){return function(r){if(!r.root)if(r=r.return)e(r);}}function de(n,t,u,i){if(n.length>-1)if(!n.return)switch(n.type){case s:n.return=ve(n.value,n.length,u);return;case h:return pe([N(n,{value:C(n.value,"@","@"+a)})],i);case c:if(n.length)return D(u=n.props,(function(c){switch(z(c,i=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":P(N(n,{props:[C(c,/:(read-\w+)/,":"+r+"$1")]}));P(N(n,{props:[c]}));x(n,{props:E(u,i)});break;case"::placeholder":P(N(n,{props:[C(c,/:(plac\w+)/,":"+a+"input-$1")]}));P(N(n,{props:[C(c,/:(plac\w+)/,":"+r+"$1")]}));P(N(n,{props:[C(c,/:(plac\w+)/,e+"input-$1")]}));P(N(n,{props:[c]}));x(n,{props:E(u,i)});break}return ""}))}}
+    var e="-ms-";var r="-moz-";var a="-webkit-";var c="comm";var n="rule";var s="decl";var i="@import";var v="@namespace";var b="@keyframes";var g="@layer";var $=Math.abs;var m=String.fromCharCode;var x=Object.assign;function y(e,r){return A(e,0)^45?(((r<<2^A(e,0))<<2^A(e,1))<<2^A(e,2))<<2^A(e,3):0}function j(e){return e.trim()}function z(e,r){return (e=r.exec(e))?e[0]:e}function C(e,r,a){return e.replace(r,a)}function O(e,r,a){return e.indexOf(r,a)}function A(e,r){return e.charCodeAt(r)|0}function M(e,r,a){return e.slice(r,a)}function S(e){return e.length}function q(e){return e.length}function B(e,r){return r.push(e),e}function D(e,r){return e.map(r).join("")}function E(e,r){return e.filter((function(e){return !z(e,r)}))}var F=1;var G=1;var H=0;var I=0;var J=0;var K="";function L(e,r,a,c,n,s,t,u){return {value:e,root:r,parent:a,type:c,props:n,children:s,line:F,column:G,length:t,return:"",siblings:u}}function N(e,r){return x(L("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},r)}function P(e){while(e.root)e=N(e.root,{children:[e]});B(e,e.siblings);}function Q(){return J}function R(){J=I>0?A(K,--I):0;if(G--,J===10)G=1,F--;return J}function T(){J=I<H?A(K,I++):0;if(G++,J===10)G=1,F++;return J}function U(){return A(K,I)}function V(){return I}function W(e,r){return M(K,e,r)}function X(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function Y(e){return F=G=1,H=S(K=e),I=0,[]}function Z(e){return K="",e}function _(e){return j(W(I-1,ne(e===91?e+2:e===40?e+1:e)))}function re(e){while(J=U())if(J<33)T();else break;return X(e)>2||X(J)>3?"":" "}function ce(e,r){while(--r&&T())if(J<48||J>102||J>57&&J<65||J>70&&J<97)break;return W(e,V()+(r<6&&U()==32&&T()==32))}function ne(e){while(T())switch(J){case e:return I;case 34:case 39:if(e!==34&&e!==39)ne(J);break;case 40:if(e===41)ne(e);break;case 92:T();break}return I}function se(e,r){while(T())if(e+J===47+10)break;else if(e+J===42+42&&U()===47)break;return "/*"+W(r,I-1)+"*"+m(e===47?e:T())}function te(e){while(!X(U()))T();return W(e,I)}function ue(e){return Z(ie("",null,null,null,[""],e=Y(e),0,[0],e))}function ie(e,r,a,c,n,s,t,u,i){var f=0;var o=0;var l=t;var p=0;var v=0;var b=0;var h=1;var w=1;var d=1;var g=0;var k="";var x=n;var y=s;var j=c;var z=k;while(w)switch(b=g,g=T()){case 40:if(b!=108&&A(z,l-1)==58){if(O(z+=C(_(g),"&","&\f"),"&\f",$(f?u[f-1]:0))!=-1)d=-1;break}case 34:case 39:case 91:z+=_(g);break;case 9:case 10:case 13:case 32:z+=re(b);break;case 92:z+=ce(V()-1,7);continue;case 47:switch(U()){case 42:case 47:B(oe(se(T(),V()),r,a,i),i);if((X(b||1)==5||X(U()||1)==5)&&S(z)&&M(z,-1,void 0)!==" ")z+=" ";break;default:z+="/";}break;case 123*h:u[f++]=S(z)*d;case 125*h:case 59:case 0:switch(g){case 0:case 125:w=0;case 59+o:if(d==-1)z=C(z,/\f/g,"");if(v>0&&(S(z)-l||h===0&&b===47))B(v>32?le(z+";",c,a,l-1,i):le(C(z," ","")+";",c,a,l-2,i),i);break;case 59:z+=";";default:B(j=fe(z,r,a,f,o,n,u,k,x=[],y=[],l,s),s);if(g===123)if(o===0)ie(z,r,j,j,x,s,l,u,y);else {switch(p){case 99:if(A(z,3)===110)break;case 108:if(A(z,2)===97)break;default:o=0;case 100:case 109:case 115:}if(o)ie(e,j,j,c&&B(fe(e,j,j,0,0,n,u,k,n,x=[],l,y),y),n,y,l,u,c?x:y);else ie(z,j,j,j,[""],y,0,u,y);}}f=o=v=0,h=d=1,k=z="",l=t;break;case 58:l=1+S(z),v=b;default:if(h<1)if(g==123)--h;else if(g==125&&h++==0&&R()==125)continue;switch(z+=m(g),g*h){case 38:d=o>0?1:(z+="\f",-1);break;case 44:u[f++]=(S(z)-1)*d,d=1;break;case 64:if(U()===45)z+=_(T());p=U(),o=l=S(k=z+=te(V())),g++;break;case 45:if(b===45&&S(z)==2)h=0;}}return s}function fe(e,r,a,c,s,t,u,i,f,o,l,p){var v=s-1;var b=s===0?t:[""];var h=q(b);for(var w=0,d=0,g=0;w<c;++w)for(var k=0,m=M(e,v+1,v=$(d=u[w])),x=e;k<h;++k)if(x=j(d>0?b[k]+" "+m:C(m,/&\f/g,b[k])))f[g++]=x;return L(e,r,a,s===0?n:i,f,o,l,p)}function oe(e,r,a,n){return L(e,r,a,c,m(Q()),M(e,2,-2),0,n)}function le(e,r,a,c,n){return L(e,r,a,s,M(e,0,c),M(e,c+1,-1),c,n)}function pe(c,n,s){switch(y(c,n)){case 5103:return a+"print-"+c+c;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:case 6391:case 5879:case 5623:case 6135:case 4599:return a+c+c;case 4855:return a+c.replace("add","source-over").replace("substract","source-out").replace("intersect","source-in").replace("exclude","xor")+c;case 4789:return r+c+c;case 5349:case 4246:case 4810:case 6968:case 2756:return a+c+r+c+e+c+c;case 5936:switch(A(c,n+11)){case 114:return a+c+e+C(c,/[svh]\w+-[tblr]{2}/,"tb")+c;case 108:return a+c+e+C(c,/[svh]\w+-[tblr]{2}/,"tb-rl")+c;case 45:return a+c+e+C(c,/[svh]\w+-[tblr]{2}/,"lr")+c}case 6828:case 4268:case 2903:return a+c+e+c+c;case 6165:return a+c+e+"flex-"+c+c;case 5187:return a+c+C(c,/(\w+).+(:[^]+)/,a+"box-$1$2"+e+"flex-$1$2")+c;case 5443:return a+c+e+"flex-item-"+C(c,/flex-|-self/g,"")+(!z(c,/flex-|baseline/)?e+"grid-row-"+C(c,/flex-|-self/g,""):"")+c;case 4675:return a+c+e+"flex-line-pack"+C(c,/align-content|flex-|-self/g,"")+c;case 5548:return a+c+e+C(c,"shrink","negative")+c;case 5292:return a+c+e+C(c,"basis","preferred-size")+c;case 6060:return a+"box-"+C(c,"-grow","")+a+c+e+C(c,"grow","positive")+c;case 4554:return a+C(c,/([^-])(transform)/g,"$1"+a+"$2")+c;case 6187:return C(C(C(c,/(zoom-|grab)/,a+"$1"),/(image-set)/,a+"$1"),c,"")+c;case 5495:case 3959:return C(c,/(image-set\([^]*)/,a+"$1"+"$`$1");case 4968:return C(C(c,/(.+:)(flex-)?(.*)/,a+"box-pack:$3"+e+"flex-pack:$3"),/space-between/,"justify")+a+c+c;case 4200:if(!z(c,/flex-|baseline/))return e+"grid-column-align"+M(c,n)+c;break;case 2592:case 3360:return e+C(c,"template-","")+c;case 4384:case 3616:if(s&&s.some((function(e,r){return n=r,z(e.props,/grid-\w+-end/)}))){return ~O(c+(s=s[n].value),"span",0)?c:e+C(c,"-start","")+c+e+"grid-row-span:"+(~O(s,"span",0)?z(s,/\d+/):+z(s,/\d+/)-+z(c,/\d+/))+";"}return e+C(c,"-start","")+c;case 4896:case 4128:return s&&s.some((function(e){return z(e.props,/grid-\w+-start/)}))?c:e+C(C(c,"-end","-span"),"span ","")+c;case 4095:case 3583:case 4068:case 2532:return C(c,/(.+)-inline(.+)/,a+"$1$2")+c;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(S(c)-1-n>6)switch(A(c,n+1)){case 109:if(A(c,n+4)!==45)break;case 102:return C(c,/(.+:)(.+)-([^]+)/,"$1"+a+"$2-$3"+"$1"+r+(A(c,n+3)==108?"$3":"$2-$3"))+c;case 115:return ~O(c,"stretch",0)?pe(C(c,"stretch","fill-available"),n,s)+c:c}break;case 5152:case 5920:return C(c,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,(function(r,a,n,s,t,u,i){return e+a+":"+n+i+(s?e+a+"-span:"+(t?u:+u-+n)+i:"")+c}));case 4949:if(A(c,n+6)===121)return C(c,":",":"+a)+c;break;case 6444:switch(A(c,A(c,14)===45?18:11)){case 120:return C(c,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+a+(A(c,14)===45?"inline-":"")+"box$3"+"$1"+a+"$2$3"+"$1"+e+"$2box$3")+c;case 100:return C(c,":",":"+e)+c}break;case 5719:case 2647:case 2135:case 3927:case 2391:return C(c,"scroll-","scroll-snap-")+c}return c}function ve(e,r){var a="";for(var c=0;c<e.length;c++)a+=r(e[c],c,e,r)||"";return a}function be(e,r,a,t){switch(e.type){case g:if(e.children.length)break;case i:case v:case s:return e.return=e.return||e.value;case c:return "";case b:return e.return=e.value+"{"+ve(e.children,t)+"}";case n:if(!S(e.value=e.props.join(",")))return ""}return S(a=ve(e.children,t))?e.return=e.value+"{"+a+"}":""}function he(e){var r=q(e);return function(a,c,n,s){var t="";for(var u=0;u<r;u++)t+=e[u](a,c,n,s)||"";return t}}function we(e){return function(r){if(!r.root)if(r=r.return)e(r);}}function de(c,t,u,i){if(c.length>-1)if(!c.return)switch(c.type){case s:c.return=pe(c.value,c.length,u);return;case b:return ve([N(c,{value:C(c.value,"@","@"+a)})],i);case n:if(c.length)return D(u=c.props,(function(n){switch(z(n,i=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":P(N(c,{props:[C(n,/:(read-\w+)/,":"+r+"$1")]}));P(N(c,{props:[n]}));x(c,{props:E(u,i)});break;case"::placeholder":P(N(c,{props:[C(n,/:(plac\w+)/,":"+a+"input-$1")]}));P(N(c,{props:[C(n,/:(plac\w+)/,":"+r+"$1")]}));P(N(c,{props:[C(n,/:(plac\w+)/,e+"input-$1")]}));P(N(c,{props:[n]}));x(c,{props:E(u,i)});break}return ""}))}}
 
     var SEED$1 = 5381;
     // When we have separate strings it's useful to run a progressive
@@ -687,7 +645,7 @@
          * https://github.com/thysultan/stylis.js/tree/v4.0.2#abstract-syntax-structure
          */
         var selfReferenceReplacementPlugin = function (element) {
-            if (element.type === c && element.value.includes('&')) {
+            if (element.type === n && element.value.includes('&')) {
                 element.props[0] = element.props[0]
                     // catch any hanging references that stylis missed
                     .replace(AMP_REGEX, _selector)
@@ -702,7 +660,7 @@
         if (options.prefix) {
             middlewares.push(de);
         }
-        middlewares.push(he);
+        middlewares.push(be);
         var stringifyRules = function (css, selector, 
         /**
          * This "prefix" referes to a _selector_ prefix.
@@ -723,7 +681,7 @@
                 compiled = recursivelySetNamepace(compiled, options.namespace);
             }
             var stack = [];
-            pe(compiled, be(middlewares.concat(we(function (value) { return stack.push(value); }))));
+            ve(compiled, he(middlewares.concat(we(function (value) { return stack.push(value); }))));
             return stack;
         };
         stringifyRules.hash = plugins.length
@@ -741,18 +699,46 @@
 
     var mainSheet = new StyleSheet();
     var mainStylis = createStylisInstance();
-    var StyleSheetContext = React.createContext({
+    var defaultContextValue = {
         shouldForwardProp: undefined,
         styleSheet: mainSheet,
         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 StyleSheetConsumer = StyleSheetContext.Consumer;
-    var StylisContext = React.createContext(undefined);
+    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);
+            },
+        };
     function useStyleSheetContext() {
-        return React.useContext(StyleSheetContext);
+        // Skip useContext if we're in an RSC environment without context support
+        return !IS_RSC && React.useContext ? React.useContext(StyleSheetContext) : defaultContextValue;
     }
     function StyleSheetManager(props) {
-        var _a = React.useState(props.stylisPlugins), plugins = _a[0], setPlugins = _a[1];
+        // In RSC environments without context support, StyleSheetManager becomes a no-op
+        if (IS_RSC || !React.useMemo) {
+            return props.children;
+        }
         var styleSheet = useStyleSheetContext().styleSheet;
         var resolvedStyleSheet = React.useMemo(function () {
             var sheet = styleSheet;
@@ -770,13 +756,9 @@
         var stylis = React.useMemo(function () {
             return createStylisInstance({
                 options: { namespace: props.namespace, prefix: props.enableVendorPrefixes },
-                plugins: plugins,
+                plugins: props.stylisPlugins,
             });
-        }, [props.enableVendorPrefixes, props.namespace, plugins]);
-        React.useEffect(function () {
-            if (!shallowequal(plugins, props.stylisPlugins))
-                setPlugins(props.stylisPlugins);
-        }, [props.stylisPlugins]);
+        }, [props.enableVendorPrefixes, props.namespace, props.stylisPlugins]);
         var styleSheetContextValue = React.useMemo(function () { return ({
             shouldForwardProp: props.shouldForwardProp,
             styleSheet: resolvedStyleSheet,
@@ -1063,7 +1045,19 @@
         return GlobalStyle;
     }());
 
-    var ThemeContext = React.createContext(undefined);
+    // 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 ThemeConsumer = ThemeContext.Consumer;
     function mergeTheme(theme, outerTheme) {
         if (!theme) {
@@ -1090,7 +1084,8 @@
      * is no `ThemeProvider` ancestor.
      */
     function useTheme() {
-        var theme = React.useContext(ThemeContext);
+        // Skip useContext if we're in an RSC environment without context support
+        var theme = !IS_RSC && React.useContext ? React.useContext(ThemeContext) : undefined;
         if (!theme) {
             throw throwStyledComponentsError(18);
         }
@@ -1100,6 +1095,10 @@
      * 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 || !React.useContext || !React.useMemo) {
+            return props.children;
+        }
         var outerTheme = React.useContext(ThemeContext);
         var themeContext = React.useMemo(function () { return mergeTheme(props.theme, outerTheme); }, [props.theme, outerTheme]);
         if (!props.children) {
@@ -1139,9 +1138,12 @@
                         originalConsoleError_1.apply(void 0, __spreadArray([consoleErrorMessage], consoleErrorArgs, false));
                     }
                 };
-                // We purposefully call `useRef` outside of a component and expect it to throw
+                // We purposefully call a hook outside of a component and expect it to throw
                 // If it doesn't, then we're inside another component.
-                React.useRef();
+                // Use useState instead of useRef to avoid importing useRef
+                if (typeof React.useState === 'function') {
+                    React.useState(null);
+                }
                 if (didNotCallInvalidHook_1 && !seen.has(message_1)) {
                     console.warn(message_1);
                     seen.add(message_1);
@@ -1233,27 +1235,54 @@
         {
             checkDynamicCreation(styledComponentId);
         }
+        // Use a WeakMap to maintain stable instances per stylesheet
+        var instanceMap = new WeakMap();
         var GlobalStyleComponent = function (props) {
             var ssc = useStyleSheetContext();
-            var theme = React.useContext(ThemeContext);
-            var instanceRef = React.useRef(ssc.styleSheet.allocateGSInstance(styledComponentId));
-            var instance = instanceRef.current;
-            if (React.Children.count(props.children)) {
+            var theme = React.useContext ? React.useContext(ThemeContext) : undefined;
+            // Get or create instance ID for this stylesheet
+            var instance = instanceMap.get(ssc.styleSheet);
+            if (instance === undefined) {
+                instance = ssc.styleSheet.allocateGSInstance(styledComponentId);
+                instanceMap.set(ssc.styleSheet, instance);
+            }
+            if (// @ts-expect-error invariant check
+                React.Children.count(props.children)) {
                 console.warn("The global style component ".concat(styledComponentId, " was given child JSX. createGlobalStyle does not render children."));
             }
             if (rules.some(function (rule) { return typeof rule === 'string' && rule.indexOf('@import') !== -1; })) {
                 console.warn("Please do not use @import CSS syntax in createGlobalStyle at this time, as the CSSOM APIs we use in production do not handle it well. Instead, we recommend using a library such as react-helmet to inject a typical <link> meta tag to the stylesheet, or simply embedding it manually in your index.html <head> section for a simpler app.");
             }
-            if (ssc.styleSheet.server) {
+            // Render styles during component execution
+            // Use runtime check since false build constant may not match actual environment
+            var shouldRenderStyles = typeof window === 'undefined' || !ssc.styleSheet.server;
+            if (shouldRenderStyles) {
                 renderStyles(instance, props, ssc.styleSheet, theme, ssc.stylis);
             }
-            {
+            // Client-side cleanup: conditionally use useLayoutEffect
+            // The IS_RSC check is module-level and deterministic, so this doesn't violate rules of hooks
+            if (!IS_RSC && typeof React.useLayoutEffect === 'function') {
                 React.useLayoutEffect(function () {
-                    if (!ssc.styleSheet.server) {
-                        renderStyles(instance, props, ssc.styleSheet, theme, ssc.stylis);
-                        return function () { return globalStyle.removeStyles(instance, ssc.styleSheet); };
-                    }
-                }, [instance, props, ssc.styleSheet, theme, ssc.stylis]);
+                    return function () {
+                        globalStyle.removeStyles(instance, ssc.styleSheet);
+                    };
+                }, [instance, ssc.styleSheet]);
+            }
+            // RSC mode: output style tag
+            if (IS_RSC) {
+                var id = styledComponentId + instance;
+                var css_1 = typeof window === 'undefined' ? ssc.styleSheet.getTag().getGroup(getGroupForId(id)) : '';
+                if (css_1) {
+                    var cssHash = generateAlphabeticName(hash(css_1) >>> 0);
+                    var href = "sc-global-".concat(styledComponentId, "-").concat(instance, "-").concat(cssHash);
+                    return React.createElement('style', {
+                        key: href,
+                        'data-styled-global': styledComponentId,
+                        precedence: 'styled-components',
+                        href: href,
+                        children: css_1,
+                    });
+                }
             }
             return null;
         };
@@ -1391,12 +1420,12 @@
 
     function withTheme(Component) {
         var WithTheme = React.forwardRef(function (props, ref) {
-            var theme = React.useContext(ThemeContext);
+            var theme = React.useContext ? React.useContext(ThemeContext) : undefined;
             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), "\""));
             }
-            return React.createElement(Component, __assign({}, props, { theme: themeProp, ref: ref }));
+            return React.createElement(Component, __assign(__assign({}, props), { theme: themeProp, ref: ref }));
         });
         WithTheme.displayName = "WithTheme(".concat(getComponentName(Component), ")");
         return hoistNonReactStatics(WithTheme, Component);
@@ -1458,7 +1487,6 @@
             }
             return React.createElement(StyleSheetManager, { sheet: this.instance }, children);
         };
-        // @ts-expect-error alternate return types are not possible due to code transformation
         ServerStyleSheet.prototype.interleaveWithNodeStream = function (input) {
             {
                 throw throwStyledComponentsError(3);
@@ -1485,7 +1513,7 @@
         window[windowGlobalKey] || (window[windowGlobalKey] = 0);
         // @ts-expect-error dynamic key not in window object
         if (window[windowGlobalKey] === 1) {
-            console.warn("It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.\n\nSee https://s-c.sh/2BAXzed for more info.");
+            console.warn("It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.\n\nSee https://styled-components.com/docs/faqs#why-am-i-getting-a-warning-about-several-instances-of-module-on-the-page for more info.");
         }
         // @ts-expect-error dynamic key not in window object
         window[windowGlobalKey] += 1;
@@ -1556,7 +1584,6 @@
         };
     });
 
-    // Thanks to ReactDOMFactories for this handy list!
     var elements = [
         'a',
         'abbr',
@@ -1566,13 +1593,10 @@
         'aside',
         'audio',
         'b',
-        'base',
         'bdi',
         'bdo',
-        'big',
         'blockquote',
         'body',
-        'br',
         'button',
         'canvas',
         'caption',
@@ -1613,27 +1637,21 @@
         'input',
         'ins',
         'kbd',
-        'keygen',
         'label',
         'legend',
         'li',
-        'link',
         'main',
         'map',
         'mark',
         'menu',
-        'menuitem',
-        'meta',
         'meter',
         'nav',
-        'noscript',
         'object',
         'ol',
         'optgroup',
         'option',
         'output',
         'p',
-        'param',
         'picture',
         'pre',
         'progress',
@@ -1643,37 +1661,61 @@
         'ruby',
         's',
         'samp',
-        'script',
+        'search',
         'section',
         'select',
+        'slot',
         'small',
-        'source',
         'span',
         'strong',
-        'style',
         'sub',
         'summary',
         'sup',
         'table',
         'tbody',
         'td',
+        'template',
         'textarea',
         'tfoot',
         'th',
         'thead',
         'time',
         'tr',
-        'track',
         'u',
         'ul',
-        'use',
         'var',
         'video',
-        'wbr', // SVG
+        'wbr',
         'circle',
         'clipPath',
         'defs',
         'ellipse',
+        'feBlend',
+        'feColorMatrix',
+        'feComponentTransfer',
+        'feComposite',
+        'feConvolveMatrix',
+        'feDiffuseLighting',
+        'feDisplacementMap',
+        'feDistantLight',
+        'feDropShadow',
+        'feFlood',
+        'feFuncA',
+        'feFuncB',
+        'feFuncG',
+        'feFuncR',
+        'feGaussianBlur',
+        'feImage',
+        'feMerge',
+        'feMergeNode',
+        'feMorphology',
+        'feOffset',
+        'fePointLight',
+        'feSpecularLighting',
+        'feSpotLight',
+        'feTile',
+        'feTurbulence',
+        'filter',
         'foreignObject',
         'g',
         'image',
@@ -1689,8 +1731,12 @@
         'rect',
         'stop',
         'svg',
+        'switch',
+        'symbol',
         'text',
+        'textPath',
         'tspan',
+        'use',
     ];
     var domElements = new Set(elements);
 
@@ -1773,7 +1819,7 @@
         }
         ComponentStyle.prototype.generateAndInjectStyles = function (executionContext, styleSheet, stylis) {
             var names = this.baseStyle
-                ? this.baseStyle.generateAndInjectStyles(executionContext, styleSheet, stylis)
+                ? this.baseStyle.generateAndInjectStyles(executionContext, styleSheet, stylis).className
                 : '';
             // force dynamic classnames if user-supplied stylis plugins are in use
             if (this.isStatic && !stylis.hash) {
@@ -1810,12 +1856,17 @@
                 if (css) {
                     var name_2 = generateAlphabeticName(dynamicHash >>> 0);
                     if (!styleSheet.hasNameForId(this.componentId, name_2)) {
-                        styleSheet.insertRules(this.componentId, name_2, stylis(css, ".".concat(name_2), undefined, this.componentId));
+                        var cssFormatted = stylis(css, ".".concat(name_2), undefined, this.componentId);
+                        styleSheet.insertRules(this.componentId, name_2, cssFormatted);
                     }
                     names = joinStrings(names, name_2);
                 }
             }
-            return names;
+            // Retrieve CSS from Tag for RSC rendering
+            var generatedCSS = typeof window === 'undefined'
+                ? styleSheet.getTag().getGroup(getGroupForId(this.componentId))
+                : '';
+            return { className: names, css: generatedCSS };
         };
         return ComponentStyle;
     }());
@@ -1834,9 +1885,11 @@
     }
     function useInjectedStyle(componentStyle, resolvedAttrs) {
         var ssc = useStyleSheetContext();
-        var className = componentStyle.generateAndInjectStyles(resolvedAttrs, ssc.styleSheet, ssc.stylis);
-        React.useDebugValue(className);
-        return className;
+        var result = componentStyle.generateAndInjectStyles(resolvedAttrs, ssc.styleSheet, ssc.stylis);
+        if (React.useDebugValue) {
+            React.useDebugValue(result.className);
+        }
+        return result;
     }
     function resolveContext(attrs, props, theme) {
         var context = __assign(__assign({}, props), { 
@@ -1847,14 +1900,19 @@
             attrDef = attrs[i];
             var resolvedAttrDef = isFunction(attrDef) ? attrDef(context) : attrDef;
             for (var key in resolvedAttrDef) {
-                context[key] =
-                    key === 'className'
-                        ? joinStrings(context[key], resolvedAttrDef[key])
-                        : key === 'style'
-                            ? __assign(__assign({}, context[key]), resolvedAttrDef[key]) : resolvedAttrDef[key];
+                if (key === 'className') {
+                    context.className = joinStrings(context.className, resolvedAttrDef[key]);
+                }
+                else if (key === 'style') {
+                    context.style = __assign(__assign({}, context.style), resolvedAttrDef[key]);
+                }
+                else {
+                    // @ts-expect-error attrs can dynamically add arbitrary properties
+                    context[key] = resolvedAttrDef[key];
+                }
             }
         }
-        if (props.className) {
+        if ('className' in props && typeof props.className === 'string') {
             context.className = joinStrings(context.className, props.className);
         }
         return context;
@@ -1862,10 +1920,12 @@
     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 = React.useContext(ThemeContext);
+        var contextTheme = React.useContext ? React.useContext(ThemeContext) : undefined;
         var ssc = useStyleSheetContext();
         var shouldForwardProp = forwardedComponent.shouldForwardProp || ssc.shouldForwardProp;
-        React.useDebugValue(styledComponentId);
+        if (React.useDebugValue) {
+            React.useDebugValue(styledComponentId);
+        }
         // 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.
@@ -1874,12 +1934,14 @@
         var elementToBeCreated = context.as || target;
         var propsForElement = {};
         for (var key in context) {
+            // @ts-expect-error context may have arbitrary properties from attrs
             if (context[key] === undefined) ;
             else if (key[0] === '$' || key === 'as' || (key === 'theme' && context.theme === theme)) ;
             else if (key === 'forwardedAs') {
                 propsForElement.as = context.forwardedAs;
             }
             else if (!shouldForwardProp || shouldForwardProp(key, elementToBeCreated)) {
+                // @ts-expect-error context may have arbitrary properties from attrs
                 propsForElement[key] = context[key];
                 if (!shouldForwardProp &&
                     "development" === 'development' &&
@@ -1892,7 +1954,7 @@
                 }
             }
         }
-        var generatedClassName = useInjectedStyle(componentStyle, context);
+        var _a = useInjectedStyle(componentStyle, context), generatedClassName = _a.className, css = _a.css;
         if (forwardedComponent.warnTooManyClasses) {
             forwardedComponent.warnTooManyClasses(generatedClassName);
         }
@@ -1915,7 +1977,17 @@
         if (forwardedRef) {
             propsForElement.ref = forwardedRef;
         }
-        return React.createElement(elementToBeCreated, propsForElement);
+        var element = React.createElement(elementToBeCreated, propsForElement);
+        // RSC mode: output style tag alongside element
+        // React 19's style hoisting will deduplicate by href and move to <head>
+        if (IS_RSC && css) {
+            return React.createElement(React.Fragment, null, React.createElement('style', {
+                precedence: 'styled-components',
+                href: "sc-".concat(styledComponentId, "-").concat(generatedClassName),
+                children: css,
+            }), element);
+        }
+        return element;
     }
     function createStyledComponent(target, options, rules) {
         var isTargetStyledComp = isStyledComponent(target);