styled-components 5.3.2 → 6.0.0-alpha.1

package/package.json

@@ -1,9 +1,8 @@
 {
   "name": "styled-components",
-  "version": "5.3.2",
+  "version": "6.0.0-alpha.1",
   "description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
   "main": "dist/styled-components.cjs.js",
-  "jsnext:main": "dist/styled-components.esm.js",
   "module": "dist/styled-components.esm.js",
   "react-native": "native/dist/styled-components.native.cjs.js",
   "browser": {
@@ -15,35 +14,33 @@
   ],
   "scripts": {
     "generateErrors": "node scripts/generateErrorMap.js",
-    "prebuild": "rimraf dist && npm run generateErrors",
+    "prebuild": "rimraf dist && yarn generateErrors",
     "build": "rollup -c",
-    "postbuild": "npm run lint:size",
-    "flow": "flow check",
-    "flow:watch": "flow-watch",
-    "pretest": "npm run generateErrors",
-    "test": "npm run test:web && npm run test:native && npm run test:primitives",
-    "test:web": "jest -c ../../scripts/jest/config.main.js",
-    "test:native": "jest -c ../../scripts/jest/config.native.js",
-    "test:primitives": "jest -c ../../scripts/jest/config.primitives.js",
-    "test:integration": "jest -c ../../scripts/jest/config.integration.js --runInBand --forceExit",
+    "postbuild": "yarn lint:size",
+    "pretest": "yarn generateErrors",
+    "test": "yarn test:web && yarn test:native && yarn test:primitives",
+    "test:web": "jest -c jest.config.main.js",
+    "test:native": "jest -c jest.config.native.js",
+    "test:primitives": "jest -c jest.config.primitives.js",
+    "test:integration": "jest -c jest.config.integration.js --runInBand --forceExit",
     "format": "eslint ./**/*.js --fix",
     "lint": "eslint src",
     "lint:size": "bundlewatch",
-    "prettier": "prettier */**/*.js --write",
-    "prepublishOnly": "npm run build",
-    "dev": "cross-env BABEL_ENV=cjs babel-node example/startServer.js"
+    "prettier": "prettier src/** --write",
+    "prepublishOnly": "cp ../../README.md . && yarn build"
   },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/styled-components/styled-components.git"
   },
   "files": [
+    "CHANGELOG.md",
     "CODE_OF_CONDUCT.md",
     "CONTRIBUTING.md",
+    "LICENSE",
     "dist",
     "native",
     "primitives",
-    "scripts",
     "test-utils",
     "macro"
   ],
@@ -63,48 +60,79 @@
   },
   "homepage": "https://styled-components.com",
   "dependencies": {
-    "@babel/helper-module-imports": "^7.0.0",
-    "@babel/traverse": "^7.4.5",
-    "@emotion/is-prop-valid": "^0.8.8",
-    "@emotion/stylis": "^0.8.4",
+    "@babel/cli": "^7.15.7",
+    "@babel/core": "^7.15.5",
+    "@babel/helper-module-imports": "^7.16.7",
+    "@babel/plugin-external-helpers": "^7.0.0",
+    "@babel/plugin-proposal-class-properties": "^7.0.0",
+    "@babel/plugin-proposal-object-rest-spread": "^7.15.6",
+    "@babel/preset-env": "^7.15.6",
+    "@babel/preset-react": "^7.0.0",
+    "@babel/preset-typescript": "^7.15.0",
+    "@babel/traverse": "^7.17.3",
+    "@emotion/is-prop-valid": "^1.1.0",
     "@emotion/unitless": "^0.7.4",
-    "babel-plugin-styled-components": ">= 1.12.0",
     "css-to-react-native": "^3.0.0",
-    "hoist-non-react-statics": "^3.0.0",
     "shallowequal": "^1.1.0",
-    "supports-color": "^5.5.0"
+    "stylis": "^4.0.13"
   },
   "peerDependencies": {
     "react": ">= 16.8.0",
-    "react-dom": ">= 16.8.0",
-    "react-is": ">= 16.8.0"
+    "react-dom": ">= 16.8.0"
   },
   "devDependencies": {
-    "@babel/cli": "^7.0.0",
-    "@babel/core": "^7.0.0",
-    "@babel/plugin-proposal-object-rest-spread": "^7.0.0",
-    "@babel/preset-env": "^7.0.0",
-    "@babel/preset-flow": "^7.0.0",
-    "@babel/preset-react": "^7.0.0",
+    "@rollup/plugin-typescript": "^8.2.5",
+    "@types/babel-plugin-macros": "^2.8.4",
+    "@types/enzyme": "^3.10.9",
+    "@types/jest": "^27.0.2",
+    "@types/js-beautify": "^1.13.1",
+    "@types/node": "^14.0.0",
+    "@types/react": "^17.0.22",
+    "@types/react-dom": "^17.0.9",
+    "@types/react-frame-component": "^4.1.1",
+    "@types/react-native": "^0.65.1",
+    "@types/react-primitives": "^0.6.2",
+    "@types/react-test-renderer": "^17.0.1",
+    "@types/shallowequal": "^1.1.1",
+    "@types/stylis": "^4.0.2",
+    "@typescript-eslint/eslint-plugin": "^4.20.0",
+    "@typescript-eslint/parser": "^4.20.0",
     "babel-eslint": "^10.0.1",
-    "eslint-plugin-flowtype": "^5.2.0",
-    "eslint-plugin-import": "^2.22.0",
+    "babel-jest": "^27.0.6",
+    "babel-plugin-add-module-exports": "^1.0.4",
+    "babel-plugin-macros": "^3.1.0",
+    "babel-plugin-styled-components": "^2.0.5",
+    "babel-plugin-tester": "^10.0.0",
+    "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
+    "bundlewatch": "^0.3.1",
+    "eslint": "^7.23.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-react": "^7.20.6",
-    "flow-bin": "^0.132.0",
+    "eslint-plugin-react-hooks": "^4.2.0",
+    "jest": "^27.0.6",
+    "jest-image-snapshot": "^4.2.0",
     "jest-serializer-html": "^7.0.0",
     "js-beautify": "^1.13.0",
+    "prettier": "^2.2.0",
     "prop-types": "^15.7.2",
-    "react": "^16.8.6",
-    "react-dom": "^16.8.6",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
     "react-frame-component": "^4.0.2",
-    "react-is": "^16.8.6",
-    "react-native": "^0.63.4",
+    "react-native": "^0.65.1",
     "react-primitives": "^0.8.0",
-    "react-test-renderer": "^16.8.6",
-    "rollup": "^1.13.1",
-    "rollup-plugin-babel": "^4.3.2",
-    "rollup-plugin-terser": "^5.0.0",
-    "stylis-plugin-rtl": "^1.0.0"
+    "react-test-renderer": "^17.0.2",
+    "rollup": "^2.47.0",
+    "rollup-plugin-commonjs": "^10.1.0",
+    "rollup-plugin-json": "^4.0.0",
+    "rollup-plugin-node-resolve": "^5.2.0",
+    "rollup-plugin-replace": "^2.2.0",
+    "rollup-plugin-sourcemaps": "^0.6.3",
+    "rollup-plugin-terser": "^7.0.2",
+    "stylis-plugin-rtl": "^2.1.1",
+    "tslib": "^2.3.1",
+    "typescript": "^4.5.5",
+    "utility-types": "^3.10.0"
   },
   "bundlewatch": {
     "files": [
@@ -123,6 +151,6 @@
     "url": "https://opencollective.com/styled-components"
   },
   "engines": {
-    "node": ">=10"
+    "node": ">= 14"
   }
 }

