styled-components 5.3.2 → 6.0.0-alpha.1

package/dist/models/ThemeProvider.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export interface DefaultTheme {
+    [key: string]: any;
+}
+declare type ThemeFn = (outerTheme?: DefaultTheme) => DefaultTheme;
+declare type ThemeArgument = DefaultTheme | ThemeFn;
+declare type Props = {
+    children?: React.ReactChild;
+    theme: ThemeArgument;
+};
+export declare const ThemeContext: React.Context<DefaultTheme | undefined>;
+export declare const ThemeConsumer: React.Consumer<DefaultTheme | undefined>;
+/**
+ * Provide a theme to an entire react component tree via context
+ */
+export default function ThemeProvider(props: Props): JSX.Element | null;
+export {};

package/dist/native/index.d.ts

@@ -0,0 +1,64 @@
+import { NativeStyled } from '../constructors/constructWithOptions';
+import css from '../constructors/css';
+import withTheme from '../hoc/withTheme';
+import useTheme from '../hooks/useTheme';
+import ThemeProvider, { ThemeConsumer, ThemeContext } from '../models/ThemeProvider';
+import { NativeTarget } from '../types';
+import isStyledComponent from '../utils/isStyledComponent';
+declare const styled: (<Target extends NativeTarget>(tag: Target) => {
+    <Props = unknown, Statics = unknown>(initialStyles: import("../types").Styles<Props>, ...interpolations: import("../types").Interpolation<Props>[]): import("../types").IStyledNativeComponent<Target, Props> & Statics;
+    attrs(attrs: import("../types").Attrs<unknown>): any;
+    withConfig(config: import("../types").StyledNativeOptions<unknown>): any;
+}) & {
+    ActivityIndicator: NativeStyled<typeof import("react-native").ActivityIndicator, import("react-native").ActivityIndicatorProps, unknown>;
+    ActivityIndicatorIOS: NativeStyled<unknown, {}, unknown>;
+    ART: NativeStyled<unknown, {}, unknown>;
+    Button: NativeStyled<typeof import("react-native").Button, import("react-native").ButtonProps, unknown>;
+    DatePickerIOS: NativeStyled<typeof import("react-native").DatePickerIOS, import("react-native").DatePickerIOSProps, unknown>;
+    DrawerLayoutAndroid: NativeStyled<typeof import("react-native").DrawerLayoutAndroid, import("react-native").DrawerLayoutAndroidProps, unknown>;
+    FlatList: NativeStyled<typeof import("react-native").FlatList, import("react-native").FlatListProps<unknown>, unknown>;
+    Image: NativeStyled<typeof import("react-native").Image, import("react-native").ImageProps, unknown>;
+    ImageBackground: NativeStyled<typeof import("react-native").ImageBackground, import("react-native").ImageBackgroundProps, unknown>;
+    ImageEditor: NativeStyled<never, never, unknown>;
+    ImageStore: NativeStyled<never, never, unknown>;
+    KeyboardAvoidingView: NativeStyled<typeof import("react-native").KeyboardAvoidingView, import("react-native").KeyboardAvoidingViewProps, unknown>;
+    ListView: NativeStyled<typeof import("react-native").ListView, import("react-native").ListViewProps, unknown>;
+    MapView: NativeStyled<unknown, {}, unknown>;
+    Modal: NativeStyled<typeof import("react-native").Modal, import("react-native").ModalProps, unknown>;
+    NavigatorIOS: NativeStyled<typeof import("react-native").NavigatorIOS, import("react-native").NavigatorIOSProps, unknown>;
+    Picker: NativeStyled<typeof import("react-native").Picker, import("react-native").PickerProps, unknown>;
+    PickerIOS: NativeStyled<typeof import("react-native").PickerIOS, import("react-native").PickerIOSProps, unknown>;
+    Pressable: NativeStyled<import("react").ForwardRefExoticComponent<import("react-native").PressableProps & import("react").RefAttributes<import("react-native").View>>, import("react-native").PressableProps & import("react").RefAttributes<import("react-native").View>, unknown>;
+    ProgressBarAndroid: NativeStyled<typeof import("react-native").ProgressBarAndroid, import("react-native").ProgressBarAndroidProps, unknown>;
+    ProgressViewIOS: NativeStyled<typeof import("react-native").ProgressViewIOS, import("react-native").ProgressViewIOSProps, unknown>;
+    RecyclerViewBackedScrollView: NativeStyled<typeof import("react-native").RecyclerViewBackedScrollView, import("react-native").RecyclerViewBackedScrollViewProps, unknown>;
+    RefreshControl: NativeStyled<typeof import("react-native").RefreshControl, import("react-native").RefreshControlProps, unknown>;
+    SafeAreaView: NativeStyled<typeof import("react-native").SafeAreaView, import("react-native").ViewProps, unknown>;
+    ScrollView: NativeStyled<typeof import("react-native").ScrollView, import("react-native").ScrollViewProps, unknown>;
+    SectionList: NativeStyled<typeof import("react-native").SectionList, import("react-native").SectionListProps<unknown, unknown>, unknown>;
+    SegmentedControlIOS: NativeStyled<typeof import("react-native").SegmentedControlIOS, import("react-native").SegmentedControlIOSProps, unknown>;
+    Slider: NativeStyled<typeof import("react-native").Slider, import("react-native").SliderProps, unknown>;
+    SliderIOS: NativeStyled<unknown, {}, unknown>;
+    SnapshotViewIOS: NativeStyled<typeof import("react-native").SnapshotViewIOS, import("react-native").SnapshotViewIOSProps, unknown>;
+    StatusBar: NativeStyled<typeof import("react-native").StatusBar, import("react-native").StatusBarProps, unknown>;
+    SwipeableListView: NativeStyled<typeof import("react-native").SwipeableListView, import("react-native").SwipeableListViewProps, unknown>;
+    Switch: NativeStyled<typeof import("react-native").Switch, import("react-native").SwitchProps, unknown>;
+    SwitchAndroid: NativeStyled<unknown, {}, unknown>;
+    SwitchIOS: NativeStyled<typeof import("react-native").SwitchIOS, import("react-native").SwitchIOSProps, unknown>;
+    TabBarIOS: NativeStyled<typeof import("react-native").TabBarIOS, import("react-native").TabBarIOSProps, unknown>;
+    Text: NativeStyled<typeof import("react-native").Text, import("react-native").TextProps, unknown>;
+    TextInput: NativeStyled<typeof import("react-native").TextInput, import("react-native").TextInputProps, unknown>;
+    ToastAndroid: NativeStyled<never, never, unknown>;
+    ToolbarAndroid: NativeStyled<typeof import("react-native").ToolbarAndroid, import("react-native").ToolbarAndroidProps, unknown>;
+    Touchable: NativeStyled<never, never, unknown>;
+    TouchableHighlight: NativeStyled<typeof import("react-native").TouchableHighlight, import("react-native").TouchableHighlightProps, unknown>;
+    TouchableNativeFeedback: NativeStyled<typeof import("react-native").TouchableNativeFeedback, import("react-native").TouchableNativeFeedbackProps, unknown>;
+    TouchableOpacity: NativeStyled<typeof import("react-native").TouchableOpacity, import("react-native").TouchableOpacityProps, unknown>;
+    TouchableWithoutFeedback: NativeStyled<typeof import("react-native").TouchableWithoutFeedback, import("react-native").TouchableWithoutFeedbackProps, unknown>;
+    View: NativeStyled<typeof import("react-native").View, import("react-native").ViewProps, unknown>;
+    ViewPagerAndroid: NativeStyled<typeof import("react-native").ViewPagerAndroid, import("react-native").ViewPagerAndroidProps, unknown>;
+    VirtualizedList: NativeStyled<typeof import("react-native").VirtualizedList, import("react-native").VirtualizedListProps<unknown>, unknown>;
+    WebView: NativeStyled<unknown, {}, unknown>;
+};
+export { css, isStyledComponent, ThemeProvider, ThemeConsumer, ThemeContext, withTheme, useTheme };
+export default styled;

package/dist/primitives/index.d.ts

@@ -0,0 +1,22 @@
+import reactPrimitives from 'react-primitives';
+import { NativeStyled } from '../constructors/constructWithOptions';
+import css from '../constructors/css';
+import withTheme from '../hoc/withTheme';
+import useTheme from '../hooks/useTheme';
+import ThemeProvider, { ThemeConsumer, ThemeContext } from '../models/ThemeProvider';
+import { NativeTarget } from '../types';
+import isStyledComponent from '../utils/isStyledComponent';
+declare const styled: (<Target extends NativeTarget>(tag: Target) => {
+    <Props = unknown, Statics = unknown>(initialStyles: import("../types").Styles<Props>, ...interpolations: import("../types").Interpolation<Props>[]): import("../types").IStyledNativeComponent<Target, Props> & Statics;
+    attrs(attrs: import("../types").Attrs<unknown>): any;
+    withConfig(config: import("../types").StyledNativeOptions<unknown>): any;
+}) & {
+    Image: NativeStyled<typeof reactPrimitives.Image, import("react-native").ImageProps, unknown>;
+    Text: NativeStyled<typeof reactPrimitives.Text, import("react-native").TextProps, unknown>;
+    Touchable: NativeStyled<import("react").ComponentType<import("react-native").TouchableOpacityProps>, import("react-native").TouchableOpacityProps | (import("react-native").TouchableOpacityProps & {
+        children?: import("react").ReactNode;
+    }), unknown>;
+    View: NativeStyled<typeof reactPrimitives.View, import("react-native").ViewProps, unknown>;
+};
+export { css, isStyledComponent, ThemeProvider, ThemeConsumer, ThemeContext, withTheme, useTheme };
+export default styled;

package/dist/secretInternals.d.ts

@@ -0,0 +1,5 @@
+import StyleSheet from './sheet';
+export declare const __PRIVATE__: {
+    StyleSheet: typeof StyleSheet;
+    mainSheet: StyleSheet;
+};

package/dist/sheet/GroupIDAllocator.d.ts

@@ -0,0 +1,4 @@
+export declare const resetGroupIds: () => void;
+export declare const getGroupForId: (id: string) => number;
+export declare const getIdForGroup: (group: number) => void | string;
+export declare const setGroupForId: (id: string, group: number) => void;

package/dist/sheet/GroupedTag.d.ts