package/primitives/dist/base.d.ts

@@ -0,0 +1,17 @@
+import { SC_VERSION } from './constants';
+import createGlobalStyle from './constructors/createGlobalStyle';
+import css from './constructors/css';
+import keyframes from './constructors/keyframes';
+import withTheme from './hoc/withTheme';
+import useTheme from './hooks/useTheme';
+import ServerStyleSheet from './models/ServerStyleSheet';
+import StyleSheetManager, { StyleSheetConsumer, StyleSheetContext } from './models/StyleSheetManager';
+import ThemeProvider, { ThemeConsumer, ThemeContext } from './models/ThemeProvider';
+import isStyledComponent from './utils/isStyledComponent';
+declare global {
+    interface Window {
+        '__styled-components-init__'?: number;
+    }
+}
+export * from './secretInternals';
+export { createGlobalStyle, css, isStyledComponent, keyframes, ServerStyleSheet, StyleSheetConsumer, StyleSheetContext, StyleSheetManager, ThemeConsumer, ThemeContext, ThemeProvider, useTheme, SC_VERSION as version, withTheme, };

package/primitives/dist/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["src/base.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,iBAAiB,MAAM,kCAAkC,CAAC;AACjE,OAAO,GAAG,MAAM,oBAAoB,CAAC;AACrC,OAAO,SAAS,MAAM,0BAA0B,CAAC;AAEjD,OAAO,SAAS,MAAM,iBAAiB,CAAC;AAExC,OAAO,QAAQ,MAAM,kBAAkB,CAAC;AACxC,OAAO,gBAAgB,MAAM,2BAA2B,CAAC;AACzD,OAAO,iBAAiB,EAAE,EACxB,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,4BAA4B,CAAC;AAEpC,OAAO,aAAa,EAAE,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACpF,OAAO,iBAAiB,MAAM,2BAA2B,CAAC;AAI1D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,4BAA4B,CAAC,EAAE,MAAM,CAAC;KACvC;CACF;AAsCD,cAAc,mBAAmB,CAAC;AAClC,OAAO,EACL,iBAAiB,EACjB,GAAG,EACH,iBAAiB,EACjB,SAAS,EACT,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,UAAU,IAAI,OAAO,EACrB,SAAS,GACV,CAAC"}

package/primitives/dist/constants.d.ts

@@ -0,0 +1,8 @@
+export declare const SC_ATTR: string;
+export declare const SC_ATTR_ACTIVE = "active";
+export declare const SC_ATTR_VERSION = "data-styled-version";
+export declare const SC_VERSION: string;
+export declare const SPLITTER = "/*!sc*/\n";
+export declare const IS_BROWSER: boolean;
+export declare const DISABLE_SPEEDY: boolean;
+export declare const STATIC_EXECUTION_CONTEXT: {};

package/primitives/dist/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["src/constants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,EAAE,MAEP,CAAC;AAEhB,eAAO,MAAM,cAAc,WAAW,CAAC;AACvC,eAAO,MAAM,eAAe,wBAAwB,CAAC;AACrD,eAAO,MAAM,UAAU,QAAc,CAAC;AACtC,eAAO,MAAM,QAAQ,cAAc,CAAC;AAEpC,eAAO,MAAM,UAAU,SAA2D,CAAC;AAEnF,eAAO,MAAM,cAAc,SAgB1B,CAAC;AAGF,eAAO,MAAM,wBAAwB,IAAK,CAAC"}

package/primitives/dist/constructors/constructWithOptions.d.ts