@@ -0,0 +1,11 @@
+import { Tag } from './types';
+/** Create a GroupedTag with an underlying Tag implementation */
+export declare const makeGroupedTag: (tag: Tag) => {
+    groupSizes: Uint32Array;
+    length: number;
+    tag: Tag;
+    indexOfGroup(group: number): number;
+    insertRules(group: number, rules: string | string[]): void;
+    clearGroup(group: number): void;
+    getGroup(group: number): string;
+};

package/dist/sheet/Rehydration.d.ts

@@ -0,0 +1,3 @@
+import { Sheet } from './types';
+export declare const outputSheet: (sheet: Sheet) => string;
+export declare const rehydrateSheet: (sheet: Sheet) => void;

package/dist/sheet/Sheet.d.ts

@@ -0,0 +1,40 @@
+import { GroupedTag, Sheet, SheetOptions } from './types';
+declare type SheetConstructorArgs = {
+    isServer?: boolean;
+    useCSSOMInjection?: boolean;
+    target?: HTMLElement;
+};
+declare type GlobalStylesAllocationMap = {
+    [key: string]: number;
+};
+declare type NamesAllocationMap = Map<string, Set<string>>;
+/** Contains the main stylesheet logic for stringification and caching */
+export default class StyleSheet implements Sheet {
+    gs: GlobalStylesAllocationMap;
+    names: NamesAllocationMap;
+    options: SheetOptions;
+    server: boolean;
+    tag?: GroupedTag;
+    /** Register a group ID to give it an index */
+    static registerId(id: string): number;
+    constructor(options?: SheetConstructorArgs, globalStyles?: GlobalStylesAllocationMap, names?: NamesAllocationMap);
+    reconstructWithOptions(options: SheetConstructorArgs, withNames?: boolean): StyleSheet;
+    allocateGSInstance(id: string): number;
+    /** Lazily initialises a GroupedTag for when it's actually needed */
+    getTag(): GroupedTag;
+    /** Check whether a name is known for caching */
+    hasNameForId(id: string, name: string): boolean;
+    /** Mark a group's name as known for caching */
+    registerName(id: string, name: string): void;
+    /** Insert new rules which also marks the name as known */
+    insertRules(id: string, name: string, rules: string | string[]): void;
+    /** Clears all cached names for a given group ID */
+    clearNames(id: string): void;
+    /** Clears all rules for a given group ID */
+    clearRules(id: string): void;
+    /** Clears the entire tag which deletes all rules but not its names */
+    clearTag(): void;
+    /** Outputs the current sheet as a CSS string with markers for SSR */
+    toString(): string;
+}
+export {};

package/dist/sheet/Tag.d.ts

@@ -0,0 +1,54 @@
+import { SheetOptions } from './types';
+/** Create a CSSStyleSheet-like tag depending on the environment */
+export declare const makeTag: ({ isServer, useCSSOMInjection, target }: SheetOptions) => {
+    element: HTMLStyleElement;
+    sheet: CSSStyleSheet;
+    length: number;
+    insertRule(index: number, rule: string): boolean;
+    deleteRule(index: number): void;
+    getRule(index: number): string;
+} | {
+    element: HTMLStyleElement;
+    nodes: NodeListOf<Node>;
+    length: number;
+    insertRule(index: number, rule: string): boolean;
+    deleteRule(index: number): void;
+    getRule(index: number): string;
+} | {
+    rules: string[];
+    length: number;
+    insertRule(index: number, rule: string): boolean;
+    deleteRule(index: number): void;
+    getRule(index: number): string;
+};
+export declare const CSSOMTag: {
+    new (target?: HTMLElement | undefined): {
+        element: HTMLStyleElement;
+        sheet: CSSStyleSheet;
+        length: number;
+        insertRule(index: number, rule: string): boolean;
+        deleteRule(index: number): void;
+        getRule(index: number): string;
+    };
+};
+/** A Tag that emulates the CSSStyleSheet API but uses text nodes */
+export declare const TextTag: {
+    new (target?: HTMLElement | undefined): {
+        element: HTMLStyleElement;
+        nodes: NodeListOf<Node>;
+        length: number;
+        insertRule(index: number, rule: string): boolean;
+        deleteRule(index: number): void;
+        getRule(index: number): string;
+    };
+};
+/** A completely virtual (server-side) Tag that doesn't manipulate the DOM */
+export declare const VirtualTag: {
+    new (_target?: HTMLElement | undefined): {
+        rules: string[];
+        length: number;
+        insertRule(index: number, rule: string): boolean;
+        deleteRule(index: number): void;
+        getRule(index: number): string;
+    };
+};

package/dist/sheet/dom.d.ts

@@ -0,0 +1,4 @@
+/** Create a style element inside `target` or <head> after the last */
+export declare const makeStyleTag: (target?: HTMLElement | undefined) => HTMLStyleElement;
+/** Get the CSSStyleSheet instance for a given style element */
+export declare const getSheet: (tag: HTMLStyleElement) => CSSStyleSheet;

package/dist/sheet/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Sheet';

package/dist/sheet/types.d.ts

@@ -0,0 +1,34 @@
+/** CSSStyleSheet-like Tag abstraction for CSS rules */
+export interface Tag {
+    insertRule(index: number, rule: string): boolean;
+    deleteRule(index: number): void;
+    getRule(index: number): string;
+    length: number;
+}
+/** Group-aware Tag that sorts rules by indices */
+export interface GroupedTag {
+    clearGroup(group: number): void;
+    getGroup(group: number): string;
+    groupSizes: Uint32Array;
+    insertRules(group: number, rules: string | string[]): void;
+    length: number;
+    tag: Tag;
+}
+export declare type SheetOptions = {
+    isServer: boolean;
+    target?: HTMLElement;
+    useCSSOMInjection: boolean;
+};
+export interface Sheet {
+    allocateGSInstance(id: string): number;
+    clearNames(id: string): void;
+    clearRules(id: string): void;
+    clearTag(): void;
+    getTag(): GroupedTag;
+    hasNameForId(id: string, name: string): boolean;
+    insertRules(id: string, name: string, rules: string | string[]): void;
+    options: SheetOptions;
+    names: Map<string, Set<string>>;
+    registerName(id: string, name: string): void;
+    toString(): string;
+}

package/dist/styled-components-macro.cjs.js

@@ -1,2 +1,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@babel/helper-module-imports"),r=e(require("@babel/traverse")),o=require("babel-plugin-macros"),n=e(require("babel-plugin-styled-components"));function a(){return(a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e}).apply(this,arguments)}var i=o.createMacro((function(e){var o,i=e.references,l=e.state,u=e.babel.types,s=e.config,c=(s=void 0===s?{}:s).importModuleName,p=void 0===c?"styled-components":c,f=function(e,t){if(null==e)return{};var r,o,n={},a=Object.keys(e);for(o=0;o<a.length;o++)r=a[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(s,["importModuleName"]),d=l.file.path;Object.keys(i).forEach((function(e){var r;"default"===e?(r=t.addDefault(d,p,{nameHint:"styled"}),o=r):r=t.addNamed(d,e,p,{nameHint:e}),i[e].forEach((function(e){e.node.name=r.name}))}));var m=a({},l,{opts:a({},f,{topLevelImportPaths:(f.topLevelImportPaths||[]).concat(p)}),customImportName:o});r(d.parent,n({types:u}).visitor,void 0,m)}),{configName:"styledComponents"});exports.default=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("@babel/helper-module-imports"),a=require("@babel/traverse"),o=require("babel-plugin-macros"),r=require("babel-plugin-styled-components");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(a),i=n(r),l=o.createMacro((function(a){var o,r=a.references,n=a.state,l=a.babel.types,u=a.config,d=void 0===u?{}:u,p=d.importModuleName,c=void 0===p?"styled-components":p,m=e.__rest(d,["importModuleName"]),f=n.file.path;Object.keys(r).forEach((function(e){var a;"default"===e?(a=t.addDefault(f,c,{nameHint:"styled"}),o=a):a=t.addNamed(f,e,c,{nameHint:e}),r[e].forEach((function(e){e.node.name=a.name}))}));var b=e.__assign(e.__assign({},n),{opts:e.__assign(e.__assign({},m),{topLevelImportPaths:(m.topLevelImportPaths||[]).concat(c)}),customImportName:o});s.default(f.parent,i.default({types:l}).visitor,void 0,b)}),{configName:"styledComponents"});exports.default=l;
 //# sourceMappingURL=styled-components-macro.cjs.js.map

package/dist/styled-components-macro.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled-components-macro.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"styled-components-macro.cjs.js","sources":["../src/macro/index.ts"],"sourcesContent":["import { types } from '@babel/core';\nimport { addDefault, addNamed } from '@babel/helper-module-imports';\nimport traverse from '@babel/traverse';\nimport { createMacro, MacroParams } from 'babel-plugin-macros';\nimport babelPlugin from 'babel-plugin-styled-components';\n\nfunction styledComponentsMacro({\n  references,\n  state,\n  babel: { types: t },\n  config: { importModuleName = 'styled-components', ...config } = {},\n}: MacroParams) {\n  const program = state.file.path;\n\n  // FIRST STEP : replace `styled-components/macro` by `styled-components\n  // references looks like this\n  // { default: [path, path], css: [path], ... }\n  let customImportName;\n  Object.keys(references).forEach(refName => {\n    // generate new identifier\n    let id: types.Identifier;\n    if (refName === 'default') {\n      id = addDefault(program, importModuleName, { nameHint: 'styled' });\n      customImportName = id;\n    } else {\n      id = addNamed(program, refName, importModuleName, { nameHint: refName });\n    }\n\n    // update references with the new identifiers\n    references[refName].forEach(referencePath => {\n      // eslint-disable-next-line no-param-reassign\n      (referencePath.node as types.Identifier).name = id.name;\n    });\n  });\n\n  // SECOND STEP : apply babel-plugin-styled-components to the file\n  const stateWithOpts = {\n    ...state,\n    opts: {\n      ...config,\n      topLevelImportPaths: (config.topLevelImportPaths || []).concat(importModuleName),\n    },\n    customImportName,\n  };\n  traverse(program.parent, babelPlugin({ types: t }).visitor, undefined, stateWithOpts);\n}\n\nexport default createMacro(styledComponentsMacro, {\n  configName: 'styledComponents',\n});\n"],"names":["createMacro","_a","customImportName","references","state","t","_b","_c","_d","importModuleName","config","program","file","path","Object","keys","forEach","refName","id","addDefault","nameHint","addNamed","referencePath","node","name","stateWithOpts","opts","topLevelImportPaths","concat","traverse","parent","babelPlugin","types","visitor","undefined","configName"],"mappings":"2UA+CeA,eAzCf,SAA+BC,GAC7B,IAUIC,EAVJC,eACAC,UACgBC,gBAChBC,WAAAC,aAAgE,KAAtDC,qBAAAC,aAAmB,sBAAwBC,aAA7C,sBAEFC,EAAUP,EAAMQ,KAAKC,KAM3BC,OAAOC,KAAKZ,GAAYa,SAAQ,SAAAC,GAE9B,IAAIC,EACY,YAAZD,GACFC,EAAKC,aAAWR,EAASF,EAAkB,CAAEW,SAAU,WACvDlB,EAAmBgB,GAEnBA,EAAKG,WAASV,EAASM,EAASR,EAAkB,CAAEW,SAAUH,IAIhEd,EAAWc,GAASD,SAAQ,SAAAM,GAEzBA,EAAcC,KAA0BC,KAAON,EAAGM,WAKvD,IAAMC,2BACDrB,IACHsB,8BACKhB,IACHiB,qBAAsBjB,EAAOiB,qBAAuB,IAAIC,OAAOnB,KAEjEP,qBAEF2B,UAASlB,EAAQmB,OAAQC,UAAY,CAAEC,MAAO3B,IAAK4B,aAASC,EAAWT,KAGvB,CAChDU,WAAY"}