@@ -0,0 +1,19 @@
+import { Attrs, Interpolation, IStyledComponent, IStyledComponentFactory, IStyledNativeComponent, IStyledNativeComponentFactory, NativeTarget, StyledNativeOptions, StyledOptions, StyledTarget, Styles, WebTarget } from '../types';
+export interface NativeStyled<Target extends NativeTarget, OuterProps = unknown, OuterStatics = unknown> {
+    <Props = unknown, Statics = unknown>(initialStyles: Styles<OuterProps & Props>, ...interpolations: Exclude<Interpolation<OuterProps & Props>, IStyledComponent<any>>[]): IStyledNativeComponent<Target, OuterProps & Props> & OuterStatics & Statics;
+    attrs(attrs: Attrs<OuterProps>): NativeStyled<Target, OuterProps, OuterStatics>;
+    withConfig(config: StyledNativeOptions<OuterProps>): NativeStyled<Target, OuterProps, OuterStatics>;
+}
+export interface WebStyled<Target extends WebTarget, OuterProps = unknown, OuterStatics = unknown> {
+    <Props = unknown, Statics = unknown>(initialStyles: Styles<OuterProps & Props>, ...interpolations: Interpolation<OuterProps & Props>[]): IStyledComponent<Target, OuterProps & Props> & OuterStatics & Statics;
+    attrs(attrs: Attrs<OuterProps>): WebStyled<Target, OuterProps, OuterStatics>;
+    withConfig(config: StyledOptions<OuterProps>): WebStyled<Target, OuterProps, OuterStatics>;
+}
+export default function constructWithOptions<Environment extends 'web' | 'native', Target extends StyledTarget, OuterProps = unknown, // used for styled<{}>().attrs() so attrs() gets the generic prop context
+OuterStatics = unknown>(componentConstructor: Environment extends 'web' ? IStyledComponentFactory<any, any, any> : IStyledNativeComponentFactory<any, any, any>, tag: Target, options?: Environment extends 'web' ? StyledOptions<OuterProps> : StyledNativeOptions<OuterProps>): {
+    <Props = unknown, Statics = unknown>(initialStyles: Styles<OuterProps & Props>, ...interpolations: Interpolation<OuterProps & Props>[]): ReturnType<Environment extends "web" ? IStyledComponentFactory<Target, OuterProps & Props, OuterStatics & Statics> : IStyledNativeComponentFactory<Target, OuterProps & Props, OuterStatics & Statics>>;
+    attrs(attrs: Attrs<OuterProps>): any;
+    /**
+     * If config methods are called, wrap up a new template function and merge options */
+    withConfig(config: Environment extends 'web' ? StyledOptions<OuterProps> : StyledNativeOptions<OuterProps>): any;
+};

package/primitives/dist/constructors/constructWithOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constructWithOptions.d.ts","sourceRoot":"","sources":["../src/constructors/constructWithOptions.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,aAAa,EACb,gBAAgB,EAChB,uBAAuB,EACvB,sBAAsB,EACtB,6BAA6B,EAC7B,YAAY,EAEZ,mBAAmB,EACnB,aAAa,EACb,YAAY,EACZ,MAAM,EACN,SAAS,EACV,MAAM,UAAU,CAAC;AAKlB,MAAM,WAAW,YAAY,CAC3B,MAAM,SAAS,YAAY,EAC3B,UAAU,GAAG,OAAO,EACpB,YAAY,GAAG,OAAO;IAEtB,CAAC,KAAK,GAAG,OAAO,EAAE,OAAO,GAAG,OAAO,EACjC,aAAa,EAAE,MAAM,CAAC,UAAU,GAAG,KAAK,CAAC,EACzC,GAAG,cAAc,EAAE,OAAO,CAAC,aAAa,CAAC,UAAU,GAAG,KAAK,CAAC,EAAE,gBAAgB,CAAC,GAAG,CAAC,CAAC,EAAE,GACrF,sBAAsB,CAAC,MAAM,EAAE,UAAU,GAAG,KAAK,CAAC,GAAG,YAAY,GAAG,OAAO,CAAC;IAC/E,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG,YAAY,CAAC,MAAM,EAAE,UAAU,EAAE,YAAY,CAAC,CAAC;IAChF,UAAU,CACR,MAAM,EAAE,mBAAmB,CAAC,UAAU,CAAC,GACtC,YAAY,CAAC,MAAM,EAAE,UAAU,EAAE,YAAY,CAAC,CAAC;CACnD;AAED,MAAM,WAAW,SAAS,CAAC,MAAM,SAAS,SAAS,EAAE,UAAU,GAAG,OAAO,EAAE,YAAY,GAAG,OAAO;IAC/F,CAAC,KAAK,GAAG,OAAO,EAAE,OAAO,GAAG,OAAO,EACjC,aAAa,EAAE,MAAM,CAAC,UAAU,GAAG,KAAK,CAAC,EACzC,GAAG,cAAc,EAAE,aAAa,CAAC,UAAU,GAAG,KAAK,CAAC,EAAE,GACrD,gBAAgB,CAAC,MAAM,EAAE,UAAU,GAAG,KAAK,CAAC,GAAG,YAAY,GAAG,OAAO,CAAC;IACzE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,UAAU,EAAE,YAAY,CAAC,CAAC;IAC7E,UAAU,CAAC,MAAM,EAAE,aAAa,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,UAAU,EAAE,YAAY,CAAC,CAAC;CAC5F;AAED,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAC1C,WAAW,SAAS,KAAK,GAAG,QAAQ,EACpC,MAAM,SAAS,YAAY,EAC3B,UAAU,GAAG,OAAO,EAAE,yEAAyE;AAC/F,YAAY,GAAG,OAAO,EAEtB,oBAAoB,EAAE,WAAW,SAAS,KAAK,GAC3C,uBAAuB,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,GACtC,6BAA6B,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EAChD,GAAG,EAAE,MAAM,EACX,OAAO,GAAE,WAAW,SAAS,KAAK,GAC9B,aAAa,CAAC,UAAU,CAAC,GACzB,mBAAmB,CAAC,UAAU,CAA6C;;iBA6B9C,MAAM,UAAU,CAAC;IAMlD;yFACqF;uBAE3E,WAAW,SAAS,KAAK,GAAG,cAAc,UAAU,CAAC,GAAG,oBAAoB,UAAU,CAAC;EAQlG"}

package/primitives/dist/constructors/createGlobalStyle.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ExtensibleObject, Interpolation, Styles } from '../types';
+export default function createGlobalStyle<Props = unknown>(strings: Styles<Props>, ...interpolations: Array<Interpolation<Props>>): React.NamedExoticComponent<ExtensibleObject>;