package/dist/styled-components-macro.esm.js

@@ -1,2 +1,2 @@
-import{addDefault as e,addNamed as t}from"@babel/helper-module-imports";import o from"@babel/traverse";import{createMacro as r}from"babel-plugin-macros";import n from"babel-plugin-styled-components";function a(){return(a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e}).apply(this,arguments)}var i=r((function(r){var i,p=r.references,m=r.state,l=r.babel.types,s=r.config,f=(s=void 0===s?{}:s).importModuleName,c=void 0===f?"styled-components":f,u=function(e,t){if(null==e)return{};var o,r,n={},a=Object.keys(e);for(r=0;r<a.length;r++)o=a[r],t.indexOf(o)>=0||(n[o]=e[o]);return n}(s,["importModuleName"]),v=m.file.path;Object.keys(p).forEach((function(o){var r;"default"===o?(r=e(v,c,{nameHint:"styled"}),i=r):r=t(v,o,c,{nameHint:o}),p[o].forEach((function(e){e.node.name=r.name}))}));var b=a({},m,{opts:a({},u,{topLevelImportPaths:(u.topLevelImportPaths||[]).concat(c)}),customImportName:i});o(v.parent,n({types:l}).visitor,void 0,b)}),{configName:"styledComponents"});export default i;
+import{__rest as e,__assign as o}from"tslib";import{addDefault as t,addNamed as r}from"@babel/helper-module-imports";import a from"@babel/traverse";import{createMacro as m}from"babel-plugin-macros";import n from"babel-plugin-styled-components";var p=m((function(m){var p,i=m.references,s=m.state,l=m.babel.types,f=m.config,c=void 0===f?{}:f,d=c.importModuleName,b=void 0===d?"styled-components":d,u=e(c,["importModuleName"]),v=s.file.path;Object.keys(i).forEach((function(e){var o;"default"===e?(o=t(v,b,{nameHint:"styled"}),p=o):o=r(v,e,b,{nameHint:e}),i[e].forEach((function(e){e.node.name=o.name}))}));var y=o(o({},s),{opts:o(o({},u),{topLevelImportPaths:(u.topLevelImportPaths||[]).concat(b)}),customImportName:p});a(v.parent,n({types:l}).visitor,void 0,y)}),{configName:"styledComponents"});export{p as default};
 //# sourceMappingURL=styled-components-macro.esm.js.map

package/dist/styled-components-macro.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled-components-macro.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"styled-components-macro.esm.js","sources":["../src/macro/index.ts"],"sourcesContent":["import { types } from '@babel/core';\nimport { addDefault, addNamed } from '@babel/helper-module-imports';\nimport traverse from '@babel/traverse';\nimport { createMacro, MacroParams } from 'babel-plugin-macros';\nimport babelPlugin from 'babel-plugin-styled-components';\n\nfunction styledComponentsMacro({\n  references,\n  state,\n  babel: { types: t },\n  config: { importModuleName = 'styled-components', ...config } = {},\n}: MacroParams) {\n  const program = state.file.path;\n\n  // FIRST STEP : replace `styled-components/macro` by `styled-components\n  // references looks like this\n  // { default: [path, path], css: [path], ... }\n  let customImportName;\n  Object.keys(references).forEach(refName => {\n    // generate new identifier\n    let id: types.Identifier;\n    if (refName === 'default') {\n      id = addDefault(program, importModuleName, { nameHint: 'styled' });\n      customImportName = id;\n    } else {\n      id = addNamed(program, refName, importModuleName, { nameHint: refName });\n    }\n\n    // update references with the new identifiers\n    references[refName].forEach(referencePath => {\n      // eslint-disable-next-line no-param-reassign\n      (referencePath.node as types.Identifier).name = id.name;\n    });\n  });\n\n  // SECOND STEP : apply babel-plugin-styled-components to the file\n  const stateWithOpts = {\n    ...state,\n    opts: {\n      ...config,\n      topLevelImportPaths: (config.topLevelImportPaths || []).concat(importModuleName),\n    },\n    customImportName,\n  };\n  traverse(program.parent, babelPlugin({ types: t }).visitor, undefined, stateWithOpts);\n}\n\nexport default createMacro(styledComponentsMacro, {\n  configName: 'styledComponents',\n});\n"],"names":["createMacro","_a","customImportName","references","state","t","_b","_c","_d","importModuleName","config","program","file","path","Object","keys","forEach","refName","id","addDefault","nameHint","addNamed","referencePath","node","name","stateWithOpts","opts","topLevelImportPaths","concat","traverse","parent","babelPlugin","types","visitor","undefined","configName"],"mappings":"oPA+CA,MAAeA,GAzCf,SAA+BC,GAC7B,IAUIC,EAVJC,eACAC,UACgBC,gBAChBC,WAAAC,aAAgE,KAAtDC,qBAAAC,aAAmB,sBAAwBC,MAA7C,sBAEFC,EAAUP,EAAMQ,KAAKC,KAM3BC,OAAOC,KAAKZ,GAAYa,SAAQ,SAAAC,GAE9B,IAAIC,EACY,YAAZD,GACFC,EAAKC,EAAWR,EAASF,EAAkB,CAAEW,SAAU,WACvDlB,EAAmBgB,GAEnBA,EAAKG,EAASV,EAASM,EAASR,EAAkB,CAAEW,SAAUH,IAIhEd,EAAWc,GAASD,SAAQ,SAAAM,GAEzBA,EAAcC,KAA0BC,KAAON,EAAGM,WAKvD,IAAMC,SACDrB,IACHsB,YACKhB,IACHiB,qBAAsBjB,EAAOiB,qBAAuB,IAAIC,OAAOnB,KAEjEP,qBAEF2B,EAASlB,EAAQmB,OAAQC,EAAY,CAAEC,MAAO3B,IAAK4B,aAASC,EAAWT,KAGvB,CAChDU,WAAY"}

package/dist/styled-components.browser.cjs.js