package/primitives/dist/constructors/createGlobalStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createGlobalStyle.d.ts","sourceRoot":"","sources":["../src/constructors/createGlobalStyle.ts"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAC;AAMnE,OAAO,EAEL,gBAAgB,EAChB,aAAa,EAGb,MAAM,EACP,MAAM,UAAU,CAAC;AAMlB,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,GAAG,OAAO,EACvD,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,EACtB,GAAG,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,gDA6E/C"}

package/primitives/dist/constructors/css.d.ts

@@ -0,0 +1,4 @@
+import { Interpolation, Styles } from '../types';
+export default function css<Props>(styles: Styles<Props>, ...interpolations: Interpolation<Props>[]): TemplateStringsArray | (Interpolation<Props> & {
+    isCss?: boolean | undefined;
+});

package/primitives/dist/constructors/css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../src/constructors/css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA+B,MAAM,EAAE,MAAM,UAAU,CAAC;AAmB9E,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,KAAK,EAC/B,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,EACrB,GAAG,cAAc,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE;;GA0B1C"}

package/primitives/dist/constructors/keyframes.d.ts

@@ -0,0 +1,3 @@
+import Keyframes from '../models/Keyframes';
+import { Interpolation, Styles } from '../types';
+export default function keyframes<Props = unknown>(strings: Styles<Props>, ...interpolations: Array<Interpolation<Props>>): Keyframes;

package/primitives/dist/constructors/keyframes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyframes.d.ts","sourceRoot":"","sources":["../src/constructors/keyframes.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAIjD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,GAAG,OAAO,EAC/C,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,EACtB,GAAG,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,GAC7C,SAAS,CAgBX"}

package/primitives/dist/constructors/styled.d.ts

@@ -0,0 +1,185 @@
+/// <reference types="react" />
+import { WebTarget } from '../types';
+import { WebStyled } from './constructWithOptions';
+declare const styled: (<Target extends WebTarget>(tag: Target) => {
+    <Props = unknown, Statics = unknown>(initialStyles: import("../types").Styles<Props>, ...interpolations: import("../types").Interpolation<Props>[]): import("../types").IStyledComponent<Target, Props> & Statics;
+    attrs(attrs: import("../types").Attrs<unknown>): any;
+    withConfig(config: import("../types").StyledOptions<unknown>): any;
+}) & {
+    a: WebStyled<"a", import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, unknown>;
+    abbr: WebStyled<"abbr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    address: WebStyled<"address", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    area: WebStyled<"area", import("react").DetailedHTMLProps<import("react").AreaHTMLAttributes<HTMLAreaElement>, HTMLAreaElement>, unknown>;
+    article: WebStyled<"article", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    aside: WebStyled<"aside", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    audio: WebStyled<"audio", import("react").DetailedHTMLProps<import("react").AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, unknown>;
+    b: WebStyled<"b", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    base: WebStyled<"base", import("react").DetailedHTMLProps<import("react").BaseHTMLAttributes<HTMLBaseElement>, HTMLBaseElement>, unknown>;
+    bdi: WebStyled<"bdi", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    bdo: WebStyled<"bdo", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    big: WebStyled<"big", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    blockquote: WebStyled<"blockquote", import("react").DetailedHTMLProps<import("react").BlockquoteHTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    body: WebStyled<"body", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>, unknown>;
+    br: WebStyled<"br", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBRElement>, HTMLBRElement>, unknown>;
+    button: WebStyled<"button", import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, unknown>;
+    canvas: WebStyled<"canvas", import("react").DetailedHTMLProps<import("react").CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>, unknown>;
+    caption: WebStyled<"caption", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    cite: WebStyled<"cite", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    code: WebStyled<"code", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    col: WebStyled<"col", import("react").DetailedHTMLProps<import("react").ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, unknown>;
+    colgroup: WebStyled<"colgroup", import("react").DetailedHTMLProps<import("react").ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, unknown>;
+    data: WebStyled<"data", import("react").DetailedHTMLProps<import("react").DataHTMLAttributes<HTMLDataElement>, HTMLDataElement>, unknown>;
+    datalist: WebStyled<"datalist", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDataListElement>, HTMLDataListElement>, unknown>;
+    dd: WebStyled<"dd", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    del: WebStyled<"del", import("react").DetailedHTMLProps<import("react").DelHTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    details: WebStyled<"details", import("react").DetailedHTMLProps<import("react").DetailsHTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    dfn: WebStyled<"dfn", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    dialog: WebStyled<"dialog", import("react").DetailedHTMLProps<import("react").DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, unknown>;
+    div: WebStyled<"div", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, unknown>;
+    dl: WebStyled<"dl", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDListElement>, HTMLDListElement>, unknown>;
+    dt: WebStyled<"dt", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    em: WebStyled<"em", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    embed: WebStyled<"embed", import("react").DetailedHTMLProps<import("react").EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement>, unknown>;
+    fieldset: WebStyled<"fieldset", import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, unknown>;
+    figcaption: WebStyled<"figcaption", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    figure: WebStyled<"figure", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    footer: WebStyled<"footer", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    form: WebStyled<"form", import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, unknown>;
+    h1: WebStyled<"h1", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown>;
+    h2: WebStyled<"h2", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown>;
+    h3: WebStyled<"h3", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown>;
+    h4: WebStyled<"h4", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown>;
+    h5: WebStyled<"h5", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown>;
+    h6: WebStyled<"h6", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, unknown>;
+    head: WebStyled<"head", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadElement>, HTMLHeadElement>, unknown>;
+    header: WebStyled<"header", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    hgroup: WebStyled<"hgroup", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    hr: WebStyled<"hr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, unknown>;
+    html: WebStyled<"html", import("react").DetailedHTMLProps<import("react").HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement>, unknown>;
+    i: WebStyled<"i", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    iframe: WebStyled<"iframe", import("react").DetailedHTMLProps<import("react").IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>, unknown>;
+    img: WebStyled<"img", import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, unknown>;
+    input: WebStyled<"input", import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, unknown>;
+    ins: WebStyled<"ins", import("react").DetailedHTMLProps<import("react").InsHTMLAttributes<HTMLModElement>, HTMLModElement>, unknown>;
+    kbd: WebStyled<"kbd", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    keygen: WebStyled<"keygen", import("react").DetailedHTMLProps<import("react").KeygenHTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    label: WebStyled<"label", import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, unknown>;
+    legend: WebStyled<"legend", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, unknown>;
+    li: WebStyled<"li", import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, unknown>;
+    link: WebStyled<"link", import("react").DetailedHTMLProps<import("react").LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement>, unknown>;
+    main: WebStyled<"main", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    map: WebStyled<"map", import("react").DetailedHTMLProps<import("react").MapHTMLAttributes<HTMLMapElement>, HTMLMapElement>, unknown>;
+    mark: WebStyled<"mark", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    menu: WebStyled<"menu", import("react").DetailedHTMLProps<import("react").MenuHTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    menuitem: WebStyled<"menuitem", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    meta: WebStyled<"meta", import("react").DetailedHTMLProps<import("react").MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement>, unknown>;
+    meter: WebStyled<"meter", import("react").DetailedHTMLProps<import("react").MeterHTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    nav: WebStyled<"nav", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    noindex: WebStyled<"noindex", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    noscript: WebStyled<"noscript", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    object: WebStyled<"object", import("react").DetailedHTMLProps<import("react").ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement>, unknown>;
+    ol: WebStyled<"ol", import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, unknown>;
+    optgroup: WebStyled<"optgroup", import("react").DetailedHTMLProps<import("react").OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>, unknown>;
+    option: WebStyled<"option", import("react").DetailedHTMLProps<import("react").OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>, unknown>;
+    output: WebStyled<"output", import("react").DetailedHTMLProps<import("react").OutputHTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    p: WebStyled<"p", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, unknown>;
+    param: WebStyled<"param", import("react").DetailedHTMLProps<import("react").ParamHTMLAttributes<HTMLParamElement>, HTMLParamElement>, unknown>;
+    picture: WebStyled<"picture", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    pre: WebStyled<"pre", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement>, unknown>;
+    progress: WebStyled<"progress", import("react").DetailedHTMLProps<import("react").ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement>, unknown>;
+    q: WebStyled<"q", import("react").DetailedHTMLProps<import("react").QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, unknown>;
+    rp: WebStyled<"rp", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    rt: WebStyled<"rt", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    ruby: WebStyled<"ruby", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    s: WebStyled<"s", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    samp: WebStyled<"samp", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    slot: WebStyled<"slot", import("react").DetailedHTMLProps<import("react").SlotHTMLAttributes<HTMLSlotElement>, HTMLSlotElement>, unknown>;
+    script: WebStyled<"script", import("react").DetailedHTMLProps<import("react").ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement>, unknown>;
+    section: WebStyled<"section", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    select: WebStyled<"select", import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, unknown>;
+    small: WebStyled<"small", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    source: WebStyled<"source", import("react").DetailedHTMLProps<import("react").SourceHTMLAttributes<HTMLSourceElement>, HTMLSourceElement>, unknown>;
+    span: WebStyled<"span", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, unknown>;
+    strong: WebStyled<"strong", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    style: WebStyled<"style", import("react").DetailedHTMLProps<import("react").StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>, unknown>;
+    sub: WebStyled<"sub", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    summary: WebStyled<"summary", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    sup: WebStyled<"sup", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    table: WebStyled<"table", import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, unknown>;
+    template: WebStyled<"template", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTemplateElement>, HTMLTemplateElement>, unknown>;
+    tbody: WebStyled<"tbody", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, unknown>;
+    td: WebStyled<"td", import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, unknown>;
+    textarea: WebStyled<"textarea", import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, unknown>;
+    tfoot: WebStyled<"tfoot", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, unknown>;
+    th: WebStyled<"th", import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, unknown>;
+    thead: WebStyled<"thead", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, unknown>;
+    time: WebStyled<"time", import("react").DetailedHTMLProps<import("react").TimeHTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    title: WebStyled<"title", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTitleElement>, HTMLTitleElement>, unknown>;
+    tr: WebStyled<"tr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, unknown>;
+    track: WebStyled<"track", import("react").DetailedHTMLProps<import("react").TrackHTMLAttributes<HTMLTrackElement>, HTMLTrackElement>, unknown>;
+    u: WebStyled<"u", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    ul: WebStyled<"ul", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, unknown>;
+    var: WebStyled<"var", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    video: WebStyled<"video", import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, unknown>;
+    wbr: WebStyled<"wbr", import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, unknown>;
+    webview: WebStyled<"webview", import("react").DetailedHTMLProps<import("react").WebViewHTMLAttributes<HTMLWebViewElement>, HTMLWebViewElement>, unknown>;
+    svg: WebStyled<"svg", import("react").SVGProps<SVGSVGElement>, unknown>;
+    animate: WebStyled<"animate", import("react").SVGProps<SVGElement>, unknown>;
+    animateMotion: WebStyled<"animateMotion", import("react").SVGProps<SVGElement>, unknown>;
+    animateTransform: WebStyled<"animateTransform", import("react").SVGProps<SVGElement>, unknown>;
+    circle: WebStyled<"circle", import("react").SVGProps<SVGCircleElement>, unknown>;
+    clipPath: WebStyled<"clipPath", import("react").SVGProps<SVGClipPathElement>, unknown>;
+    defs: WebStyled<"defs", import("react").SVGProps<SVGDefsElement>, unknown>;
+    desc: WebStyled<"desc", import("react").SVGProps<SVGDescElement>, unknown>;
+    ellipse: WebStyled<"ellipse", import("react").SVGProps<SVGEllipseElement>, unknown>;
+    feBlend: WebStyled<"feBlend", import("react").SVGProps<SVGFEBlendElement>, unknown>;
+    feColorMatrix: WebStyled<"feColorMatrix", import("react").SVGProps<SVGFEColorMatrixElement>, unknown>;
+    feComponentTransfer: WebStyled<"feComponentTransfer", import("react").SVGProps<SVGFEComponentTransferElement>, unknown>;
+    feComposite: WebStyled<"feComposite", import("react").SVGProps<SVGFECompositeElement>, unknown>;
+    feConvolveMatrix: WebStyled<"feConvolveMatrix", import("react").SVGProps<SVGFEConvolveMatrixElement>, unknown>;
+    feDiffuseLighting: WebStyled<"feDiffuseLighting", import("react").SVGProps<SVGFEDiffuseLightingElement>, unknown>;
+    feDisplacementMap: WebStyled<"feDisplacementMap", import("react").SVGProps<SVGFEDisplacementMapElement>, unknown>;
+    feDistantLight: WebStyled<"feDistantLight", import("react").SVGProps<SVGFEDistantLightElement>, unknown>;
+    feDropShadow: WebStyled<"feDropShadow", import("react").SVGProps<SVGFEDropShadowElement>, unknown>;
+    feFlood: WebStyled<"feFlood", import("react").SVGProps<SVGFEFloodElement>, unknown>;
+    feFuncA: WebStyled<"feFuncA", import("react").SVGProps<SVGFEFuncAElement>, unknown>;
+    feFuncB: WebStyled<"feFuncB", import("react").SVGProps<SVGFEFuncBElement>, unknown>;
+    feFuncG: WebStyled<"feFuncG", import("react").SVGProps<SVGFEFuncGElement>, unknown>;
+    feFuncR: WebStyled<"feFuncR", import("react").SVGProps<SVGFEFuncRElement>, unknown>;
+    feGaussianBlur: WebStyled<"feGaussianBlur", import("react").SVGProps<SVGFEGaussianBlurElement>, unknown>;
+    feImage: WebStyled<"feImage", import("react").SVGProps<SVGFEImageElement>, unknown>;
+    feMerge: WebStyled<"feMerge", import("react").SVGProps<SVGFEMergeElement>, unknown>;
+    feMergeNode: WebStyled<"feMergeNode", import("react").SVGProps<SVGFEMergeNodeElement>, unknown>;
+    feMorphology: WebStyled<"feMorphology", import("react").SVGProps<SVGFEMorphologyElement>, unknown>;
+    feOffset: WebStyled<"feOffset", import("react").SVGProps<SVGFEOffsetElement>, unknown>;
+    fePointLight: WebStyled<"fePointLight", import("react").SVGProps<SVGFEPointLightElement>, unknown>;
+    feSpecularLighting: WebStyled<"feSpecularLighting", import("react").SVGProps<SVGFESpecularLightingElement>, unknown>;
+    feSpotLight: WebStyled<"feSpotLight", import("react").SVGProps<SVGFESpotLightElement>, unknown>;
+    feTile: WebStyled<"feTile", import("react").SVGProps<SVGFETileElement>, unknown>;
+    feTurbulence: WebStyled<"feTurbulence", import("react").SVGProps<SVGFETurbulenceElement>, unknown>;
+    filter: WebStyled<"filter", import("react").SVGProps<SVGFilterElement>, unknown>;
+    foreignObject: WebStyled<"foreignObject", import("react").SVGProps<SVGForeignObjectElement>, unknown>;
+    g: WebStyled<"g", import("react").SVGProps<SVGGElement>, unknown>;
+    image: WebStyled<"image", import("react").SVGProps<SVGImageElement>, unknown>;
+    line: WebStyled<"line", import("react").SVGProps<SVGLineElement>, unknown>;
+    linearGradient: WebStyled<"linearGradient", import("react").SVGProps<SVGLinearGradientElement>, unknown>;
+    marker: WebStyled<"marker", import("react").SVGProps<SVGMarkerElement>, unknown>;
+    mask: WebStyled<"mask", import("react").SVGProps<SVGMaskElement>, unknown>;
+    metadata: WebStyled<"metadata", import("react").SVGProps<SVGMetadataElement>, unknown>;
+    mpath: WebStyled<"mpath", import("react").SVGProps<SVGElement>, unknown>;
+    path: WebStyled<"path", import("react").SVGProps<SVGPathElement>, unknown>;
+    pattern: WebStyled<"pattern", import("react").SVGProps<SVGPatternElement>, unknown>;
+    polygon: WebStyled<"polygon", import("react").SVGProps<SVGPolygonElement>, unknown>;
+    polyline: WebStyled<"polyline", import("react").SVGProps<SVGPolylineElement>, unknown>;
+    radialGradient: WebStyled<"radialGradient", import("react").SVGProps<SVGRadialGradientElement>, unknown>;
+    rect: WebStyled<"rect", import("react").SVGProps<SVGRectElement>, unknown>;
+    stop: WebStyled<"stop", import("react").SVGProps<SVGStopElement>, unknown>;
+    switch: WebStyled<"switch", import("react").SVGProps<SVGSwitchElement>, unknown>;
+    symbol: WebStyled<"symbol", import("react").SVGProps<SVGSymbolElement>, unknown>;
+    text: WebStyled<"text", import("react").SVGProps<SVGTextElement>, unknown>;
+    textPath: WebStyled<"textPath", import("react").SVGProps<SVGTextPathElement>, unknown>;
+    tspan: WebStyled<"tspan", import("react").SVGProps<SVGTSpanElement>, unknown>;
+    use: WebStyled<"use", import("react").SVGProps<SVGUseElement>, unknown>;
+    view: WebStyled<"view", import("react").SVGProps<SVGViewElement>, unknown>;
+};
+export default styled;