@@ -1,2 +1,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react-is"),n=require("react"),r=e(n),o=e(require("shallowequal")),s=e(require("@emotion/stylis")),i=e(require("@emotion/unitless")),a=e(require("@emotion/is-prop-valid")),u=e(require("hoist-non-react-statics"));function c(){return(c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var l=function(e,t){for(var n=[e[0]],r=0,o=t.length;r<o;r+=1)n.push(t[r],e[r+1]);return n},d=function(e){return null!==e&&"object"==typeof e&&"[object Object]"===(e.toString?e.toString():Object.prototype.toString.call(e))&&!t.typeOf(e)},h=Object.freeze([]),p=Object.freeze({});function f(e){return"function"==typeof e}function m(e){return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function y(e){return e&&"string"==typeof e.styledComponentId}var v="undefined"!=typeof process&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",g="undefined"!=typeof window&&"HTMLElement"in window,S=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY?"false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY:"production"!==process.env.NODE_ENV),w={},E="production"!==process.env.NODE_ENV?{1:"Cannot create styled-component for component: %s.\n\n",2:"Can't collect styles once you've consumed a `ServerStyleSheet`'s styles! `ServerStyleSheet` is a one off instance for each server-side render cycle.\n\n- Are you trying to reuse it across renders?\n- Are you accidentally calling collectStyles twice?\n\n",3:"Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.\n\n",4:"The `StyleSheetManager` expects a valid target or sheet prop!\n\n- Does this error occur on the client and is your target falsy?\n- Does this error occur on the server and is the sheet falsy?\n\n",5:"The clone method cannot be used on the client!\n\n- Are you running in a client-like environment on the server?\n- Are you trying to run SSR on the client?\n\n",6:"Trying to insert a new style tag, but the given Node is unmounted!\n\n- Are you using a custom target that isn't mounted?\n- Does your document not have a valid head element?\n- Have you accidentally removed a style tag manually?\n\n",7:'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n',8:'ThemeProvider: Please make your "theme" prop an object.\n\n',9:"Missing document `<head>`\n\n",10:"Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\n\n",11:"_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\n\n",12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",13:"%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.\n\n",14:'ThemeProvider: "theme" prop is required.\n\n',15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:"Reached the limit of how many styled components may be created at group %s.\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\nas for instance in your render method then you may be running into this limitation.\n\n",17:"CSSStyleSheet could not be found on HTMLStyleElement.\nHas styled-components' style tag been unmounted or altered by another script?\n"}:{};function b(){for(var e=arguments.length<=0?void 0:arguments[0],t=[],n=1,r=arguments.length;n<r;n+=1)t.push(n<0||arguments.length<=n?void 0:arguments[n]);return t.forEach((function(t){e=e.replace(/%[a-z]/,t)})),e}function _(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];throw"production"===process.env.NODE_ENV?new Error("An error occurred. See https://git.io/JUIaE#"+e+" for more information."+(n.length>0?" Args: "+n.join(", "):"")):new Error(b.apply(void 0,[E[e]].concat(n)).trim())}var N=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}var t=e.prototype;return t.indexOfGroup=function(e){for(var t=0,n=0;n<e;n++)t+=this.groupSizes[n];return t},t.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var n=this.groupSizes,r=n.length,o=r;e>=o;)(o<<=1)<0&&_(16,""+e);this.groupSizes=new Uint32Array(o),this.groupSizes.set(n),this.length=o;for(var s=r;s<o;s++)this.groupSizes[s]=0}for(var i=this.indexOfGroup(e+1),a=0,u=t.length;a<u;a++)this.tag.insertRule(i,t[a])&&(this.groupSizes[e]++,i++)},t.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],n=this.indexOfGroup(e),r=n+t;this.groupSizes[e]=0;for(var o=n;o<r;o++)this.tag.deleteRule(n)}},t.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var n=this.groupSizes[e],r=this.indexOfGroup(e),o=r+n,s=r;s<o;s++)t+=this.tag.getRule(s)+"/*!sc*/\n";return t},e}(),C=new Map,A=new Map,I=1,P=function(e){if(C.has(e))return C.get(e);for(;A.has(I);)I++;var t=I++;return"production"!==process.env.NODE_ENV&&((0|t)<0||t>1<<30)&&_(16,""+t),C.set(e,t),A.set(t,e),t},O=function(e){return A.get(e)},x=function(e,t){t>=I&&(I=t+1),C.set(e,t),A.set(t,e)},R="style["+v+'][data-styled-version="5.3.2"]',D=new RegExp("^"+v+'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)'),T=function(e,t,n){for(var r,o=n.split(","),s=0,i=o.length;s<i;s++)(r=o[s])&&e.registerName(t,r)},j=function(e,t){for(var n=(t.innerHTML||"").split("/*!sc*/\n"),r=[],o=0,s=n.length;o<s;o++){var i=n[o].trim();if(i){var a=i.match(D);if(a){var u=0|parseInt(a[1],10),c=a[2];0!==u&&(x(c,u),T(e,c,a[3]),e.getTag().insertRules(u,r)),r.length=0}else r.push(i)}}},k=function(){return"undefined"!=typeof window&&void 0!==window.__webpack_nonce__?window.__webpack_nonce__:null},V=function(e){var t=document.head,n=e||t,r=document.createElement("style"),o=function(e){for(var t=e.childNodes,n=t.length;n>=0;n--){var r=t[n];if(r&&1===r.nodeType&&r.hasAttribute(v))return r}}(n),s=void 0!==o?o.nextSibling:null;r.setAttribute(v,"active"),r.setAttribute("data-styled-version","5.3.2");var i=k();return i&&r.setAttribute("nonce",i),n.insertBefore(r,s),r},M=function(){function e(e){var t=this.element=V(e);t.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,n=0,r=t.length;n<r;n++){var o=t[n];if(o.ownerNode===e)return o}_(17)}(t),this.length=0}var t=e.prototype;return t.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}},t.deleteRule=function(e){this.sheet.deleteRule(e),this.length--},t.getRule=function(e){var t=this.sheet.cssRules[e];return void 0!==t&&"string"==typeof t.cssText?t.cssText:""},e}(),B=function(){function e(e){var t=this.element=V(e);this.nodes=t.childNodes,this.length=0}var t=e.prototype;return t.insertRule=function(e,t){if(e<=this.length&&e>=0){var n=document.createTextNode(t),r=this.nodes[e];return this.element.insertBefore(n,r||null),this.length++,!0}return!1},t.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--},t.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},e}(),z=function(){function e(e){this.rules=[],this.length=0}var t=e.prototype;return t.insertRule=function(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)},t.deleteRule=function(e){this.rules.splice(e,1),this.length--},t.getRule=function(e){return e<this.length?this.rules[e]:""},e}(),L=g,q={isServer:!g,useCSSOMInjection:!S},G=function(){function e(e,t,n){void 0===e&&(e=p),void 0===t&&(t={}),this.options=c({},q,{},e),this.gs=t,this.names=new Map(n),this.server=!!e.isServer,!this.server&&g&&L&&(L=!1,function(e){for(var t=document.querySelectorAll(R),n=0,r=t.length;n<r;n++){var o=t[n];o&&"active"!==o.getAttribute(v)&&(j(e,o),o.parentNode&&o.parentNode.removeChild(o))}}(this))}e.registerId=function(e){return P(e)};var t=e.prototype;return t.reconstructWithOptions=function(t,n){return void 0===n&&(n=!0),new e(c({},this.options,{},t),this.gs,n&&this.names||void 0)},t.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},t.getTag=function(){return this.tag||(this.tag=(n=(t=this.options).isServer,r=t.useCSSOMInjection,o=t.target,e=n?new z(o):r?new M(o):new B(o),new N(e)));var e,t,n,r,o},t.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},t.registerName=function(e,t){if(P(e),this.names.has(e))this.names.get(e).add(t);else{var n=new Set;n.add(t),this.names.set(e,n)}},t.insertRules=function(e,t,n){this.registerName(e,t),this.getTag().insertRules(P(e),n)},t.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},t.clearRules=function(e){this.getTag().clearGroup(P(e)),this.clearNames(e)},t.clearTag=function(){this.tag=void 0},t.toString=function(){return function(e){for(var t=e.getTag(),n=t.length,r="",o=0;o<n;o++){var s=O(o);if(void 0!==s){var i=e.names.get(s),a=t.getGroup(o);if(i&&a&&i.size){var u=v+".g"+o+'[id="'+s+'"]',c="";void 0!==i&&i.forEach((function(e){e.length>0&&(c+=e+",")})),r+=""+a+u+'{content:"'+c+'"}/*!sc*/\n'}}}return r}(this)},e}(),F=/(a)(d)/gi,Y=function(e){return String.fromCharCode(e+(e>25?39:97))};function H(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=Y(t%52)+n;return(Y(t%52)+n).replace(F,"$1-$2")}var $=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},W=function(e){return $(5381,e)};function U(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(f(n)&&!y(n))return!1}return!0}var J=W("5.3.2"),X=function(){function e(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic="production"===process.env.NODE_ENV&&(void 0===n||n.isStatic)&&U(e),this.componentId=t,this.baseHash=$(J,t),this.baseStyle=n,G.registerId(t)}return e.prototype.generateAndInjectStyles=function(e,t,n){var r=this.componentId,o=[];if(this.baseStyle&&o.push(this.baseStyle.generateAndInjectStyles(e,t,n)),this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(r,this.staticRulesId))o.push(this.staticRulesId);else{var s=me(this.rules,e,t,n).join(""),i=H($(this.baseHash,s)>>>0);if(!t.hasNameForId(r,i)){var a=n(s,"."+i,void 0,r);t.insertRules(r,i,a)}o.push(i),this.staticRulesId=i}else{for(var u=this.rules.length,c=$(this.baseHash,n.hash),l="",d=0;d<u;d++){var h=this.rules[d];if("string"==typeof h)l+=h,"production"!==process.env.NODE_ENV&&(c=$(c,h+d));else if(h){var p=me(h,e,t,n),f=Array.isArray(p)?p.join(""):p;c=$(c,f+d),l+=f}}if(l){var m=H(c>>>0);if(!t.hasNameForId(r,m)){var y=n(l,"."+m,void 0,r);t.insertRules(r,m,y)}o.push(m)}}return o.join(" ")},e}(),Z=/^\s*\/\/.*$/gm,K=[":","[",".","#"];function Q(e){var t,n,r,o,i=void 0===e?p:e,a=i.options,u=void 0===a?p:a,c=i.plugins,l=void 0===c?h:c,d=new s(u),f=[],m=function(e){function t(t){if(t)try{e(t+"}")}catch(e){}}return function(n,r,o,s,i,a,u,c,l,d){switch(n){case 1:if(0===l&&64===r.charCodeAt(0))return e(r+";"),"";break;case 2:if(0===c)return r+"/*|*/";break;case 3:switch(c){case 102:case 112:return e(o[0]+r),"";default:return r+(0===d?"/*|*/":"")}case-2:r.split("/*|*/}").forEach(t)}}}((function(e){f.push(e)})),y=function(e,r,s){return 0===r&&-1!==K.indexOf(s[n.length])||s.match(o)?e:"."+t};function v(e,s,i,a){void 0===a&&(a="&");var u=e.replace(Z,""),c=s&&i?i+" "+s+" { "+u+" }":u;return t=a,n=s,r=new RegExp("\\"+n+"\\b","g"),o=new RegExp("(\\"+n+"\\b){2,}"),d(i||!s?"":s,c)}return d.use([].concat(l,[function(e,t,o){2===e&&o.length&&o[0].lastIndexOf(n)>0&&(o[0]=o[0].replace(r,y))},m,function(e){if(-2===e){var t=f;return f=[],t}}])),v.hash=l.length?l.reduce((function(e,t){return t.name||_(15),$(e,t.name)}),5381).toString():"",v}var ee=r.createContext(),te=ee.Consumer,ne=r.createContext(),re=(ne.Consumer,new G),oe=Q();function se(){return n.useContext(ee)||re}function ie(){return n.useContext(ne)||oe}function ae(e){var t=n.useState(e.stylisPlugins),s=t[0],i=t[1],a=se(),u=n.useMemo((function(){var t=a;return e.sheet?t=e.sheet:e.target&&(t=t.reconstructWithOptions({target:e.target},!1)),e.disableCSSOMInjection&&(t=t.reconstructWithOptions({useCSSOMInjection:!1})),t}),[e.disableCSSOMInjection,e.sheet,e.target]),c=n.useMemo((function(){return Q({options:{prefix:!e.disableVendorPrefixes},plugins:s})}),[e.disableVendorPrefixes,s]);return n.useEffect((function(){o(s,e.stylisPlugins)||i(e.stylisPlugins)}),[e.stylisPlugins]),r.createElement(ee.Provider,{value:u},r.createElement(ne.Provider,{value:c},"production"!==process.env.NODE_ENV?r.Children.only(e.children):e.children))}var ue=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=oe);var r=n.name+t.hash;e.hasNameForId(n.id,r)||e.insertRules(n.id,r,t(n.rules,r,"@keyframes"))},this.toString=function(){return _(12,String(n.name))},this.name=e,this.id="sc-keyframes-"+e,this.rules=t}return e.prototype.getName=function(e){return void 0===e&&(e=oe),this.name+e.hash},e}(),ce=/([A-Z])/,le=/([A-Z])/g,de=/^ms-/,he=function(e){return"-"+e.toLowerCase()};function pe(e){return ce.test(e)?e.replace(le,he).replace(de,"-ms-"):e}var fe=function(e){return null==e||!1===e||""===e};function me(e,n,r,o){if(Array.isArray(e)){for(var s,a=[],u=0,c=e.length;u<c;u+=1)""!==(s=me(e[u],n,r,o))&&(Array.isArray(s)?a.push.apply(a,s):a.push(s));return a}if(fe(e))return"";if(y(e))return"."+e.styledComponentId;if(f(e)){if("function"!=typeof(h=e)||h.prototype&&h.prototype.isReactComponent||!n)return e;var l=e(n);return"production"!==process.env.NODE_ENV&&t.isElement(l)&&console.warn(m(e)+" is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details."),me(l,n,r,o)}var h;return e instanceof ue?r?(e.inject(r,o),e.getName(o)):e:d(e)?function e(t,n){var r,o,s=[];for(var a in t)t.hasOwnProperty(a)&&!fe(t[a])&&(Array.isArray(t[a])&&t[a].isCss||f(t[a])?s.push(pe(a)+":",t[a],";"):d(t[a])?s.push.apply(s,e(t[a],a)):s.push(pe(a)+": "+(r=a,null==(o=t[a])||"boolean"==typeof o||""===o?"":"number"!=typeof o||0===o||r in i?String(o).trim():o+"px")+";"));return n?[n+" {"].concat(s,["}"]):s}(e):e.toString()}var ye=function(e){return Array.isArray(e)&&(e.isCss=!0),e};function ve(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return f(e)||d(e)?ye(me(l(h,[e].concat(n)))):0===n.length&&1===e.length&&"string"==typeof e[0]?e:ye(me(l(e,n)))}var ge=/invalid hook call/i,Se=new Set,we=function(e,t){if("production"!==process.env.NODE_ENV){var r="The component "+e+(t?' with the id of "'+t+'"':"")+" has been created dynamically.\nYou may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.",o=console.error;try{var s=!0;console.error=function(e){if(ge.test(e))s=!1,Se.delete(r);else{for(var t=arguments.length,n=new Array(t>1?t-1:0),i=1;i<t;i++)n[i-1]=arguments[i];o.apply(void 0,[e].concat(n))}},n.useRef(),s&&!Se.has(r)&&(console.warn(r),Se.add(r))}catch(e){ge.test(e.message)&&Se.delete(r)}finally{console.error=o}}},Ee=function(e,t,n){return void 0===n&&(n=p),e.theme!==n.theme&&e.theme||t||n.theme},be=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,_e=/(^-|-$)/g;function Ne(e){return e.replace(be,"-").replace(_e,"")}var Ce=function(e){return H(W(e)>>>0)};function Ae(e){return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}var Ie=function(e){return"function"==typeof e||"object"==typeof e&&null!==e&&!Array.isArray(e)},Pe=function(e){return"__proto__"!==e&&"constructor"!==e&&"prototype"!==e};function Oe(e,t,n){var r=e[n];Ie(t)&&Ie(r)?xe(r,t):e[n]=t}function xe(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];for(var o=0,s=n;o<s.length;o++){var i=s[o];if(Ie(i))for(var a in i)Pe(a)&&Oe(e,i[a],a)}return e}var Re=r.createContext(),De=Re.Consumer,Te={};function je(e,t,o){var s=y(e),i=!Ae(e),l=t.attrs,d=void 0===l?h:l,v=t.componentId,g=void 0===v?function(e,t){var n="string"!=typeof e?"sc":Ne(e);Te[n]=(Te[n]||0)+1;var r=n+"-"+Ce("5.3.2"+n+Te[n]);return t?t+"-"+r:r}(t.displayName,t.parentComponentId):v,S=t.displayName,w=void 0===S?function(e){return Ae(e)?"styled."+e:"Styled("+m(e)+")"}(e):S,E=t.displayName&&t.componentId?Ne(t.displayName)+"-"+t.componentId:t.componentId||g,b=s&&e.attrs?Array.prototype.concat(e.attrs,d).filter(Boolean):d,_=t.shouldForwardProp;s&&e.shouldForwardProp&&(_=t.shouldForwardProp?function(n,r,o){return e.shouldForwardProp(n,r,o)&&t.shouldForwardProp(n,r,o)}:e.shouldForwardProp);var N,C=new X(o,E,s?e.componentStyle:void 0),A=C.isStatic&&0===d.length,I=function(e,t){return function(e,t,r,o){var s=e.attrs,i=e.componentStyle,u=e.defaultProps,l=e.foldedComponentIds,d=e.shouldForwardProp,h=e.styledComponentId,m=e.target;"production"!==process.env.NODE_ENV&&n.useDebugValue(h);var y=function(e,t,n){void 0===e&&(e=p);var r=c({},t,{theme:e}),o={};return n.forEach((function(e){var t,n,s,i=e;for(t in f(i)&&(i=i(r)),i)r[t]=o[t]="className"===t?(n=o[t],s=i[t],n&&s?n+" "+s:n||s):i[t]})),[r,o]}(Ee(t,n.useContext(Re),u)||p,t,s),v=y[0],g=y[1],S=function(e,t,r,o){var s=se(),i=ie(),a=t?e.generateAndInjectStyles(p,s,i):e.generateAndInjectStyles(r,s,i);return"production"!==process.env.NODE_ENV&&n.useDebugValue(a),"production"!==process.env.NODE_ENV&&!t&&o&&o(a),a}(i,o,v,"production"!==process.env.NODE_ENV?e.warnTooManyClasses:void 0),w=r,E=g.$as||t.$as||g.as||t.as||m,b=Ae(E),_=g!==t?c({},t,{},g):t,N={};for(var C in _)"$"!==C[0]&&"as"!==C&&("forwardedAs"===C?N.as=_[C]:(d?d(C,a,E):!b||a(C))&&(N[C]=_[C]));return t.style&&g.style!==t.style&&(N.style=c({},t.style,{},g.style)),N.className=Array.prototype.concat(l,h,S!==h?S:null,t.className,g.className).filter(Boolean).join(" "),N.ref=w,n.createElement(E,N)}(N,e,t,A)};return I.displayName=w,(N=r.forwardRef(I)).attrs=b,N.componentStyle=C,N.displayName=w,N.shouldForwardProp=_,N.foldedComponentIds=s?Array.prototype.concat(e.foldedComponentIds,e.styledComponentId):h,N.styledComponentId=E,N.target=s?e.target:e,N.withComponent=function(e){var n=t.componentId,r=function(e,t){if(null==e)return{};var n,r,o={},s=Object.keys(e);for(r=0;r<s.length;r++)n=s[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(t,["componentId"]),s=n&&n+"-"+(Ae(e)?e:Ne(m(e)));return je(e,c({},r,{attrs:b,componentId:s}),o)},Object.defineProperty(N,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(t){this._foldedDefaultProps=s?xe({},e.defaultProps,t):t}}),"production"!==process.env.NODE_ENV&&(we(w,E),N.warnTooManyClasses=function(e,t){var n={},r=!1;return function(o){if(!r&&(n[o]=!0,Object.keys(n).length>=200)){var s=t?' with the id of "'+t+'"':"";console.warn("Over 200 classes were generated for component "+e+s+".\nConsider using the attrs method, together with a style object for frequently changed styles.\nExample:\n  const Component = styled.div.attrs(props => ({\n    style: {\n      background: props.background,\n    },\n  }))`width: 100%;`\n\n  <Component />"),r=!0,n={}}}}(w,E)),N.toString=function(){return"."+N.styledComponentId},i&&u(N,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),N}var ke=function(e){return function e(n,r,o){if(void 0===o&&(o=p),!t.isValidElementType(r))return _(1,String(r));var s=function(){return n(r,o,ve.apply(void 0,arguments))};return s.withConfig=function(t){return e(n,r,c({},o,{},t))},s.attrs=function(t){return e(n,r,c({},o,{attrs:Array.prototype.concat(o.attrs,t).filter(Boolean)}))},s}(je,e)};["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","textPath","tspan"].forEach((function(e){ke[e]=ke(e)}));var Ve=function(){function e(e,t){this.rules=e,this.componentId=t,this.isStatic=U(e),G.registerId(this.componentId+1)}var t=e.prototype;return t.createStyles=function(e,t,n,r){var o=r(me(this.rules,t,n,r).join(""),""),s=this.componentId+e;n.insertRules(s,s,o)},t.removeStyles=function(e,t){t.clearRules(this.componentId+e)},t.renderStyles=function(e,t,n,r){e>2&&G.registerId(this.componentId+e),this.removeStyles(e,n),this.createStyles(e,t,n,r)},e}(),Me=function(){function e(){var e=this;this._emitSheetCSS=function(){var t=e.instance.toString();if(!t)return"";var n=k();return"<style "+[n&&'nonce="'+n+'"',v+'="true"','data-styled-version="5.3.2"'].filter(Boolean).join(" ")+">"+t+"</style>"},this.getStyleTags=function(){return e.sealed?_(2):e._emitSheetCSS()},this.getStyleElement=function(){var t;if(e.sealed)return _(2);var n=((t={})[v]="",t["data-styled-version"]="5.3.2",t.dangerouslySetInnerHTML={__html:e.instance.toString()},t),o=k();return o&&(n.nonce=o),[r.createElement("style",c({},n,{key:"sc-0-0"}))]},this.seal=function(){e.sealed=!0},this.instance=new G({isServer:!0}),this.sealed=!1}var t=e.prototype;return t.collectStyles=function(e){return this.sealed?_(2):r.createElement(ae,{sheet:this.instance},e)},t.interleaveWithNodeStream=function(e){return _(3)},e}(),Be={StyleSheet:G,masterSheet:re};"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("It looks like you've imported 'styled-components' on React Native.\nPerhaps you're looking to import 'styled-components/native'?\nRead more about this at https://www.styled-components.com/docs/basics#react-native"),"production"!==process.env.NODE_ENV&&"test"!==process.env.NODE_ENV&&"undefined"!=typeof window&&(window["__styled-components-init__"]=window["__styled-components-init__"]||0,1===window["__styled-components-init__"]&&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."),window["__styled-components-init__"]+=1),exports.ServerStyleSheet=Me,exports.StyleSheetConsumer=te,exports.StyleSheetContext=ee,exports.StyleSheetManager=ae,exports.ThemeConsumer=De,exports.ThemeContext=Re,exports.ThemeProvider=function(e){var t=n.useContext(Re),o=n.useMemo((function(){return function(e,t){if(!e)return _(14);if(f(e)){var n=e(t);return"production"===process.env.NODE_ENV||null!==n&&!Array.isArray(n)&&"object"==typeof n?n:_(7)}return Array.isArray(e)||"object"!=typeof e?_(8):t?c({},t,{},e):e}(e.theme,t)}),[e.theme,t]);return e.children?r.createElement(Re.Provider,{value:o},e.children):null},exports.__PRIVATE__=Be,exports.createGlobalStyle=function(e){for(var t=arguments.length,o=new Array(t>1?t-1:0),s=1;s<t;s++)o[s-1]=arguments[s];var i=ve.apply(void 0,[e].concat(o)),a="sc-global-"+Ce(JSON.stringify(i)),u=new Ve(i,a);function l(e){var t=se(),o=ie(),s=n.useContext(Re),c=n.useRef(t.allocateGSInstance(a)).current;return"production"!==process.env.NODE_ENV&&r.Children.count(e.children)&&console.warn("The global style component "+a+" was given child JSX. createGlobalStyle does not render children."),"production"!==process.env.NODE_ENV&&i.some((function(e){return"string"==typeof e&&-1!==e.indexOf("@import")}))&&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."),t.server&&d(c,e,t,s,o),n.useLayoutEffect((function(){if(!t.server)return d(c,e,t,s,o),function(){return u.removeStyles(c,t)}}),[c,e,t,s,o]),null}function d(e,t,n,r,o){if(u.isStatic)u.renderStyles(e,w,n,o);else{var s=c({},t,{theme:Ee(t,r,l.defaultProps)});u.renderStyles(e,s,n,o)}}return"production"!==process.env.NODE_ENV&&we(a),r.memo(l)},exports.css=ve,exports.default=ke,exports.isStyledComponent=y,exports.keyframes=function(e){"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.");for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];var o=ve.apply(void 0,[e].concat(n)).join(""),s=Ce(o);return new ue(s,o)},exports.useTheme=function(){return n.useContext(Re)},exports.version="5.3.2",exports.withTheme=function(e){var t=r.forwardRef((function(t,o){var s=n.useContext(Re),i=e.defaultProps,a=Ee(t,s,i);return"production"!==process.env.NODE_ENV&&void 0===a&&console.warn('[withTheme] You are not using a ThemeProvider nor passing a theme prop or a theme in defaultProps in component class "'+m(e)+'"'),r.createElement(e,c({},t,{theme:a,ref:o}))}));return u(t,e),t.displayName="WithTheme("+m(e)+")",t};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("@emotion/is-prop-valid"),n=require("react"),r=require("shallowequal"),o=require("stylis"),s=require("@emotion/unitless");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(t),c=i(n),u=i(r),l=i(s),d="undefined"!=typeof process&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",p="6.0.0-alpha.1",h="undefined"!=typeof window&&"HTMLElement"in window,f=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY?"false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY:"production"!==process.env.NODE_ENV),y={},m=/invalid hook call/i,v=new Set,g=function(t,r){if("production"!==process.env.NODE_ENV){var o=r?' with the id of "'.concat(r,'"'):"",s="The component ".concat(t).concat(o," has been created dynamically.\n")+"You may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.",i=console.error;try{var a=!0;console.error=function(t){for(var n=[],r=1;r<arguments.length;r++)n[r-1]=arguments[r];m.test(t)?(a=!1,v.delete(s)):i.apply(void 0,e.__spreadArray([t],e.__read(n),!1))},n.useRef(),a&&!v.has(s)&&(console.warn(s),v.add(s))}catch(e){m.test(e.message)&&v.delete(s)}finally{console.error=i}}},_=Object.freeze([]),S=Object.freeze({});function w(e,t,n){return void 0===n&&(n=S),e.theme!==n.theme&&e.theme||t||n.theme}var b=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","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","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"],E=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,N=/(^-|-$)/g;function C(e){return e.replace(E,"-").replace(N,"")}var A=/(a)(d)/gi,P=function(e){return String.fromCharCode(e+(e>25?39:97))};function I(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=P(t%52)+n;return(P(t%52)+n).replace(A,"$1-$2")}var x,O=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},R=function(e){return O(5381,e)};function D(e){return I(R(e)>>>0)}function T(e){return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function j(e){return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}var k="function"==typeof Symbol&&Symbol.for,V=k?Symbol.for("react.memo"):60115,M=k?Symbol.for("react.forward_ref"):60112,$={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},z={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},B={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},L=((x={})[M]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},x[V]=B,x);function G(e){return("type"in(t=e)&&t.type.$$typeof)===V?B:"$$typeof"in e?L[e.$$typeof]:$;var t}var F=Object.defineProperty,q=Object.getOwnPropertyNames,Y=Object.getOwnPropertySymbols,H=Object.getOwnPropertyDescriptor,W=Object.getPrototypeOf,U=Object.prototype;function J(e,t,n){if("string"!=typeof t){if(U){var r=W(t);r&&r!==U&&J(e,r,n)}var o=q(t);Y&&(o=o.concat(Y(t)));for(var s=G(e),i=G(t),a=0;a<o.length;++a){var c=o[a];if(!(c in z||n&&n[c]||i&&c in i||s&&c in s)){var u=H(t,c);try{F(e,c,u)}catch(e){}}}}return e}function X(e){return"object"==typeof e&&"styledComponentId"in e}function Z(e){return!(null===e||"object"!=typeof e||e.constructor&&"Object"!==e.constructor.name||"[object Object]"!==(e.toString?e.toString():Object.prototype.toString.call(e))||"props"in e&&(e.$$typeof||void 0===e.constructor))}function K(e,t,n){if(void 0===n&&(n=!1),!n&&!Z(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var r=0;r<t.length;r++)e[r]=K(e[r],t[r]);else if(Z(t))for(var r in t)e[r]=K(e[r],t[r]);return e}var Q="production"!==process.env.NODE_ENV?{1:"Cannot create styled-component for component: %s.\n\n",2:"Can't collect styles once you've consumed a `ServerStyleSheet`'s styles! `ServerStyleSheet` is a one off instance for each server-side render cycle.\n\n- Are you trying to reuse it across renders?\n- Are you accidentally calling collectStyles twice?\n\n",3:"Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.\n\n",4:"The `StyleSheetManager` expects a valid target or sheet prop!\n\n- Does this error occur on the client and is your target falsy?\n- Does this error occur on the server and is the sheet falsy?\n\n",5:"The clone method cannot be used on the client!\n\n- Are you running in a client-like environment on the server?\n- Are you trying to run SSR on the client?\n\n",6:"Trying to insert a new style tag, but the given Node is unmounted!\n\n- Are you using a custom target that isn't mounted?\n- Does your document not have a valid head element?\n- Have you accidentally removed a style tag manually?\n\n",7:'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n',8:'ThemeProvider: Please make your "theme" prop an object.\n\n',9:"Missing document `<head>`\n\n",10:"Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\n\n",11:"_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\n\n",12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",13:"%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.\n\n",14:'ThemeProvider: "theme" prop is required.\n\n',15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:"Reached the limit of how many styled components may be created at group %s.\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\nas for instance in your render method then you may be running into this limitation.\n\n",17:"CSSStyleSheet could not be found on HTMLStyleElement.\nHas styled-components' style tag been unmounted or altered by another script?\n"}:{};function ee(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];for(var n=e[0],r=[],o=1,s=e.length;o<s;o+=1)r.push(e[o]);return r.forEach((function(e){n=n.replace(/%[a-z]/,e)})),n}function te(t){for(var n=[],r=1;r<arguments.length;r++)n[r-1]=arguments[r];return"production"===process.env.NODE_ENV?new Error("An error occurred. See https://git.io/JUIaE#".concat(t," for more information.").concat(n.length>0?" Args: ".concat(n.join(", ")):"")):new Error(ee.apply(void 0,e.__spreadArray([Q[t]],e.__read(n),!1)).trim())}var ne=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}return e.prototype.indexOfGroup=function(e){for(var t=0,n=0;n<e;n++)t+=this.groupSizes[n];return t},e.prototype.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var n=this.groupSizes,r=n.length,o=r;e>=o;)if((o<<=1)<0)throw te(16,"".concat(e));this.groupSizes=new Uint32Array(o),this.groupSizes.set(n),this.length=o;for(var s=r;s<o;s++)this.groupSizes[s]=0}var i=this.indexOfGroup(e+1);if(Array.isArray(t)){s=0;for(var a=t.length;s<a;s++)this.tag.insertRule(i,t[s])&&(this.groupSizes[e]++,i++)}else this.tag.insertRule(i,t)&&this.groupSizes[e]++},e.prototype.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],n=this.indexOfGroup(e),r=n+t;this.groupSizes[e]=0;for(var o=n;o<r;o++)this.tag.deleteRule(n)}},e.prototype.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var n=this.groupSizes[e],r=this.indexOfGroup(e),o=r+n,s=r;s<o;s++)t+="".concat(this.tag.getRule(s)).concat("/*!sc*/\n");return t},e}(),re=new Map,oe=new Map,se=1,ie=function(e){if(re.has(e))return re.get(e);for(;oe.has(se);)se++;var t=se++;if("production"!==process.env.NODE_ENV&&((0|t)<0||t>1073741824))throw te(16,"".concat(t));return re.set(e,t),oe.set(t,e),t},ae=function(e,t){re.set(e,t),oe.set(t,e)},ce="style[".concat(d,"][").concat("data-styled-version",'="').concat(p,'"]'),ue=new RegExp("^".concat(d,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),le=function(e,t,n){for(var r,o=n.split(","),s=0,i=o.length;s<i;s++)(r=o[s])&&e.registerName(t,r)},de=function(e,t){for(var n,r=(null!==(n=t.textContent)&&void 0!==n?n:"").split("/*!sc*/\n"),o=[],s=0,i=r.length;s<i;s++){var a=r[s].trim();if(a){var c=a.match(ue);if(c){var u=0|parseInt(c[1],10),l=c[2];0!==u&&(ae(l,u),le(e,l,c[3]),e.getTag().insertRules(u,o)),o.length=0}else o.push(a)}}};function pe(){return"undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null}var he=function(e){var t=document.head,n=e||t,r=document.createElement("style"),o=function(e){for(var t=e.childNodes,n=t.length;n>=0;n--){var r=t[n];if(r&&1===r.nodeType&&r.hasAttribute(d))return r}}(n),s=void 0!==o?o.nextSibling:null;r.setAttribute(d,"active"),r.setAttribute("data-styled-version",p);var i=pe();return i&&r.setAttribute("nonce",i),n.insertBefore(r,s),r},fe=function(){function e(e){var t=this.element=he(e);t.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,n=0,r=t.length;n<r;n++){var o=t[n];if(o.ownerNode===e)return o}throw te(17)}(t),this.length=0}return e.prototype.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}},e.prototype.deleteRule=function(e){this.sheet.deleteRule(e),this.length--},e.prototype.getRule=function(e){var t=this.sheet.cssRules[e];return void 0!==t&&"string"==typeof t.cssText?t.cssText:""},e}(),ye=function(){function e(e){var t=this.element=he(e);this.nodes=t.childNodes,this.length=0}return e.prototype.insertRule=function(e,t){if(e<=this.length&&e>=0){var n=document.createTextNode(t),r=this.nodes[e];return this.element.insertBefore(n,r||null),this.length++,!0}return!1},e.prototype.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--},e.prototype.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},e}(),me=function(){function e(e){this.rules=[],this.length=0}return e.prototype.insertRule=function(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)},e.prototype.deleteRule=function(e){this.rules.splice(e,1),this.length--},e.prototype.getRule=function(e){return e<this.length?this.rules[e]:""},e}(),ve=h,ge={isServer:!h,useCSSOMInjection:!f},_e=function(){function t(t,n,r){void 0===t&&(t=S),void 0===n&&(n={}),this.options=e.__assign(e.__assign({},ge),t),this.gs=n,this.names=new Map(r),this.server=!!t.isServer,!this.server&&h&&ve&&(ve=!1,function(e){for(var t=document.querySelectorAll(ce),n=0,r=t.length;n<r;n++){var o=t[n];o&&"active"!==o.getAttribute(d)&&(de(e,o),o.parentNode&&o.parentNode.removeChild(o))}}(this))}return t.registerId=function(e){return ie(e)},t.prototype.reconstructWithOptions=function(n,r){return void 0===r&&(r=!0),new t(e.__assign(e.__assign({},this.options),n),this.gs,r&&this.names||void 0)},t.prototype.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},t.prototype.getTag=function(){return this.tag||(this.tag=(e=function(e){var t=e.isServer,n=e.useCSSOMInjection,r=e.target;return t?new me(r):n?new fe(r):new ye(r)}(this.options),new ne(e)));var e},t.prototype.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},t.prototype.registerName=function(e,t){if(ie(e),this.names.has(e))this.names.get(e).add(t);else{var n=new Set;n.add(t),this.names.set(e,n)}},t.prototype.insertRules=function(e,t,n){this.registerName(e,t),this.getTag().insertRules(ie(e),n)},t.prototype.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},t.prototype.clearRules=function(e){this.getTag().clearGroup(ie(e)),this.clearNames(e)},t.prototype.clearTag=function(){this.tag=void 0},t.prototype.toString=function(){return function(e){for(var t=e.getTag(),n=t.length,r="",o=function(n){var o=function(e){return oe.get(e)}(n);if(void 0===o)return"continue";var s=e.names.get(o),i=t.getGroup(n);if(void 0===s||0===i.length)return"continue";var a="".concat(d,".g").concat(n,'[id="').concat(o,'"]'),c="";void 0!==s&&s.forEach((function(e){e.length>0&&(c+="".concat(e,","))})),r+="".concat(i).concat(a,'{content:"').concat(c,'"}').concat("/*!sc*/\n")},s=0;s<n;s++)o(s);return r}(this)},t}(),Se=/^\s*\/\/.*$/gm,we=[":","[",".","#"];function be(e){var t,n,r,s,i=void 0===e?S:e,a=i.options,c=void 0===a?S:a,u=i.plugins,l=void 0===u?_:u,d=function(e,r,o){return 0===r&&we.includes(o[n.length])||o.match(s)?e:".".concat(t)},p=function(e){if(e.type===o.RULESET&&e.value.includes("&")){var t=e.props;t[0]=t[0].replace(r,d)}},h=function(e,i,a,u){void 0===i&&(i=""),void 0===a&&(a=""),void 0===u&&(u="&");var d=e.replace(Se,"");t=u,n=i,r=new RegExp("\\".concat(n,"\\b"),"g"),s=new RegExp("(\\".concat(n,"\\b){2,}"));var h=l.slice();return(c.prefix||void 0===c.prefix)&&h.unshift(o.prefixer),h.push(p,o.stringify),o.serialize(o.compile(a||i?"".concat(a," ").concat(i," { ").concat(d," }"):d),o.middleware(h))};return h.hash=l.length?l.reduce((function(e,t){return t.name||te(15),O(e,t.name)}),5381).toString():"",h}var Ee=c.default.createContext(void 0),Ne=Ee.Consumer,Ce=c.default.createContext(void 0);Ce.Consumer;var Ae=new _e,Pe=be();function Ie(){return n.useContext(Ee)||Ae}function xe(){return n.useContext(Ce)||Pe}function Oe(t){var r=e.__read(n.useState(t.stylisPlugins),2),o=r[0],s=r[1],i=Ie(),a=n.useMemo((function(){var e=i;return t.sheet?e=t.sheet:t.target&&(e=e.reconstructWithOptions({target:t.target},!1)),t.disableCSSOMInjection&&(e=e.reconstructWithOptions({useCSSOMInjection:!1})),e}),[t.disableCSSOMInjection,t.sheet,t.target]),l=n.useMemo((function(){return be({options:{prefix:!t.disableVendorPrefixes},plugins:o})}),[t.disableVendorPrefixes,o]);return n.useEffect((function(){u.default(o,t.stylisPlugins)||s(t.stylisPlugins)}),[t.stylisPlugins]),c.default.createElement(Ee.Provider,{value:a},c.default.createElement(Ce.Provider,{value:l},"production"!==process.env.NODE_ENV?c.default.Children.only(t.children):t.children))}var Re=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=Pe);var r=n.name+t.hash;e.hasNameForId(n.id,r)||e.insertRules(n.id,r,t(n.rules,r,"@keyframes"))},this.toString=function(){throw te(12,String(n.name))},this.name=e,this.id="sc-keyframes-".concat(e),this.rules=t}return e.prototype.getName=function(e){return void 0===e&&(e=Pe),this.name+e.hash},e}(),De=/([A-Z])/,Te=/([A-Z])/g,je=/^ms-/,ke=function(e){return"-".concat(e.toLowerCase())};function Ve(e){return De.test(e)?e.replace(Te,ke).replace(je,"-ms-"):e}function Me(e){return"function"==typeof e}var $e=function(e){return null==e||!1===e||""===e},ze=function(t,n){var r,o,s=[];for(var i in t)t.hasOwnProperty(i)&&!$e(t[i])&&(Array.isArray(t[i])&&t[i].isCss||Me(t[i])?s.push("".concat(Ve(i),":"),t[i],";"):Z(t[i])?s.push.apply(s,e.__spreadArray([],e.__read(ze(t[i],i)),!1)):s.push("".concat(Ve(i),": ").concat((r=i,null==(o=t[i])||"boolean"==typeof o||""===o?"":"number"!=typeof o||0===o||r in l.default?String(o).trim():"".concat(o,"px")),";")));return n?e.__spreadArray(e.__spreadArray(["".concat(n," {")],e.__read(s),!1),["}"],!1):s};function Be(t,n,r,o){if(Array.isArray(t)){for(var s=[],i=0,a=t.length,c=void 0;i<a;i+=1)""!==(c=Be(t[i],n,r,o))&&(Array.isArray(c)?s.push.apply(s,e.__spreadArray([],e.__read(c),!1)):s.push(c));return s}if($e(t))return"";if(X(t))return".".concat(t.styledComponentId);if(Me(t)){if("function"!=typeof(l=t)||l.prototype&&l.prototype.isReactComponent||!n)return t;var u=t;return c=u(n),"production"===process.env.NODE_ENV||"object"!=typeof c||Array.isArray(c)||c instanceof Re||Z(c)||console.error("".concat(T(u)," is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")),Be(c,n,r,o)}var l;return t instanceof Re?r?(t.inject(r,o),t.getName(o)):t:Z(t)?ze(t):t.toString()}function Le(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(Me(n)&&!X(n))return!1}return!0}var Ge=R(p),Fe=function(){function e(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic="production"===process.env.NODE_ENV&&(void 0===n||n.isStatic)&&Le(e),this.componentId=t,this.baseHash=O(Ge,t),this.baseStyle=n,_e.registerId(t)}return e.prototype.generateAndInjectStyles=function(e,t,n){var r=this.componentId,o=[];if(this.baseStyle&&o.push(this.baseStyle.generateAndInjectStyles(e,t,n)),this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(r,this.staticRulesId))o.push(this.staticRulesId);else{var s=Be(this.rules,e,t,n).join(""),i=I(O(this.baseHash,s)>>>0);if(!t.hasNameForId(r,i)){var a=n(s,".".concat(i),void 0,r);t.insertRules(r,i,a)}o.push(i),this.staticRulesId=i}else{for(var c=this.rules.length,u=O(this.baseHash,n.hash),l="",d=0;d<c;d++){var p=this.rules[d];if("string"==typeof p)l+=p,"production"!==process.env.NODE_ENV&&(u=O(u,p+d));else if(p){var h=Be(p,e,t,n),f=Array.isArray(h)?h.join(""):h;u=O(u,f+d),l+=f}}if(l){var y=I(u>>>0);if(!t.hasNameForId(r,y)){var m=n(l,".".concat(y),void 0,r);t.insertRules(r,y,m)}o.push(y)}}return o.join(" ")},e}(),qe=c.default.createContext(void 0),Ye=qe.Consumer,He={};function We(t,r,o){var s=X(t),i=t,u=!j(t),l=r.attrs,d=void 0===l?_:l,h=r.componentId,f=void 0===h?function(e,t){var n="string"!=typeof e?"sc":C(e);He[n]=(He[n]||0)+1;var r="".concat(n,"-").concat(D(p+n+He[n]));return t?"".concat(t,"-").concat(r):r}(r.displayName,r.parentComponentId):h,y=r.displayName,m=void 0===y?function(e){return j(e)?"styled.".concat(e):"Styled(".concat(T(e),")")}(t):y,v=r.displayName&&r.componentId?"".concat(C(r.displayName),"-").concat(r.componentId):r.componentId||f,E=s&&i.attrs?i.attrs.concat(d).filter(Boolean):d,N=r.shouldForwardProp;if(s&&i.shouldForwardProp){var A=i.shouldForwardProp;if(r.shouldForwardProp){var P=r.shouldForwardProp;N=function(e,t,n){return A(e,t,n)&&P(e,t,n)}}else N=A}var I=new Fe(o,v,s?i.componentStyle:void 0),x=I.isStatic&&0===d.length;function O(t,r){return function(t,r,o,s){var i=t.attrs,c=t.componentStyle,u=t.defaultProps,l=t.foldedComponentIds,d=t.shouldForwardProp,p=t.styledComponentId,h=t.target;"production"!==process.env.NODE_ENV&&n.useDebugValue(p);var f=w(r,n.useContext(qe),u),y=e.__read(function(t,n,r){void 0===t&&(t=S);var o=e.__assign(e.__assign({},n),{theme:t}),s={};return r.forEach((function(e){var t,n,r,i="function"==typeof e?e(o):e;for(t in i)o[t]=s[t]="className"===t?(n=s[t],r=i[t],n&&r?"".concat(n," ").concat(r):n||r):i[t]})),[o,s]}(f||S,r,i),2),m=y[0],v=y[1],g=function(e,t,r,o){var s=Ie(),i=xe(),a=t?e.generateAndInjectStyles(S,s,i):e.generateAndInjectStyles(r,s,i);return"production"!==process.env.NODE_ENV&&n.useDebugValue(a),"production"!==process.env.NODE_ENV&&!t&&o&&o(a),a}(c,s,m,"production"!==process.env.NODE_ENV?t.warnTooManyClasses:void 0),_=o,E=v.$as||r.$as||v.as||r.as||h,N=j(E),C=v!==r?e.__assign(e.__assign({},r),v):r,A={};for(var P in C)"$"!==P[0]&&"as"!==P&&("forwardedAs"===P?A.as=C[P]:(d?d(P,a.default,E):!N||a.default(P))&&(A[P]=C[P]));return r.style&&v.style!==r.style&&(A.style=e.__assign(e.__assign({},r.style),v.style)),A[N&&-1===b.indexOf(E)?"class":"className"]=l.concat(p,g!==p?g:null,r.className,v.className).filter(Boolean).join(" "),A.ref=_,n.createElement(E,A)}(R,t,r,x)}O.displayName=m;var R=c.default.forwardRef(O);return R.attrs=E,R.componentStyle=I,R.displayName=m,R.shouldForwardProp=N,R.foldedComponentIds=s?i.foldedComponentIds.concat(i.styledComponentId):_,R.styledComponentId=v,R.target=s?i.target:t,R.withComponent=function(t){var n=r.componentId,s=e.__rest(r,["componentId"]),i=n&&"".concat(n,"-").concat(j(t)?t:C(T(t)));return We(t,e.__assign(e.__assign({},s),{attrs:E,componentId:i}),o)},Object.defineProperty(R,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(t){this._foldedDefaultProps=s?function(t){var n,r;void 0===t&&(t={});for(var o=[],s=1;s<arguments.length;s++)o[s-1]=arguments[s];try{for(var i=e.__values(o),a=i.next();!a.done;a=i.next())K(t,a.value,!0)}catch(e){n={error:e}}finally{try{a&&!a.done&&(r=i.return)&&r.call(i)}finally{if(n)throw n.error}}return t}({},i.defaultProps,t):t}}),"production"!==process.env.NODE_ENV&&(g(m,v),R.warnTooManyClasses=function(e,t){var n={},r=!1;return function(o){if(!r&&(n[o]=!0,Object.keys(n).length>=200)){var s=t?' with the id of "'.concat(t,'"'):"";console.warn("Over ".concat(200," classes were generated for component ").concat(e).concat(s,".\n")+"Consider using the attrs method, together with a style object for frequently changed styles.\nExample:\n  const Component = styled.div.attrs(props => ({\n    style: {\n      background: props.background,\n    },\n  }))`width: 100%;`\n\n  <Component />"),r=!0,n={}}}}(m,v)),R.toString=function(){return".".concat(R.styledComponentId)},u&&J(R,t,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),R}function Ue(e,t){for(var n=[e[0]],r=0,o=t.length;r<o;r+=1)n.push(t[r],e[r+1]);return n}var Je=function(e){return Array.isArray(e)&&(e.isCss=!0),e};function Xe(t){for(var n=[],r=1;r<arguments.length;r++)n[r-1]=arguments[r];if(Me(t)||Z(t)){var o=t;return Je(Be(Ue(_,e.__spreadArray([o],e.__read(n),!1))))}var s=t;return 0===n.length&&1===s.length&&"string"==typeof s[0]?s:Je(Be(Ue(s,n)))}function Ze(t,n,r){if(void 0===r&&(r=S),!n)throw te(1,n);var o=function(o){for(var s=[],i=1;i<arguments.length;i++)s[i-1]=arguments[i];return t(n,r,Xe.apply(void 0,e.__spreadArray([o],e.__read(s),!1)))};return o.attrs=function(o){return Ze(t,n,e.__assign(e.__assign({},r),{attrs:Array.prototype.concat(r.attrs,o).filter(Boolean)}))},o.withConfig=function(o){return Ze(t,n,e.__assign(e.__assign({},r),o))},o}var Ke=function(e){return Ze(We,e)},Qe=Ke;b.forEach((function(e){Qe[e]=Ke(e)}));var et=function(){function e(e,t){this.rules=e,this.componentId=t,this.isStatic=Le(e),_e.registerId(this.componentId+1)}return e.prototype.createStyles=function(e,t,n,r){var o=r(Be(this.rules,t,n,r).join(""),""),s=this.componentId+e;n.insertRules(s,s,o)},e.prototype.removeStyles=function(e,t){t.clearRules(this.componentId+e)},e.prototype.renderStyles=function(e,t,n,r){e>2&&_e.registerId(this.componentId+e),this.removeStyles(e,n),this.createStyles(e,t,n,r)},e}(),tt=function(){function t(){var t=this;this._emitSheetCSS=function(){var e=t.instance.toString(),n=pe(),r=[n&&'nonce="'.concat(n,'"'),"".concat(d,'="true"'),"".concat("data-styled-version",'="').concat(p,'"')].filter(Boolean).join(" ");return"<style ".concat(r,">").concat(e,"</style>")},this.getStyleTags=function(){if(t.sealed)throw te(2);return t._emitSheetCSS()},this.getStyleElement=function(){var n;if(t.sealed)throw te(2);var r=((n={})[d]="",n["data-styled-version"]=p,n.dangerouslySetInnerHTML={__html:t.instance.toString()},n),o=pe();return o&&(r.nonce=o),[c.default.createElement("style",e.__assign({},r,{key:"sc-0-0"}))]},this.seal=function(){t.sealed=!0},this.instance=new _e({isServer:!0}),this.sealed=!1}return t.prototype.collectStyles=function(e){if(this.sealed)throw te(2);return c.default.createElement(Oe,{sheet:this.instance},e)},t.prototype.interleaveWithNodeStream=function(e){throw te(3)},t}(),nt={StyleSheet:_e,mainSheet:Ae};"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("It looks like you've imported 'styled-components' on React Native.\nPerhaps you're looking to import 'styled-components/native'?\nRead more about this at https://www.styled-components.com/docs/basics#react-native"),"production"!==process.env.NODE_ENV&&"test"!==process.env.NODE_ENV&&"undefined"!=typeof window&&(window["__styled-components-init__"]||(window["__styled-components-init__"]=0),1===window["__styled-components-init__"]&&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."),window["__styled-components-init__"]+=1),exports.ServerStyleSheet=tt,exports.StyleSheetConsumer=Ne,exports.StyleSheetContext=Ee,exports.StyleSheetManager=Oe,exports.ThemeConsumer=Ye,exports.ThemeContext=qe,exports.ThemeProvider=function(t){var r=n.useContext(qe),o=n.useMemo((function(){return function(t,n){if(!t)throw te(14);if(Me(t)){var r=t(n);if("production"!==process.env.NODE_ENV&&(null===r||Array.isArray(r)||"object"!=typeof r))throw te(7);return r}if(Array.isArray(t)||"object"!=typeof t)throw te(8);return n?e.__assign(e.__assign({},n),t):t}(t.theme,r)}),[t.theme,r]);return t.children?c.default.createElement(qe.Provider,{value:o},t.children):null},exports.__PRIVATE__=nt,exports.createGlobalStyle=function(t){for(var r=[],o=1;o<arguments.length;o++)r[o-1]=arguments[o];var s=Xe.apply(void 0,e.__spreadArray([t],e.__read(r),!1)),i="sc-global-".concat(D(JSON.stringify(s))),a=new et(s,i);"production"!==process.env.NODE_ENV&&g(i);var u=function(e){var t=Ie(),r=xe(),o=n.useContext(qe),u=n.useRef(t.allocateGSInstance(i)).current;return"production"!==process.env.NODE_ENV&&c.default.Children.count(e.children)&&console.warn("The global style component ".concat(i," was given child JSX. createGlobalStyle does not render children.")),"production"!==process.env.NODE_ENV&&s.some((function(e){return"string"==typeof e&&-1!==e.indexOf("@import")}))&&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."),t.server&&l(u,e,t,o,r),n.useLayoutEffect((function(){if(!t.server)return l(u,e,t,o,r),function(){return a.removeStyles(u,t)}}),[u,e,t,o,r]),null};function l(t,n,r,o,s){if(a.isStatic)a.renderStyles(t,y,r,s);else{var i=e.__assign(e.__assign({},n),{theme:w(n,o,u.defaultProps)});a.renderStyles(t,i,r,s)}}return c.default.memo(u)},exports.css=Xe,exports.default=Qe,exports.isStyledComponent=X,exports.keyframes=function(t){for(var n=[],r=1;r<arguments.length;r++)n[r-1]=arguments[r];"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.");var o=Xe.apply(void 0,e.__spreadArray([t],e.__read(n),!1)).join(""),s=D(o);return new Re(s,o)},exports.useTheme=function(){return n.useContext(qe)},exports.version=p,exports.withTheme=function(t){var n=c.default.forwardRef((function(n,r){var o=w(n,c.default.useContext(qe),t.defaultProps);return"production"!==process.env.NODE_ENV&&void 0===o&&console.warn('[withTheme] You are not using a ThemeProvider nor passing a theme prop or a theme in defaultProps in component class "'.concat(T(t),'"')),c.default.createElement(t,e.__assign({},n,{theme:o,ref:r}))}));return n.displayName="WithTheme(".concat(T(t),")"),J(n,t)};
 //# sourceMappingURL=styled-components.browser.cjs.js.map