package/primitives/dist/constructors/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../src/constructors/styled.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,OAA6B,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAKzE,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEX,CAAC;AAQF,eAAe,MAAM,CAAC"}

package/primitives/dist/dist/base.d.ts

@@ -0,0 +1,18 @@
+import { SC_VERSION } from './constants';
+import createGlobalStyle from './constructors/createGlobalStyle';
+import css from './constructors/css';
+import keyframes from './constructors/keyframes';
+import withTheme from './hoc/withTheme';
+import useTheme from './hooks/useTheme';
+import ServerStyleSheet from './models/ServerStyleSheet';
+import StyleSheetManager, { StyleSheetConsumer, StyleSheetContext } from './models/StyleSheetManager';
+import ThemeProvider, { ThemeConsumer, ThemeContext } from './models/ThemeProvider';
+import isStyledComponent from './utils/isStyledComponent';
+declare global {
+    interface Window {
+        '__styled-components-init__'?: number;
+    }
+}
+export * from './secretInternals';
+export { createGlobalStyle, css, isStyledComponent, keyframes, ServerStyleSheet, StyleSheetConsumer, StyleSheetContext, StyleSheetManager, ThemeConsumer, ThemeContext, ThemeProvider, useTheme, SC_VERSION as version, withTheme, };
+//# sourceMappingURL=base.d.ts.map

package/primitives/dist/dist/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../src/base.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,iBAAiB,MAAM,kCAAkC,CAAC;AACjE,OAAO,GAAG,MAAM,oBAAoB,CAAC;AACrC,OAAO,SAAS,MAAM,0BAA0B,CAAC;AAEjD,OAAO,SAAS,MAAM,iBAAiB,CAAC;AAExC,OAAO,QAAQ,MAAM,kBAAkB,CAAC;AACxC,OAAO,gBAAgB,MAAM,2BAA2B,CAAC;AACzD,OAAO,iBAAiB,EAAE,EACxB,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,4BAA4B,CAAC;AAEpC,OAAO,aAAa,EAAE,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACpF,OAAO,iBAAiB,MAAM,2BAA2B,CAAC;AAI1D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,4BAA4B,CAAC,EAAE,MAAM,CAAC;KACvC;CACF;AAsCD,cAAc,mBAAmB,CAAC;AAClC,OAAO,EACL,iBAAiB,EACjB,GAAG,EACH,iBAAiB,EACjB,SAAS,EACT,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,UAAU,IAAI,OAAO,EACrB,SAAS,GACV,CAAC"}

package/primitives/dist/dist/constants.d.ts

@@ -0,0 +1,9 @@
+export declare const SC_ATTR: string;
+export declare const SC_ATTR_ACTIVE = "active";
+export declare const SC_ATTR_VERSION = "data-styled-version";
+export declare const SC_VERSION: string;
+export declare const SPLITTER = "/*!sc*/\n";
+export declare const IS_BROWSER: boolean;
+export declare const DISABLE_SPEEDY: boolean;
+export declare const STATIC_EXECUTION_CONTEXT: {};
+//# sourceMappingURL=constants.d.ts.map

package/primitives/dist/dist/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,EAAE,MAEP,CAAC;AAEhB,eAAO,MAAM,cAAc,WAAW,CAAC;AACvC,eAAO,MAAM,eAAe,wBAAwB,CAAC;AACrD,eAAO,MAAM,UAAU,QAAc,CAAC;AACtC,eAAO,MAAM,QAAQ,cAAc,CAAC;AAEpC,eAAO,MAAM,UAAU,SAA2D,CAAC;AAEnF,eAAO,MAAM,cAAc,SAgB1B,CAAC;AAGF,eAAO,MAAM,wBAAwB,IAAK,CAAC"}

package/primitives/dist/dist/constructors/constructWithOptions.d.ts

@@ -0,0 +1,20 @@
+import { Attrs, Interpolation, IStyledComponent, IStyledComponentFactory, IStyledNativeComponent, IStyledNativeComponentFactory, NativeTarget, StyledNativeOptions, StyledOptions, StyledTarget, Styles, WebTarget } from '../types';
+export interface NativeStyled<Target extends NativeTarget, OuterProps = unknown, OuterStatics = unknown> {
+    <Props = unknown, Statics = unknown>(initialStyles: Styles<OuterProps & Props>, ...interpolations: Exclude<Interpolation<OuterProps & Props>, IStyledComponent<any>>[]): IStyledNativeComponent<Target, OuterProps & Props> & OuterStatics & Statics;
+    attrs(attrs: Attrs<OuterProps>): NativeStyled<Target, OuterProps, OuterStatics>;
+    withConfig(config: StyledNativeOptions<OuterProps>): NativeStyled<Target, OuterProps, OuterStatics>;
+}
+export interface WebStyled<Target extends WebTarget, OuterProps = unknown, OuterStatics = unknown> {
+    <Props = unknown, Statics = unknown>(initialStyles: Styles<OuterProps & Props>, ...interpolations: Interpolation<OuterProps & Props>[]): IStyledComponent<Target, OuterProps & Props> & OuterStatics & Statics;
+    attrs(attrs: Attrs<OuterProps>): WebStyled<Target, OuterProps, OuterStatics>;
+    withConfig(config: StyledOptions<OuterProps>): WebStyled<Target, OuterProps, OuterStatics>;
+}
+export default function constructWithOptions<Environment extends 'web' | 'native', Target extends StyledTarget, OuterProps = unknown, // used for styled<{}>().attrs() so attrs() gets the generic prop context
+OuterStatics = unknown>(componentConstructor: Environment extends 'web' ? IStyledComponentFactory<any, any, any> : IStyledNativeComponentFactory<any, any, any>, tag: Target, options?: Environment extends 'web' ? StyledOptions<OuterProps> : StyledNativeOptions<OuterProps>): {
+    <Props = unknown, Statics = unknown>(initialStyles: Styles<OuterProps & Props>, ...interpolations: Interpolation<OuterProps & Props>[]): ReturnType<Environment extends "web" ? IStyledComponentFactory<Target, OuterProps & Props, OuterStatics & Statics> : IStyledNativeComponentFactory<Target, OuterProps & Props, OuterStatics & Statics>>;
+    attrs(attrs: Attrs<OuterProps>): any;
+    /**
+     * If config methods are called, wrap up a new template function and merge options */
+    withConfig(config: Environment extends 'web' ? StyledOptions<OuterProps> : StyledNativeOptions<OuterProps>): any;
+};
+//# sourceMappingURL=constructWithOptions.d.ts.map

package/primitives/dist/dist/constructors/constructWithOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constructWithOptions.d.ts","sourceRoot":"","sources":["../../src/constructors/constructWithOptions.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,aAAa,EACb,gBAAgB,EAChB,uBAAuB,EACvB,sBAAsB,EACtB,6BAA6B,EAC7B,YAAY,EAEZ,mBAAmB,EACnB,aAAa,EACb,YAAY,EACZ,MAAM,EACN,SAAS,EACV,MAAM,UAAU,CAAC;AAKlB,MAAM,WAAW,YAAY,CAC3B,MAAM,SAAS,YAAY,EAC3B,UAAU,GAAG,OAAO,EACpB,YAAY,GAAG,OAAO;IAEtB,CAAC,KAAK,GAAG,OAAO,EAAE,OAAO,GAAG,OAAO,EACjC,aAAa,EAAE,MAAM,CAAC,UAAU,GAAG,KAAK,CAAC,EACzC,GAAG,cAAc,EAAE,OAAO,CAAC,aAAa,CAAC,UAAU,GAAG,KAAK,CAAC,EAAE,gBAAgB,CAAC,GAAG,CAAC,CAAC,EAAE,GACrF,sBAAsB,CAAC,MAAM,EAAE,UAAU,GAAG,KAAK,CAAC,GAAG,YAAY,GAAG,OAAO,CAAC;IAC/E,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG,YAAY,CAAC,MAAM,EAAE,UAAU,EAAE,YAAY,CAAC,CAAC;IAChF,UAAU,CACR,MAAM,EAAE,mBAAmB,CAAC,UAAU,CAAC,GACtC,YAAY,CAAC,MAAM,EAAE,UAAU,EAAE,YAAY,CAAC,CAAC;CACnD;AAED,MAAM,WAAW,SAAS,CAAC,MAAM,SAAS,SAAS,EAAE,UAAU,GAAG,OAAO,EAAE,YAAY,GAAG,OAAO;IAC/F,CAAC,KAAK,GAAG,OAAO,EAAE,OAAO,GAAG,OAAO,EACjC,aAAa,EAAE,MAAM,CAAC,UAAU,GAAG,KAAK,CAAC,EACzC,GAAG,cAAc,EAAE,aAAa,CAAC,UAAU,GAAG,KAAK,CAAC,EAAE,GACrD,gBAAgB,CAAC,MAAM,EAAE,UAAU,GAAG,KAAK,CAAC,GAAG,YAAY,GAAG,OAAO,CAAC;IACzE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,UAAU,EAAE,YAAY,CAAC,CAAC;IAC7E,UAAU,CAAC,MAAM,EAAE,aAAa,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,UAAU,EAAE,YAAY,CAAC,CAAC;CAC5F;AAED,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAC1C,WAAW,SAAS,KAAK,GAAG,QAAQ,EACpC,MAAM,SAAS,YAAY,EAC3B,UAAU,GAAG,OAAO,EAAE,yEAAyE;AAC/F,YAAY,GAAG,OAAO,EAEtB,oBAAoB,EAAE,WAAW,SAAS,KAAK,GAC3C,uBAAuB,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,GACtC,6BAA6B,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EAChD,GAAG,EAAE,MAAM,EACX,OAAO,GAAE,WAAW,SAAS,KAAK,GAC9B,aAAa,CAAC,UAAU,CAAC,GACzB,mBAAmB,CAAC,UAAU,CAA6C;;iBA6B9C,MAAM,UAAU,CAAC;IAMlD;yFACqF;uBAE3E,WAAW,SAAS,KAAK,GAAG,cAAc,UAAU,CAAC,GAAG,oBAAoB,UAAU,CAAC;EAQlG"}

package/primitives/dist/dist/constructors/createGlobalStyle.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ExtensibleObject, Interpolation, Styles } from '../types';
+export default function createGlobalStyle<Props = unknown>(strings: Styles<Props>, ...interpolations: Array<Interpolation<Props>>): React.NamedExoticComponent<ExtensibleObject>;
+//# sourceMappingURL=createGlobalStyle.d.ts.map

package/primitives/dist/dist/constructors/createGlobalStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createGlobalStyle.d.ts","sourceRoot":"","sources":["../../src/constructors/createGlobalStyle.ts"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAC;AAMnE,OAAO,EAEL,gBAAgB,EAChB,aAAa,EAGb,MAAM,EACP,MAAM,UAAU,CAAC;AAMlB,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,GAAG,OAAO,EACvD,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,EACtB,GAAG,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,gDA6E/C"}

package/primitives/dist/dist/constructors/css.d.ts

@@ -0,0 +1,5 @@
+import { Interpolation, Styles } from '../types';
+export default function css<Props>(styles: Styles<Props>, ...interpolations: Interpolation<Props>[]): TemplateStringsArray | (Interpolation<Props> & {
+    isCss?: boolean | undefined;
+});
+//# sourceMappingURL=css.d.ts.map

package/primitives/dist/dist/constructors/css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../../src/constructors/css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA+B,MAAM,EAAE,MAAM,UAAU,CAAC;AAmB9E,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,KAAK,EAC/B,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,EACrB,GAAG,cAAc,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE;;GA0B1C"}

package/primitives/dist/dist/constructors/keyframes.d.ts

@@ -0,0 +1,4 @@
+import Keyframes from '../models/Keyframes';
+import { Interpolation, Styles } from '../types';
+export default function keyframes<Props = unknown>(strings: Styles<Props>, ...interpolations: Array<Interpolation<Props>>): Keyframes;
+//# sourceMappingURL=keyframes.d.ts.map

package/primitives/dist/dist/constructors/keyframes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyframes.d.ts","sourceRoot":"","sources":["../../src/constructors/keyframes.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAIjD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,GAAG,OAAO,EAC/C,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,EACtB,GAAG,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,GAC7C,SAAS,CAgBX"}