worked on GarageApp stuff
This commit is contained in:
parent
60aaf17af3
commit
eb606572b0
51919 changed files with 2168177 additions and 18 deletions
3
node_modules/@emotion/react/dist/declarations/src/_isolated-hnrs.d.ts
generated
vendored
Normal file
3
node_modules/@emotion/react/dist/declarations/src/_isolated-hnrs.d.ts
generated
vendored
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
import hoistNonReactStatics from 'hoist-non-react-statics';
|
||||
declare const _default: <T extends import("react").ComponentType<any>, S extends import("react").ComponentType<any>>(targetComponent: T, sourceComponent: S) => T & hoistNonReactStatics.NonReactStatics<S, {}>;
|
||||
export default _default;
|
||||
18
node_modules/@emotion/react/dist/declarations/src/class-names.d.ts
generated
vendored
Normal file
18
node_modules/@emotion/react/dist/declarations/src/class-names.d.ts
generated
vendored
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
import * as React from 'react';
|
||||
import { CSSInterpolation } from '@emotion/serialize';
|
||||
import { Theme } from "./theming.js";
|
||||
export interface ArrayClassNamesArg extends Array<ClassNamesArg> {
|
||||
}
|
||||
export type ClassNamesArg = undefined | null | string | boolean | {
|
||||
[className: string]: boolean | null | undefined;
|
||||
} | ArrayClassNamesArg;
|
||||
export interface ClassNamesContent {
|
||||
css(template: TemplateStringsArray, ...args: Array<CSSInterpolation>): string;
|
||||
css(...args: Array<CSSInterpolation>): string;
|
||||
cx(...args: Array<ClassNamesArg>): string;
|
||||
theme: Theme;
|
||||
}
|
||||
export interface ClassNamesProps {
|
||||
children(content: ClassNamesContent): React.ReactNode;
|
||||
}
|
||||
export declare const ClassNames: React.FC<ClassNamesProps & React.RefAttributes<any>> | React.ForwardRefExoticComponent<ClassNamesProps & React.RefAttributes<any>>;
|
||||
6
node_modules/@emotion/react/dist/declarations/src/context.d.ts
generated
vendored
Normal file
6
node_modules/@emotion/react/dist/declarations/src/context.d.ts
generated
vendored
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
import * as React from 'react';
|
||||
import { EmotionCache } from '@emotion/cache';
|
||||
export declare let CacheProvider: React.Provider<EmotionCache | null>;
|
||||
export declare let __unsafe_useEmotionCache: () => EmotionCache | null;
|
||||
declare let withEmotionCache: <Props, RefType = any>(func: (props: React.PropsWithoutRef<Props>, context: EmotionCache, ref?: React.ForwardedRef<RefType>) => React.ReactNode) => React.FC<React.PropsWithoutRef<Props> & React.RefAttributes<RefType>> | React.ForwardRefExoticComponent<React.PropsWithoutRef<Props> & React.RefAttributes<RefType>>;
|
||||
export { withEmotionCache };
|
||||
5
node_modules/@emotion/react/dist/declarations/src/css.d.ts
generated
vendored
Normal file
5
node_modules/@emotion/react/dist/declarations/src/css.d.ts
generated
vendored
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
import type { SerializedStyles } from '@emotion/utils';
|
||||
import type { CSSInterpolation } from '@emotion/serialize';
|
||||
declare function css(template: TemplateStringsArray, ...args: CSSInterpolation[]): SerializedStyles;
|
||||
declare function css(...args: CSSInterpolation[]): SerializedStyles;
|
||||
export default css;
|
||||
7
node_modules/@emotion/react/dist/declarations/src/global.d.ts
generated
vendored
Normal file
7
node_modules/@emotion/react/dist/declarations/src/global.d.ts
generated
vendored
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
import * as React from 'react';
|
||||
import { Theme } from "./theming.js";
|
||||
import { Interpolation } from '@emotion/serialize';
|
||||
export interface GlobalProps {
|
||||
styles: Interpolation<Theme>;
|
||||
}
|
||||
export declare let Global: React.FC<GlobalProps & React.RefAttributes<any>> | React.ForwardRefExoticComponent<GlobalProps & React.RefAttributes<any>>;
|
||||
14
node_modules/@emotion/react/dist/declarations/src/index.d.ts
generated
vendored
Normal file
14
node_modules/@emotion/react/dist/declarations/src/index.d.ts
generated
vendored
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
export type { EmotionCache } from '@emotion/cache';
|
||||
export type { ArrayInterpolation, ComponentSelector, CSSObject, FunctionInterpolation, Interpolation, Keyframes, SerializedStyles } from '@emotion/serialize';
|
||||
export { withEmotionCache, CacheProvider, __unsafe_useEmotionCache } from "./context.js";
|
||||
export { jsx } from "./jsx.js";
|
||||
export { jsx as createElement } from "./jsx.js";
|
||||
export { Global } from "./global.js";
|
||||
export type { GlobalProps } from "./global.js";
|
||||
export { keyframes } from "./keyframes.js";
|
||||
export { ClassNames } from "./class-names.js";
|
||||
export type { ClassNamesArg, ClassNamesContent, ClassNamesProps, ArrayClassNamesArg } from "./class-names.js";
|
||||
export { ThemeContext, useTheme, ThemeProvider, withTheme } from "./theming.js";
|
||||
export type { Theme, ThemeProviderProps, WithTheme } from "./theming.js";
|
||||
export { default as css } from "./css.js";
|
||||
export type { DistributiveOmit, PropsOf } from "./types.js";
|
||||
6
node_modules/@emotion/react/dist/declarations/src/jsx-dev-runtime.d.ts
generated
vendored
Normal file
6
node_modules/@emotion/react/dist/declarations/src/jsx-dev-runtime.d.ts
generated
vendored
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
import * as ReactJSXRuntimeDev from 'react/jsx-dev-runtime';
|
||||
export type { EmotionJSX as JSX } from "./jsx-namespace.js";
|
||||
export declare const Fragment: import("react").ExoticComponent<{
|
||||
children?: import("react").ReactNode;
|
||||
}>;
|
||||
export declare const jsxDEV: typeof ReactJSXRuntimeDev.jsxDEV;
|
||||
64
node_modules/@emotion/react/dist/declarations/src/jsx-namespace.d.ts
generated
vendored
Normal file
64
node_modules/@emotion/react/dist/declarations/src/jsx-namespace.d.ts
generated
vendored
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
import 'react';
|
||||
import { Interpolation } from '@emotion/serialize';
|
||||
import { Theme } from "./theming.js";
|
||||
type IsPreReact19 = 2 extends Parameters<React.FunctionComponent<any>>['length'] ? true : false;
|
||||
type WithConditionalCSSProp<P> = 'className' extends keyof P ? string extends P['className' & keyof P] ? {
|
||||
css?: Interpolation<Theme>;
|
||||
} : {} : {};
|
||||
/** @ts-ignore */
|
||||
type ReactJSXElement = true extends IsPreReact19 ? JSX.Element : React.JSX.Element;
|
||||
/** @ts-ignore */
|
||||
type ReactJSXElementClass = true extends IsPreReact19 ? JSX.ElementClass : React.JSX.ElementClass;
|
||||
/** @ts-ignore */
|
||||
type ReactJSXElementAttributesProperty = true extends IsPreReact19 ? JSX.ElementAttributesProperty : React.JSX.ElementAttributesProperty;
|
||||
/** @ts-ignore */
|
||||
type ReactJSXElementChildrenAttribute = true extends IsPreReact19 ? JSX.ElementChildrenAttribute : React.JSX.ElementChildrenAttribute;
|
||||
/** @ts-ignore */
|
||||
type ReactJSXLibraryManagedAttributes<C, P> = true extends IsPreReact19 ? JSX.LibraryManagedAttributes<C, P> : React.JSX.LibraryManagedAttributes<C, P>;
|
||||
/** @ts-ignore */
|
||||
type ReactJSXIntrinsicAttributes = true extends IsPreReact19 ? JSX.IntrinsicAttributes : React.JSX.IntrinsicAttributes;
|
||||
/** @ts-ignore */
|
||||
type ReactJSXIntrinsicClassAttributes<T> = true extends IsPreReact19 ? JSX.IntrinsicClassAttributes<T> : React.JSX.IntrinsicClassAttributes<T>;
|
||||
/** @ts-ignore */
|
||||
type ReactJSXIntrinsicElements = true extends IsPreReact19 ? JSX.IntrinsicElements : React.JSX.IntrinsicElements;
|
||||
/** @ts-ignore */
|
||||
type ReactJSXElementType = true extends IsPreReact19 ? string | React.JSXElementConstructor<any> : React.JSX.ElementType;
|
||||
export declare namespace ReactJSX {
|
||||
type ElementType = ReactJSXElementType;
|
||||
interface Element extends ReactJSXElement {
|
||||
}
|
||||
interface ElementClass extends ReactJSXElementClass {
|
||||
}
|
||||
interface ElementAttributesProperty extends ReactJSXElementAttributesProperty {
|
||||
}
|
||||
interface ElementChildrenAttribute extends ReactJSXElementChildrenAttribute {
|
||||
}
|
||||
type LibraryManagedAttributes<C, P> = ReactJSXLibraryManagedAttributes<C, P>;
|
||||
interface IntrinsicAttributes extends ReactJSXIntrinsicAttributes {
|
||||
}
|
||||
interface IntrinsicClassAttributes<T> extends ReactJSXIntrinsicClassAttributes<T> {
|
||||
}
|
||||
type IntrinsicElements = ReactJSXIntrinsicElements;
|
||||
}
|
||||
export declare namespace EmotionJSX {
|
||||
type ElementType = ReactJSXElementType;
|
||||
interface Element extends ReactJSXElement {
|
||||
}
|
||||
interface ElementClass extends ReactJSXElementClass {
|
||||
}
|
||||
interface ElementAttributesProperty extends ReactJSXElementAttributesProperty {
|
||||
}
|
||||
interface ElementChildrenAttribute extends ReactJSXElementChildrenAttribute {
|
||||
}
|
||||
type LibraryManagedAttributes<C, P> = P extends unknown ? WithConditionalCSSProp<P> & ReactJSXLibraryManagedAttributes<C, P> : never;
|
||||
interface IntrinsicAttributes extends ReactJSXIntrinsicAttributes {
|
||||
}
|
||||
interface IntrinsicClassAttributes<T> extends ReactJSXIntrinsicClassAttributes<T> {
|
||||
}
|
||||
type IntrinsicElements = {
|
||||
[K in keyof ReactJSXIntrinsicElements]: ReactJSXIntrinsicElements[K] & {
|
||||
css?: Interpolation<Theme>;
|
||||
};
|
||||
};
|
||||
}
|
||||
export {};
|
||||
7
node_modules/@emotion/react/dist/declarations/src/jsx-runtime.d.ts
generated
vendored
Normal file
7
node_modules/@emotion/react/dist/declarations/src/jsx-runtime.d.ts
generated
vendored
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
import * as ReactJSXRuntime from 'react/jsx-runtime';
|
||||
export type { EmotionJSX as JSX } from "./jsx-namespace.js";
|
||||
export declare const Fragment: import("react").ExoticComponent<{
|
||||
children?: import("react").ReactNode;
|
||||
}>;
|
||||
export declare const jsx: typeof ReactJSXRuntime.jsx;
|
||||
export declare const jsxs: typeof ReactJSXRuntime.jsxs;
|
||||
22
node_modules/@emotion/react/dist/declarations/src/jsx.d.ts
generated
vendored
Normal file
22
node_modules/@emotion/react/dist/declarations/src/jsx.d.ts
generated
vendored
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
import * as React from 'react';
|
||||
import { EmotionJSX } from "./jsx-namespace.js";
|
||||
export declare const jsx: typeof React.createElement;
|
||||
export declare namespace jsx {
|
||||
namespace JSX {
|
||||
type ElementType = EmotionJSX.ElementType;
|
||||
interface Element extends EmotionJSX.Element {
|
||||
}
|
||||
interface ElementClass extends EmotionJSX.ElementClass {
|
||||
}
|
||||
interface ElementAttributesProperty extends EmotionJSX.ElementAttributesProperty {
|
||||
}
|
||||
interface ElementChildrenAttribute extends EmotionJSX.ElementChildrenAttribute {
|
||||
}
|
||||
type LibraryManagedAttributes<C, P> = EmotionJSX.LibraryManagedAttributes<C, P>;
|
||||
interface IntrinsicAttributes extends EmotionJSX.IntrinsicAttributes {
|
||||
}
|
||||
interface IntrinsicClassAttributes<T> extends EmotionJSX.IntrinsicClassAttributes<T> {
|
||||
}
|
||||
type IntrinsicElements = EmotionJSX.IntrinsicElements;
|
||||
}
|
||||
}
|
||||
10
node_modules/@emotion/react/dist/declarations/src/keyframes.d.ts
generated
vendored
Normal file
10
node_modules/@emotion/react/dist/declarations/src/keyframes.d.ts
generated
vendored
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
import { CSSInterpolation } from '@emotion/serialize';
|
||||
type Keyframes = {
|
||||
name: string;
|
||||
styles: string;
|
||||
anim: 1;
|
||||
toString: () => string;
|
||||
} & string;
|
||||
export declare function keyframes(template: TemplateStringsArray, ...args: CSSInterpolation[]): Keyframes;
|
||||
export declare function keyframes(...args: CSSInterpolation[]): Keyframes;
|
||||
export {};
|
||||
28
node_modules/@emotion/react/dist/declarations/src/theming.d.ts
generated
vendored
Normal file
28
node_modules/@emotion/react/dist/declarations/src/theming.d.ts
generated
vendored
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
import * as React from 'react';
|
||||
import { DistributiveOmit, PropsOf } from "./types.js";
|
||||
export interface Theme {
|
||||
}
|
||||
export interface ThemeProviderProps {
|
||||
theme: Partial<Theme> | ((outerTheme: Theme) => Theme);
|
||||
children: React.ReactNode;
|
||||
}
|
||||
export interface ThemeProvider {
|
||||
(props: ThemeProviderProps): React.ReactElement;
|
||||
}
|
||||
export type WithTheme<P, T> = P extends {
|
||||
theme: infer Theme;
|
||||
} ? P & {
|
||||
theme: Exclude<Theme, undefined>;
|
||||
} : P & {
|
||||
theme: T;
|
||||
};
|
||||
export declare const ThemeContext: React.Context<Theme>;
|
||||
export declare const useTheme: () => Theme;
|
||||
export interface ThemeProviderProps {
|
||||
theme: Partial<Theme> | ((outerTheme: Theme) => Theme);
|
||||
children: React.ReactNode;
|
||||
}
|
||||
export declare const ThemeProvider: (props: ThemeProviderProps) => React.JSX.Element;
|
||||
export declare function withTheme<C extends React.ComponentType<React.ComponentProps<C>>>(Component: C): React.ForwardRefExoticComponent<DistributiveOmit<PropsOf<C>, 'theme'> & {
|
||||
theme?: Theme;
|
||||
}>;
|
||||
7
node_modules/@emotion/react/dist/declarations/src/types.d.ts
generated
vendored
Normal file
7
node_modules/@emotion/react/dist/declarations/src/types.d.ts
generated
vendored
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
import { ReactJSX } from "./jsx-namespace.js";
|
||||
/**
|
||||
* @desc Utility type for getting props type of React component.
|
||||
* It takes `defaultProps` into an account - making props with defaults optional.
|
||||
*/
|
||||
export type PropsOf<C extends keyof ReactJSX.IntrinsicElements | React.JSXElementConstructor<any>> = ReactJSX.LibraryManagedAttributes<C, React.ComponentProps<C>>;
|
||||
export type DistributiveOmit<T, U> = T extends any ? Pick<T, Exclude<keyof T, U>> : never;
|
||||
313
node_modules/@emotion/react/dist/emotion-element-010f37fa.development.edge-light.cjs.js
generated
vendored
Normal file
313
node_modules/@emotion/react/dist/emotion-element-010f37fa.development.edge-light.cjs.js
generated
vendored
Normal file
|
|
@ -0,0 +1,313 @@
|
|||
'use strict';
|
||||
|
||||
var React = require('react');
|
||||
var createCache = require('@emotion/cache');
|
||||
var _extends = require('@babel/runtime/helpers/extends');
|
||||
var weakMemoize = require('@emotion/weak-memoize');
|
||||
var _isolatedHnrs_dist_emotionReact_isolatedHnrs = require('../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.js');
|
||||
var utils = require('@emotion/utils');
|
||||
var serialize = require('@emotion/serialize');
|
||||
var useInsertionEffectWithFallbacks = require('@emotion/use-insertion-effect-with-fallbacks');
|
||||
|
||||
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
||||
|
||||
function _interopNamespace(e) {
|
||||
if (e && e.__esModule) return e;
|
||||
var n = Object.create(null);
|
||||
if (e) {
|
||||
Object.keys(e).forEach(function (k) {
|
||||
if (k !== 'default') {
|
||||
var d = Object.getOwnPropertyDescriptor(e, k);
|
||||
Object.defineProperty(n, k, d.get ? d : {
|
||||
enumerable: true,
|
||||
get: function () { return e[k]; }
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
n["default"] = e;
|
||||
return Object.freeze(n);
|
||||
}
|
||||
|
||||
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
||||
var createCache__default = /*#__PURE__*/_interopDefault(createCache);
|
||||
var weakMemoize__default = /*#__PURE__*/_interopDefault(weakMemoize);
|
||||
|
||||
var EmotionCacheContext = /* #__PURE__ */React__namespace.createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case
|
||||
// because this module is primarily intended for the browser and node
|
||||
// but it's also required in react native and similar environments sometimes
|
||||
// and we could have a special build just for that
|
||||
// but this is much easier and the native packages
|
||||
// might use a different theme context in the future anyway
|
||||
typeof HTMLElement !== 'undefined' ? /* #__PURE__ */createCache__default["default"]({
|
||||
key: 'css'
|
||||
}) : null);
|
||||
|
||||
{
|
||||
EmotionCacheContext.displayName = 'EmotionCacheContext';
|
||||
}
|
||||
|
||||
var CacheProvider = EmotionCacheContext.Provider;
|
||||
var __unsafe_useEmotionCache = function useEmotionCache() {
|
||||
return React.useContext(EmotionCacheContext);
|
||||
};
|
||||
|
||||
exports.withEmotionCache = function withEmotionCache(func) {
|
||||
return /*#__PURE__*/React.forwardRef(function (props, ref) {
|
||||
// the cache will never be null in the browser
|
||||
var cache = React.useContext(EmotionCacheContext);
|
||||
return func(props, cache, ref);
|
||||
});
|
||||
};
|
||||
|
||||
{
|
||||
exports.withEmotionCache = function withEmotionCache(func) {
|
||||
return function (props) {
|
||||
var cache = React.useContext(EmotionCacheContext);
|
||||
|
||||
if (cache === null) {
|
||||
// yes, we're potentially creating this on every render
|
||||
// it doesn't actually matter though since it's only on the server
|
||||
// so there will only every be a single render
|
||||
// that could change in the future because of suspense and etc. but for now,
|
||||
// this works and i don't want to optimise for a future thing that we aren't sure about
|
||||
cache = createCache__default["default"]({
|
||||
key: 'css'
|
||||
});
|
||||
return /*#__PURE__*/React__namespace.createElement(EmotionCacheContext.Provider, {
|
||||
value: cache
|
||||
}, func(props, cache));
|
||||
} else {
|
||||
return func(props, cache);
|
||||
}
|
||||
};
|
||||
};
|
||||
}
|
||||
|
||||
var ThemeContext = /* #__PURE__ */React__namespace.createContext({});
|
||||
|
||||
{
|
||||
ThemeContext.displayName = 'EmotionThemeContext';
|
||||
}
|
||||
|
||||
var useTheme = function useTheme() {
|
||||
return React__namespace.useContext(ThemeContext);
|
||||
};
|
||||
|
||||
var getTheme = function getTheme(outerTheme, theme) {
|
||||
if (typeof theme === 'function') {
|
||||
var mergedTheme = theme(outerTheme);
|
||||
|
||||
if ((mergedTheme == null || typeof mergedTheme !== 'object' || Array.isArray(mergedTheme))) {
|
||||
throw new Error('[ThemeProvider] Please return an object from your theme function, i.e. theme={() => ({})}!');
|
||||
}
|
||||
|
||||
return mergedTheme;
|
||||
}
|
||||
|
||||
if ((theme == null || typeof theme !== 'object' || Array.isArray(theme))) {
|
||||
throw new Error('[ThemeProvider] Please make your theme prop a plain object');
|
||||
}
|
||||
|
||||
return _extends({}, outerTheme, theme);
|
||||
};
|
||||
|
||||
var createCacheWithTheme = /* #__PURE__ */weakMemoize__default["default"](function (outerTheme) {
|
||||
return weakMemoize__default["default"](function (theme) {
|
||||
return getTheme(outerTheme, theme);
|
||||
});
|
||||
});
|
||||
var ThemeProvider = function ThemeProvider(props) {
|
||||
var theme = React__namespace.useContext(ThemeContext);
|
||||
|
||||
if (props.theme !== theme) {
|
||||
theme = createCacheWithTheme(theme)(props.theme);
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React__namespace.createElement(ThemeContext.Provider, {
|
||||
value: theme
|
||||
}, props.children);
|
||||
};
|
||||
function withTheme(Component) {
|
||||
var componentName = Component.displayName || Component.name || 'Component';
|
||||
var WithTheme = /*#__PURE__*/React__namespace.forwardRef(function render(props, ref) {
|
||||
var theme = React__namespace.useContext(ThemeContext);
|
||||
return /*#__PURE__*/React__namespace.createElement(Component, _extends({
|
||||
theme: theme,
|
||||
ref: ref
|
||||
}, props));
|
||||
});
|
||||
WithTheme.displayName = "WithTheme(" + componentName + ")";
|
||||
return _isolatedHnrs_dist_emotionReact_isolatedHnrs["default"](WithTheme, Component);
|
||||
}
|
||||
|
||||
var hasOwn = {}.hasOwnProperty;
|
||||
|
||||
var getLastPart = function getLastPart(functionName) {
|
||||
// The match may be something like 'Object.createEmotionProps' or
|
||||
// 'Loader.prototype.render'
|
||||
var parts = functionName.split('.');
|
||||
return parts[parts.length - 1];
|
||||
};
|
||||
|
||||
var getFunctionNameFromStackTraceLine = function getFunctionNameFromStackTraceLine(line) {
|
||||
// V8
|
||||
var match = /^\s+at\s+([A-Za-z0-9$.]+)\s/.exec(line);
|
||||
if (match) return getLastPart(match[1]); // Safari / Firefox
|
||||
|
||||
match = /^([A-Za-z0-9$.]+)@/.exec(line);
|
||||
if (match) return getLastPart(match[1]);
|
||||
return undefined;
|
||||
};
|
||||
|
||||
var internalReactFunctionNames = /* #__PURE__ */new Set(['renderWithHooks', 'processChild', 'finishClassComponent', 'renderToString']); // These identifiers come from error stacks, so they have to be valid JS
|
||||
// identifiers, thus we only need to replace what is a valid character for JS,
|
||||
// but not for CSS.
|
||||
|
||||
var sanitizeIdentifier = function sanitizeIdentifier(identifier) {
|
||||
return identifier.replace(/\$/g, '-');
|
||||
};
|
||||
|
||||
var getLabelFromStackTrace = function getLabelFromStackTrace(stackTrace) {
|
||||
if (!stackTrace) return undefined;
|
||||
var lines = stackTrace.split('\n');
|
||||
|
||||
for (var i = 0; i < lines.length; i++) {
|
||||
var functionName = getFunctionNameFromStackTraceLine(lines[i]); // The first line of V8 stack traces is just "Error"
|
||||
|
||||
if (!functionName) continue; // If we reach one of these, we have gone too far and should quit
|
||||
|
||||
if (internalReactFunctionNames.has(functionName)) break; // The component name is the first function in the stack that starts with an
|
||||
// uppercase letter
|
||||
|
||||
if (/^[A-Z]/.test(functionName)) return sanitizeIdentifier(functionName);
|
||||
}
|
||||
|
||||
return undefined;
|
||||
};
|
||||
|
||||
var typePropName = '__EMOTION_TYPE_PLEASE_DO_NOT_USE__';
|
||||
var labelPropName = '__EMOTION_LABEL_PLEASE_DO_NOT_USE__';
|
||||
var createEmotionProps = function createEmotionProps(type, props) {
|
||||
if (typeof props.css === 'string' && // check if there is a css declaration
|
||||
props.css.indexOf(':') !== -1) {
|
||||
throw new Error("Strings are not allowed as css prop values, please wrap it in a css template literal from '@emotion/react' like this: css`" + props.css + "`");
|
||||
}
|
||||
|
||||
var newProps = {};
|
||||
|
||||
for (var _key in props) {
|
||||
if (hasOwn.call(props, _key)) {
|
||||
newProps[_key] = props[_key];
|
||||
}
|
||||
}
|
||||
|
||||
newProps[typePropName] = type; // Runtime labeling is an opt-in feature because:
|
||||
// - It causes hydration warnings when using Safari and SSR
|
||||
// - It can degrade performance if there are a huge number of elements
|
||||
//
|
||||
// Even if the flag is set, we still don't compute the label if it has already
|
||||
// been determined by the Babel plugin.
|
||||
|
||||
if (typeof globalThis !== 'undefined' && !!globalThis.EMOTION_RUNTIME_AUTO_LABEL && !!props.css && (typeof props.css !== 'object' || !('name' in props.css) || typeof props.css.name !== 'string' || props.css.name.indexOf('-') === -1)) {
|
||||
var label = getLabelFromStackTrace(new Error().stack);
|
||||
if (label) newProps[labelPropName] = label;
|
||||
}
|
||||
|
||||
return newProps;
|
||||
};
|
||||
|
||||
var Insertion = function Insertion(_ref) {
|
||||
var cache = _ref.cache,
|
||||
serialized = _ref.serialized,
|
||||
isStringTag = _ref.isStringTag;
|
||||
utils.registerStyles(cache, serialized, isStringTag);
|
||||
var rules = useInsertionEffectWithFallbacks.useInsertionEffectAlwaysWithSyncFallback(function () {
|
||||
return utils.insertStyles(cache, serialized, isStringTag);
|
||||
});
|
||||
|
||||
if (rules !== undefined) {
|
||||
var _ref2;
|
||||
|
||||
var serializedNames = serialized.name;
|
||||
var next = serialized.next;
|
||||
|
||||
while (next !== undefined) {
|
||||
serializedNames += ' ' + next.name;
|
||||
next = next.next;
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React__namespace.createElement("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedNames, _ref2.dangerouslySetInnerHTML = {
|
||||
__html: rules
|
||||
}, _ref2.nonce = cache.sheet.nonce, _ref2));
|
||||
}
|
||||
|
||||
return null;
|
||||
};
|
||||
|
||||
var Emotion = /* #__PURE__ */exports.withEmotionCache(function (props, cache, ref) {
|
||||
var cssProp = props.css; // so that using `css` from `emotion` and passing the result to the css prop works
|
||||
// not passing the registered cache to serializeStyles because it would
|
||||
// make certain babel optimisations not possible
|
||||
|
||||
if (typeof cssProp === 'string' && cache.registered[cssProp] !== undefined) {
|
||||
cssProp = cache.registered[cssProp];
|
||||
}
|
||||
|
||||
var WrappedComponent = props[typePropName];
|
||||
var registeredStyles = [cssProp];
|
||||
var className = '';
|
||||
|
||||
if (typeof props.className === 'string') {
|
||||
className = utils.getRegisteredStyles(cache.registered, registeredStyles, props.className);
|
||||
} else if (props.className != null) {
|
||||
className = props.className + " ";
|
||||
}
|
||||
|
||||
var serialized = serialize.serializeStyles(registeredStyles, undefined, React__namespace.useContext(ThemeContext));
|
||||
|
||||
if (serialized.name.indexOf('-') === -1) {
|
||||
var labelFromStack = props[labelPropName];
|
||||
|
||||
if (labelFromStack) {
|
||||
serialized = serialize.serializeStyles([serialized, 'label:' + labelFromStack + ';']);
|
||||
}
|
||||
}
|
||||
|
||||
className += cache.key + "-" + serialized.name;
|
||||
var newProps = {};
|
||||
|
||||
for (var _key2 in props) {
|
||||
if (hasOwn.call(props, _key2) && _key2 !== 'css' && _key2 !== typePropName && (_key2 !== labelPropName)) {
|
||||
newProps[_key2] = props[_key2];
|
||||
}
|
||||
}
|
||||
|
||||
newProps.className = className;
|
||||
|
||||
if (ref) {
|
||||
newProps.ref = ref;
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Insertion, {
|
||||
cache: cache,
|
||||
serialized: serialized,
|
||||
isStringTag: typeof WrappedComponent === 'string'
|
||||
}), /*#__PURE__*/React__namespace.createElement(WrappedComponent, newProps));
|
||||
});
|
||||
|
||||
{
|
||||
Emotion.displayName = 'EmotionCssPropInternal';
|
||||
}
|
||||
|
||||
var Emotion$1 = Emotion;
|
||||
|
||||
exports.CacheProvider = CacheProvider;
|
||||
exports.Emotion = Emotion$1;
|
||||
exports.ThemeContext = ThemeContext;
|
||||
exports.ThemeProvider = ThemeProvider;
|
||||
exports.__unsafe_useEmotionCache = __unsafe_useEmotionCache;
|
||||
exports.createEmotionProps = createEmotionProps;
|
||||
exports.hasOwn = hasOwn;
|
||||
exports.useTheme = useTheme;
|
||||
exports.withTheme = withTheme;
|
||||
191
node_modules/@emotion/react/dist/emotion-element-25f9958c.browser.cjs.js
generated
vendored
Normal file
191
node_modules/@emotion/react/dist/emotion-element-25f9958c.browser.cjs.js
generated
vendored
Normal file
|
|
@ -0,0 +1,191 @@
|
|||
'use strict';
|
||||
|
||||
var React = require('react');
|
||||
var createCache = require('@emotion/cache');
|
||||
var _extends = require('@babel/runtime/helpers/extends');
|
||||
var weakMemoize = require('@emotion/weak-memoize');
|
||||
var _isolatedHnrs_dist_emotionReact_isolatedHnrs = require('../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.cjs.js');
|
||||
var utils = require('@emotion/utils');
|
||||
var serialize = require('@emotion/serialize');
|
||||
var useInsertionEffectWithFallbacks = require('@emotion/use-insertion-effect-with-fallbacks');
|
||||
|
||||
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
||||
|
||||
function _interopNamespace(e) {
|
||||
if (e && e.__esModule) return e;
|
||||
var n = Object.create(null);
|
||||
if (e) {
|
||||
Object.keys(e).forEach(function (k) {
|
||||
if (k !== 'default') {
|
||||
var d = Object.getOwnPropertyDescriptor(e, k);
|
||||
Object.defineProperty(n, k, d.get ? d : {
|
||||
enumerable: true,
|
||||
get: function () { return e[k]; }
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
n["default"] = e;
|
||||
return Object.freeze(n);
|
||||
}
|
||||
|
||||
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
||||
var createCache__default = /*#__PURE__*/_interopDefault(createCache);
|
||||
var weakMemoize__default = /*#__PURE__*/_interopDefault(weakMemoize);
|
||||
|
||||
var isDevelopment = false;
|
||||
|
||||
var EmotionCacheContext = /* #__PURE__ */React__namespace.createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case
|
||||
// because this module is primarily intended for the browser and node
|
||||
// but it's also required in react native and similar environments sometimes
|
||||
// and we could have a special build just for that
|
||||
// but this is much easier and the native packages
|
||||
// might use a different theme context in the future anyway
|
||||
typeof HTMLElement !== 'undefined' ? /* #__PURE__ */createCache__default["default"]({
|
||||
key: 'css'
|
||||
}) : null);
|
||||
|
||||
var CacheProvider = EmotionCacheContext.Provider;
|
||||
var __unsafe_useEmotionCache = function useEmotionCache() {
|
||||
return React.useContext(EmotionCacheContext);
|
||||
};
|
||||
|
||||
var withEmotionCache = function withEmotionCache(func) {
|
||||
return /*#__PURE__*/React.forwardRef(function (props, ref) {
|
||||
// the cache will never be null in the browser
|
||||
var cache = React.useContext(EmotionCacheContext);
|
||||
return func(props, cache, ref);
|
||||
});
|
||||
};
|
||||
|
||||
var ThemeContext = /* #__PURE__ */React__namespace.createContext({});
|
||||
|
||||
var useTheme = function useTheme() {
|
||||
return React__namespace.useContext(ThemeContext);
|
||||
};
|
||||
|
||||
var getTheme = function getTheme(outerTheme, theme) {
|
||||
if (typeof theme === 'function') {
|
||||
var mergedTheme = theme(outerTheme);
|
||||
|
||||
return mergedTheme;
|
||||
}
|
||||
|
||||
return _extends({}, outerTheme, theme);
|
||||
};
|
||||
|
||||
var createCacheWithTheme = /* #__PURE__ */weakMemoize__default["default"](function (outerTheme) {
|
||||
return weakMemoize__default["default"](function (theme) {
|
||||
return getTheme(outerTheme, theme);
|
||||
});
|
||||
});
|
||||
var ThemeProvider = function ThemeProvider(props) {
|
||||
var theme = React__namespace.useContext(ThemeContext);
|
||||
|
||||
if (props.theme !== theme) {
|
||||
theme = createCacheWithTheme(theme)(props.theme);
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React__namespace.createElement(ThemeContext.Provider, {
|
||||
value: theme
|
||||
}, props.children);
|
||||
};
|
||||
function withTheme(Component) {
|
||||
var componentName = Component.displayName || Component.name || 'Component';
|
||||
var WithTheme = /*#__PURE__*/React__namespace.forwardRef(function render(props, ref) {
|
||||
var theme = React__namespace.useContext(ThemeContext);
|
||||
return /*#__PURE__*/React__namespace.createElement(Component, _extends({
|
||||
theme: theme,
|
||||
ref: ref
|
||||
}, props));
|
||||
});
|
||||
WithTheme.displayName = "WithTheme(" + componentName + ")";
|
||||
return _isolatedHnrs_dist_emotionReact_isolatedHnrs["default"](WithTheme, Component);
|
||||
}
|
||||
|
||||
var hasOwn = {}.hasOwnProperty;
|
||||
|
||||
var typePropName = '__EMOTION_TYPE_PLEASE_DO_NOT_USE__';
|
||||
var createEmotionProps = function createEmotionProps(type, props) {
|
||||
|
||||
var newProps = {};
|
||||
|
||||
for (var _key in props) {
|
||||
if (hasOwn.call(props, _key)) {
|
||||
newProps[_key] = props[_key];
|
||||
}
|
||||
}
|
||||
|
||||
newProps[typePropName] = type; // Runtime labeling is an opt-in feature because:
|
||||
|
||||
return newProps;
|
||||
};
|
||||
|
||||
var Insertion = function Insertion(_ref) {
|
||||
var cache = _ref.cache,
|
||||
serialized = _ref.serialized,
|
||||
isStringTag = _ref.isStringTag;
|
||||
utils.registerStyles(cache, serialized, isStringTag);
|
||||
useInsertionEffectWithFallbacks.useInsertionEffectAlwaysWithSyncFallback(function () {
|
||||
return utils.insertStyles(cache, serialized, isStringTag);
|
||||
});
|
||||
|
||||
return null;
|
||||
};
|
||||
|
||||
var Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {
|
||||
var cssProp = props.css; // so that using `css` from `emotion` and passing the result to the css prop works
|
||||
// not passing the registered cache to serializeStyles because it would
|
||||
// make certain babel optimisations not possible
|
||||
|
||||
if (typeof cssProp === 'string' && cache.registered[cssProp] !== undefined) {
|
||||
cssProp = cache.registered[cssProp];
|
||||
}
|
||||
|
||||
var WrappedComponent = props[typePropName];
|
||||
var registeredStyles = [cssProp];
|
||||
var className = '';
|
||||
|
||||
if (typeof props.className === 'string') {
|
||||
className = utils.getRegisteredStyles(cache.registered, registeredStyles, props.className);
|
||||
} else if (props.className != null) {
|
||||
className = props.className + " ";
|
||||
}
|
||||
|
||||
var serialized = serialize.serializeStyles(registeredStyles, undefined, React__namespace.useContext(ThemeContext));
|
||||
|
||||
className += cache.key + "-" + serialized.name;
|
||||
var newProps = {};
|
||||
|
||||
for (var _key2 in props) {
|
||||
if (hasOwn.call(props, _key2) && _key2 !== 'css' && _key2 !== typePropName && (!isDevelopment )) {
|
||||
newProps[_key2] = props[_key2];
|
||||
}
|
||||
}
|
||||
|
||||
newProps.className = className;
|
||||
|
||||
if (ref) {
|
||||
newProps.ref = ref;
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Insertion, {
|
||||
cache: cache,
|
||||
serialized: serialized,
|
||||
isStringTag: typeof WrappedComponent === 'string'
|
||||
}), /*#__PURE__*/React__namespace.createElement(WrappedComponent, newProps));
|
||||
});
|
||||
|
||||
var Emotion$1 = Emotion;
|
||||
|
||||
exports.CacheProvider = CacheProvider;
|
||||
exports.Emotion = Emotion$1;
|
||||
exports.ThemeContext = ThemeContext;
|
||||
exports.ThemeProvider = ThemeProvider;
|
||||
exports.__unsafe_useEmotionCache = __unsafe_useEmotionCache;
|
||||
exports.createEmotionProps = createEmotionProps;
|
||||
exports.hasOwn = hasOwn;
|
||||
exports.isDevelopment = isDevelopment;
|
||||
exports.useTheme = useTheme;
|
||||
exports.withEmotionCache = withEmotionCache;
|
||||
exports.withTheme = withTheme;
|
||||
274
node_modules/@emotion/react/dist/emotion-element-4787f564.browser.development.cjs.js
generated
vendored
Normal file
274
node_modules/@emotion/react/dist/emotion-element-4787f564.browser.development.cjs.js
generated
vendored
Normal file
|
|
@ -0,0 +1,274 @@
|
|||
'use strict';
|
||||
|
||||
var React = require('react');
|
||||
var createCache = require('@emotion/cache');
|
||||
var _extends = require('@babel/runtime/helpers/extends');
|
||||
var weakMemoize = require('@emotion/weak-memoize');
|
||||
var _isolatedHnrs_dist_emotionReact_isolatedHnrs = require('../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.development.cjs.js');
|
||||
var utils = require('@emotion/utils');
|
||||
var serialize = require('@emotion/serialize');
|
||||
var useInsertionEffectWithFallbacks = require('@emotion/use-insertion-effect-with-fallbacks');
|
||||
|
||||
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
||||
|
||||
function _interopNamespace(e) {
|
||||
if (e && e.__esModule) return e;
|
||||
var n = Object.create(null);
|
||||
if (e) {
|
||||
Object.keys(e).forEach(function (k) {
|
||||
if (k !== 'default') {
|
||||
var d = Object.getOwnPropertyDescriptor(e, k);
|
||||
Object.defineProperty(n, k, d.get ? d : {
|
||||
enumerable: true,
|
||||
get: function () { return e[k]; }
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
n["default"] = e;
|
||||
return Object.freeze(n);
|
||||
}
|
||||
|
||||
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
||||
var createCache__default = /*#__PURE__*/_interopDefault(createCache);
|
||||
var weakMemoize__default = /*#__PURE__*/_interopDefault(weakMemoize);
|
||||
|
||||
var EmotionCacheContext = /* #__PURE__ */React__namespace.createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case
|
||||
// because this module is primarily intended for the browser and node
|
||||
// but it's also required in react native and similar environments sometimes
|
||||
// and we could have a special build just for that
|
||||
// but this is much easier and the native packages
|
||||
// might use a different theme context in the future anyway
|
||||
typeof HTMLElement !== 'undefined' ? /* #__PURE__ */createCache__default["default"]({
|
||||
key: 'css'
|
||||
}) : null);
|
||||
|
||||
{
|
||||
EmotionCacheContext.displayName = 'EmotionCacheContext';
|
||||
}
|
||||
|
||||
var CacheProvider = EmotionCacheContext.Provider;
|
||||
var __unsafe_useEmotionCache = function useEmotionCache() {
|
||||
return React.useContext(EmotionCacheContext);
|
||||
};
|
||||
|
||||
var withEmotionCache = function withEmotionCache(func) {
|
||||
return /*#__PURE__*/React.forwardRef(function (props, ref) {
|
||||
// the cache will never be null in the browser
|
||||
var cache = React.useContext(EmotionCacheContext);
|
||||
return func(props, cache, ref);
|
||||
});
|
||||
};
|
||||
|
||||
var ThemeContext = /* #__PURE__ */React__namespace.createContext({});
|
||||
|
||||
{
|
||||
ThemeContext.displayName = 'EmotionThemeContext';
|
||||
}
|
||||
|
||||
var useTheme = function useTheme() {
|
||||
return React__namespace.useContext(ThemeContext);
|
||||
};
|
||||
|
||||
var getTheme = function getTheme(outerTheme, theme) {
|
||||
if (typeof theme === 'function') {
|
||||
var mergedTheme = theme(outerTheme);
|
||||
|
||||
if ((mergedTheme == null || typeof mergedTheme !== 'object' || Array.isArray(mergedTheme))) {
|
||||
throw new Error('[ThemeProvider] Please return an object from your theme function, i.e. theme={() => ({})}!');
|
||||
}
|
||||
|
||||
return mergedTheme;
|
||||
}
|
||||
|
||||
if ((theme == null || typeof theme !== 'object' || Array.isArray(theme))) {
|
||||
throw new Error('[ThemeProvider] Please make your theme prop a plain object');
|
||||
}
|
||||
|
||||
return _extends({}, outerTheme, theme);
|
||||
};
|
||||
|
||||
var createCacheWithTheme = /* #__PURE__ */weakMemoize__default["default"](function (outerTheme) {
|
||||
return weakMemoize__default["default"](function (theme) {
|
||||
return getTheme(outerTheme, theme);
|
||||
});
|
||||
});
|
||||
var ThemeProvider = function ThemeProvider(props) {
|
||||
var theme = React__namespace.useContext(ThemeContext);
|
||||
|
||||
if (props.theme !== theme) {
|
||||
theme = createCacheWithTheme(theme)(props.theme);
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React__namespace.createElement(ThemeContext.Provider, {
|
||||
value: theme
|
||||
}, props.children);
|
||||
};
|
||||
function withTheme(Component) {
|
||||
var componentName = Component.displayName || Component.name || 'Component';
|
||||
var WithTheme = /*#__PURE__*/React__namespace.forwardRef(function render(props, ref) {
|
||||
var theme = React__namespace.useContext(ThemeContext);
|
||||
return /*#__PURE__*/React__namespace.createElement(Component, _extends({
|
||||
theme: theme,
|
||||
ref: ref
|
||||
}, props));
|
||||
});
|
||||
WithTheme.displayName = "WithTheme(" + componentName + ")";
|
||||
return _isolatedHnrs_dist_emotionReact_isolatedHnrs["default"](WithTheme, Component);
|
||||
}
|
||||
|
||||
var hasOwn = {}.hasOwnProperty;
|
||||
|
||||
var getLastPart = function getLastPart(functionName) {
|
||||
// The match may be something like 'Object.createEmotionProps' or
|
||||
// 'Loader.prototype.render'
|
||||
var parts = functionName.split('.');
|
||||
return parts[parts.length - 1];
|
||||
};
|
||||
|
||||
var getFunctionNameFromStackTraceLine = function getFunctionNameFromStackTraceLine(line) {
|
||||
// V8
|
||||
var match = /^\s+at\s+([A-Za-z0-9$.]+)\s/.exec(line);
|
||||
if (match) return getLastPart(match[1]); // Safari / Firefox
|
||||
|
||||
match = /^([A-Za-z0-9$.]+)@/.exec(line);
|
||||
if (match) return getLastPart(match[1]);
|
||||
return undefined;
|
||||
};
|
||||
|
||||
var internalReactFunctionNames = /* #__PURE__ */new Set(['renderWithHooks', 'processChild', 'finishClassComponent', 'renderToString']); // These identifiers come from error stacks, so they have to be valid JS
|
||||
// identifiers, thus we only need to replace what is a valid character for JS,
|
||||
// but not for CSS.
|
||||
|
||||
var sanitizeIdentifier = function sanitizeIdentifier(identifier) {
|
||||
return identifier.replace(/\$/g, '-');
|
||||
};
|
||||
|
||||
var getLabelFromStackTrace = function getLabelFromStackTrace(stackTrace) {
|
||||
if (!stackTrace) return undefined;
|
||||
var lines = stackTrace.split('\n');
|
||||
|
||||
for (var i = 0; i < lines.length; i++) {
|
||||
var functionName = getFunctionNameFromStackTraceLine(lines[i]); // The first line of V8 stack traces is just "Error"
|
||||
|
||||
if (!functionName) continue; // If we reach one of these, we have gone too far and should quit
|
||||
|
||||
if (internalReactFunctionNames.has(functionName)) break; // The component name is the first function in the stack that starts with an
|
||||
// uppercase letter
|
||||
|
||||
if (/^[A-Z]/.test(functionName)) return sanitizeIdentifier(functionName);
|
||||
}
|
||||
|
||||
return undefined;
|
||||
};
|
||||
|
||||
var typePropName = '__EMOTION_TYPE_PLEASE_DO_NOT_USE__';
|
||||
var labelPropName = '__EMOTION_LABEL_PLEASE_DO_NOT_USE__';
|
||||
var createEmotionProps = function createEmotionProps(type, props) {
|
||||
if (typeof props.css === 'string' && // check if there is a css declaration
|
||||
props.css.indexOf(':') !== -1) {
|
||||
throw new Error("Strings are not allowed as css prop values, please wrap it in a css template literal from '@emotion/react' like this: css`" + props.css + "`");
|
||||
}
|
||||
|
||||
var newProps = {};
|
||||
|
||||
for (var _key in props) {
|
||||
if (hasOwn.call(props, _key)) {
|
||||
newProps[_key] = props[_key];
|
||||
}
|
||||
}
|
||||
|
||||
newProps[typePropName] = type; // Runtime labeling is an opt-in feature because:
|
||||
// - It causes hydration warnings when using Safari and SSR
|
||||
// - It can degrade performance if there are a huge number of elements
|
||||
//
|
||||
// Even if the flag is set, we still don't compute the label if it has already
|
||||
// been determined by the Babel plugin.
|
||||
|
||||
if (typeof globalThis !== 'undefined' && !!globalThis.EMOTION_RUNTIME_AUTO_LABEL && !!props.css && (typeof props.css !== 'object' || !('name' in props.css) || typeof props.css.name !== 'string' || props.css.name.indexOf('-') === -1)) {
|
||||
var label = getLabelFromStackTrace(new Error().stack);
|
||||
if (label) newProps[labelPropName] = label;
|
||||
}
|
||||
|
||||
return newProps;
|
||||
};
|
||||
|
||||
var Insertion = function Insertion(_ref) {
|
||||
var cache = _ref.cache,
|
||||
serialized = _ref.serialized,
|
||||
isStringTag = _ref.isStringTag;
|
||||
utils.registerStyles(cache, serialized, isStringTag);
|
||||
useInsertionEffectWithFallbacks.useInsertionEffectAlwaysWithSyncFallback(function () {
|
||||
return utils.insertStyles(cache, serialized, isStringTag);
|
||||
});
|
||||
|
||||
return null;
|
||||
};
|
||||
|
||||
var Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {
|
||||
var cssProp = props.css; // so that using `css` from `emotion` and passing the result to the css prop works
|
||||
// not passing the registered cache to serializeStyles because it would
|
||||
// make certain babel optimisations not possible
|
||||
|
||||
if (typeof cssProp === 'string' && cache.registered[cssProp] !== undefined) {
|
||||
cssProp = cache.registered[cssProp];
|
||||
}
|
||||
|
||||
var WrappedComponent = props[typePropName];
|
||||
var registeredStyles = [cssProp];
|
||||
var className = '';
|
||||
|
||||
if (typeof props.className === 'string') {
|
||||
className = utils.getRegisteredStyles(cache.registered, registeredStyles, props.className);
|
||||
} else if (props.className != null) {
|
||||
className = props.className + " ";
|
||||
}
|
||||
|
||||
var serialized = serialize.serializeStyles(registeredStyles, undefined, React__namespace.useContext(ThemeContext));
|
||||
|
||||
if (serialized.name.indexOf('-') === -1) {
|
||||
var labelFromStack = props[labelPropName];
|
||||
|
||||
if (labelFromStack) {
|
||||
serialized = serialize.serializeStyles([serialized, 'label:' + labelFromStack + ';']);
|
||||
}
|
||||
}
|
||||
|
||||
className += cache.key + "-" + serialized.name;
|
||||
var newProps = {};
|
||||
|
||||
for (var _key2 in props) {
|
||||
if (hasOwn.call(props, _key2) && _key2 !== 'css' && _key2 !== typePropName && (_key2 !== labelPropName)) {
|
||||
newProps[_key2] = props[_key2];
|
||||
}
|
||||
}
|
||||
|
||||
newProps.className = className;
|
||||
|
||||
if (ref) {
|
||||
newProps.ref = ref;
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Insertion, {
|
||||
cache: cache,
|
||||
serialized: serialized,
|
||||
isStringTag: typeof WrappedComponent === 'string'
|
||||
}), /*#__PURE__*/React__namespace.createElement(WrappedComponent, newProps));
|
||||
});
|
||||
|
||||
{
|
||||
Emotion.displayName = 'EmotionCssPropInternal';
|
||||
}
|
||||
|
||||
var Emotion$1 = Emotion;
|
||||
|
||||
exports.CacheProvider = CacheProvider;
|
||||
exports.Emotion = Emotion$1;
|
||||
exports.ThemeContext = ThemeContext;
|
||||
exports.ThemeProvider = ThemeProvider;
|
||||
exports.__unsafe_useEmotionCache = __unsafe_useEmotionCache;
|
||||
exports.createEmotionProps = createEmotionProps;
|
||||
exports.hasOwn = hasOwn;
|
||||
exports.useTheme = useTheme;
|
||||
exports.withEmotionCache = withEmotionCache;
|
||||
exports.withTheme = withTheme;
|
||||
240
node_modules/@emotion/react/dist/emotion-element-489459f2.browser.development.esm.js
generated
vendored
Normal file
240
node_modules/@emotion/react/dist/emotion-element-489459f2.browser.development.esm.js
generated
vendored
Normal file
|
|
@ -0,0 +1,240 @@
|
|||
import * as React from 'react';
|
||||
import { useContext, forwardRef } from 'react';
|
||||
import createCache from '@emotion/cache';
|
||||
import _extends from '@babel/runtime/helpers/esm/extends';
|
||||
import weakMemoize from '@emotion/weak-memoize';
|
||||
import hoistNonReactStatics from '../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.development.esm.js';
|
||||
import { getRegisteredStyles, registerStyles, insertStyles } from '@emotion/utils';
|
||||
import { serializeStyles } from '@emotion/serialize';
|
||||
import { useInsertionEffectAlwaysWithSyncFallback } from '@emotion/use-insertion-effect-with-fallbacks';
|
||||
|
||||
var EmotionCacheContext = /* #__PURE__ */React.createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case
|
||||
// because this module is primarily intended for the browser and node
|
||||
// but it's also required in react native and similar environments sometimes
|
||||
// and we could have a special build just for that
|
||||
// but this is much easier and the native packages
|
||||
// might use a different theme context in the future anyway
|
||||
typeof HTMLElement !== 'undefined' ? /* #__PURE__ */createCache({
|
||||
key: 'css'
|
||||
}) : null);
|
||||
|
||||
{
|
||||
EmotionCacheContext.displayName = 'EmotionCacheContext';
|
||||
}
|
||||
|
||||
var CacheProvider = EmotionCacheContext.Provider;
|
||||
var __unsafe_useEmotionCache = function useEmotionCache() {
|
||||
return useContext(EmotionCacheContext);
|
||||
};
|
||||
|
||||
var withEmotionCache = function withEmotionCache(func) {
|
||||
return /*#__PURE__*/forwardRef(function (props, ref) {
|
||||
// the cache will never be null in the browser
|
||||
var cache = useContext(EmotionCacheContext);
|
||||
return func(props, cache, ref);
|
||||
});
|
||||
};
|
||||
|
||||
var ThemeContext = /* #__PURE__ */React.createContext({});
|
||||
|
||||
{
|
||||
ThemeContext.displayName = 'EmotionThemeContext';
|
||||
}
|
||||
|
||||
var useTheme = function useTheme() {
|
||||
return React.useContext(ThemeContext);
|
||||
};
|
||||
|
||||
var getTheme = function getTheme(outerTheme, theme) {
|
||||
if (typeof theme === 'function') {
|
||||
var mergedTheme = theme(outerTheme);
|
||||
|
||||
if ((mergedTheme == null || typeof mergedTheme !== 'object' || Array.isArray(mergedTheme))) {
|
||||
throw new Error('[ThemeProvider] Please return an object from your theme function, i.e. theme={() => ({})}!');
|
||||
}
|
||||
|
||||
return mergedTheme;
|
||||
}
|
||||
|
||||
if ((theme == null || typeof theme !== 'object' || Array.isArray(theme))) {
|
||||
throw new Error('[ThemeProvider] Please make your theme prop a plain object');
|
||||
}
|
||||
|
||||
return _extends({}, outerTheme, theme);
|
||||
};
|
||||
|
||||
var createCacheWithTheme = /* #__PURE__ */weakMemoize(function (outerTheme) {
|
||||
return weakMemoize(function (theme) {
|
||||
return getTheme(outerTheme, theme);
|
||||
});
|
||||
});
|
||||
var ThemeProvider = function ThemeProvider(props) {
|
||||
var theme = React.useContext(ThemeContext);
|
||||
|
||||
if (props.theme !== theme) {
|
||||
theme = createCacheWithTheme(theme)(props.theme);
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
|
||||
value: theme
|
||||
}, props.children);
|
||||
};
|
||||
function withTheme(Component) {
|
||||
var componentName = Component.displayName || Component.name || 'Component';
|
||||
var WithTheme = /*#__PURE__*/React.forwardRef(function render(props, ref) {
|
||||
var theme = React.useContext(ThemeContext);
|
||||
return /*#__PURE__*/React.createElement(Component, _extends({
|
||||
theme: theme,
|
||||
ref: ref
|
||||
}, props));
|
||||
});
|
||||
WithTheme.displayName = "WithTheme(" + componentName + ")";
|
||||
return hoistNonReactStatics(WithTheme, Component);
|
||||
}
|
||||
|
||||
var hasOwn = {}.hasOwnProperty;
|
||||
|
||||
var getLastPart = function getLastPart(functionName) {
|
||||
// The match may be something like 'Object.createEmotionProps' or
|
||||
// 'Loader.prototype.render'
|
||||
var parts = functionName.split('.');
|
||||
return parts[parts.length - 1];
|
||||
};
|
||||
|
||||
var getFunctionNameFromStackTraceLine = function getFunctionNameFromStackTraceLine(line) {
|
||||
// V8
|
||||
var match = /^\s+at\s+([A-Za-z0-9$.]+)\s/.exec(line);
|
||||
if (match) return getLastPart(match[1]); // Safari / Firefox
|
||||
|
||||
match = /^([A-Za-z0-9$.]+)@/.exec(line);
|
||||
if (match) return getLastPart(match[1]);
|
||||
return undefined;
|
||||
};
|
||||
|
||||
var internalReactFunctionNames = /* #__PURE__ */new Set(['renderWithHooks', 'processChild', 'finishClassComponent', 'renderToString']); // These identifiers come from error stacks, so they have to be valid JS
|
||||
// identifiers, thus we only need to replace what is a valid character for JS,
|
||||
// but not for CSS.
|
||||
|
||||
var sanitizeIdentifier = function sanitizeIdentifier(identifier) {
|
||||
return identifier.replace(/\$/g, '-');
|
||||
};
|
||||
|
||||
var getLabelFromStackTrace = function getLabelFromStackTrace(stackTrace) {
|
||||
if (!stackTrace) return undefined;
|
||||
var lines = stackTrace.split('\n');
|
||||
|
||||
for (var i = 0; i < lines.length; i++) {
|
||||
var functionName = getFunctionNameFromStackTraceLine(lines[i]); // The first line of V8 stack traces is just "Error"
|
||||
|
||||
if (!functionName) continue; // If we reach one of these, we have gone too far and should quit
|
||||
|
||||
if (internalReactFunctionNames.has(functionName)) break; // The component name is the first function in the stack that starts with an
|
||||
// uppercase letter
|
||||
|
||||
if (/^[A-Z]/.test(functionName)) return sanitizeIdentifier(functionName);
|
||||
}
|
||||
|
||||
return undefined;
|
||||
};
|
||||
|
||||
var typePropName = '__EMOTION_TYPE_PLEASE_DO_NOT_USE__';
|
||||
var labelPropName = '__EMOTION_LABEL_PLEASE_DO_NOT_USE__';
|
||||
var createEmotionProps = function createEmotionProps(type, props) {
|
||||
if (typeof props.css === 'string' && // check if there is a css declaration
|
||||
props.css.indexOf(':') !== -1) {
|
||||
throw new Error("Strings are not allowed as css prop values, please wrap it in a css template literal from '@emotion/react' like this: css`" + props.css + "`");
|
||||
}
|
||||
|
||||
var newProps = {};
|
||||
|
||||
for (var _key in props) {
|
||||
if (hasOwn.call(props, _key)) {
|
||||
newProps[_key] = props[_key];
|
||||
}
|
||||
}
|
||||
|
||||
newProps[typePropName] = type; // Runtime labeling is an opt-in feature because:
|
||||
// - It causes hydration warnings when using Safari and SSR
|
||||
// - It can degrade performance if there are a huge number of elements
|
||||
//
|
||||
// Even if the flag is set, we still don't compute the label if it has already
|
||||
// been determined by the Babel plugin.
|
||||
|
||||
if (typeof globalThis !== 'undefined' && !!globalThis.EMOTION_RUNTIME_AUTO_LABEL && !!props.css && (typeof props.css !== 'object' || !('name' in props.css) || typeof props.css.name !== 'string' || props.css.name.indexOf('-') === -1)) {
|
||||
var label = getLabelFromStackTrace(new Error().stack);
|
||||
if (label) newProps[labelPropName] = label;
|
||||
}
|
||||
|
||||
return newProps;
|
||||
};
|
||||
|
||||
var Insertion = function Insertion(_ref) {
|
||||
var cache = _ref.cache,
|
||||
serialized = _ref.serialized,
|
||||
isStringTag = _ref.isStringTag;
|
||||
registerStyles(cache, serialized, isStringTag);
|
||||
useInsertionEffectAlwaysWithSyncFallback(function () {
|
||||
return insertStyles(cache, serialized, isStringTag);
|
||||
});
|
||||
|
||||
return null;
|
||||
};
|
||||
|
||||
var Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {
|
||||
var cssProp = props.css; // so that using `css` from `emotion` and passing the result to the css prop works
|
||||
// not passing the registered cache to serializeStyles because it would
|
||||
// make certain babel optimisations not possible
|
||||
|
||||
if (typeof cssProp === 'string' && cache.registered[cssProp] !== undefined) {
|
||||
cssProp = cache.registered[cssProp];
|
||||
}
|
||||
|
||||
var WrappedComponent = props[typePropName];
|
||||
var registeredStyles = [cssProp];
|
||||
var className = '';
|
||||
|
||||
if (typeof props.className === 'string') {
|
||||
className = getRegisteredStyles(cache.registered, registeredStyles, props.className);
|
||||
} else if (props.className != null) {
|
||||
className = props.className + " ";
|
||||
}
|
||||
|
||||
var serialized = serializeStyles(registeredStyles, undefined, React.useContext(ThemeContext));
|
||||
|
||||
if (serialized.name.indexOf('-') === -1) {
|
||||
var labelFromStack = props[labelPropName];
|
||||
|
||||
if (labelFromStack) {
|
||||
serialized = serializeStyles([serialized, 'label:' + labelFromStack + ';']);
|
||||
}
|
||||
}
|
||||
|
||||
className += cache.key + "-" + serialized.name;
|
||||
var newProps = {};
|
||||
|
||||
for (var _key2 in props) {
|
||||
if (hasOwn.call(props, _key2) && _key2 !== 'css' && _key2 !== typePropName && (_key2 !== labelPropName)) {
|
||||
newProps[_key2] = props[_key2];
|
||||
}
|
||||
}
|
||||
|
||||
newProps.className = className;
|
||||
|
||||
if (ref) {
|
||||
newProps.ref = ref;
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Insertion, {
|
||||
cache: cache,
|
||||
serialized: serialized,
|
||||
isStringTag: typeof WrappedComponent === 'string'
|
||||
}), /*#__PURE__*/React.createElement(WrappedComponent, newProps));
|
||||
});
|
||||
|
||||
{
|
||||
Emotion.displayName = 'EmotionCssPropInternal';
|
||||
}
|
||||
|
||||
var Emotion$1 = Emotion;
|
||||
|
||||
export { CacheProvider as C, Emotion$1 as E, ThemeContext as T, __unsafe_useEmotionCache as _, ThemeProvider as a, withTheme as b, createEmotionProps as c, hasOwn as h, useTheme as u, withEmotionCache as w };
|
||||
280
node_modules/@emotion/react/dist/emotion-element-516430c7.development.edge-light.esm.js
generated
vendored
Normal file
280
node_modules/@emotion/react/dist/emotion-element-516430c7.development.edge-light.esm.js
generated
vendored
Normal file
|
|
@ -0,0 +1,280 @@
|
|||
import * as React from 'react';
|
||||
import { useContext, forwardRef } from 'react';
|
||||
import createCache from '@emotion/cache';
|
||||
import _extends from '@babel/runtime/helpers/esm/extends';
|
||||
import weakMemoize from '@emotion/weak-memoize';
|
||||
import hoistNonReactStatics from '../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.esm.js';
|
||||
import { getRegisteredStyles, registerStyles, insertStyles } from '@emotion/utils';
|
||||
import { serializeStyles } from '@emotion/serialize';
|
||||
import { useInsertionEffectAlwaysWithSyncFallback } from '@emotion/use-insertion-effect-with-fallbacks';
|
||||
|
||||
var EmotionCacheContext = /* #__PURE__ */React.createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case
|
||||
// because this module is primarily intended for the browser and node
|
||||
// but it's also required in react native and similar environments sometimes
|
||||
// and we could have a special build just for that
|
||||
// but this is much easier and the native packages
|
||||
// might use a different theme context in the future anyway
|
||||
typeof HTMLElement !== 'undefined' ? /* #__PURE__ */createCache({
|
||||
key: 'css'
|
||||
}) : null);
|
||||
|
||||
{
|
||||
EmotionCacheContext.displayName = 'EmotionCacheContext';
|
||||
}
|
||||
|
||||
var CacheProvider = EmotionCacheContext.Provider;
|
||||
var __unsafe_useEmotionCache = function useEmotionCache() {
|
||||
return useContext(EmotionCacheContext);
|
||||
};
|
||||
|
||||
var withEmotionCache = function withEmotionCache(func) {
|
||||
return /*#__PURE__*/forwardRef(function (props, ref) {
|
||||
// the cache will never be null in the browser
|
||||
var cache = useContext(EmotionCacheContext);
|
||||
return func(props, cache, ref);
|
||||
});
|
||||
};
|
||||
|
||||
{
|
||||
withEmotionCache = function withEmotionCache(func) {
|
||||
return function (props) {
|
||||
var cache = useContext(EmotionCacheContext);
|
||||
|
||||
if (cache === null) {
|
||||
// yes, we're potentially creating this on every render
|
||||
// it doesn't actually matter though since it's only on the server
|
||||
// so there will only every be a single render
|
||||
// that could change in the future because of suspense and etc. but for now,
|
||||
// this works and i don't want to optimise for a future thing that we aren't sure about
|
||||
cache = createCache({
|
||||
key: 'css'
|
||||
});
|
||||
return /*#__PURE__*/React.createElement(EmotionCacheContext.Provider, {
|
||||
value: cache
|
||||
}, func(props, cache));
|
||||
} else {
|
||||
return func(props, cache);
|
||||
}
|
||||
};
|
||||
};
|
||||
}
|
||||
|
||||
var ThemeContext = /* #__PURE__ */React.createContext({});
|
||||
|
||||
{
|
||||
ThemeContext.displayName = 'EmotionThemeContext';
|
||||
}
|
||||
|
||||
var useTheme = function useTheme() {
|
||||
return React.useContext(ThemeContext);
|
||||
};
|
||||
|
||||
var getTheme = function getTheme(outerTheme, theme) {
|
||||
if (typeof theme === 'function') {
|
||||
var mergedTheme = theme(outerTheme);
|
||||
|
||||
if ((mergedTheme == null || typeof mergedTheme !== 'object' || Array.isArray(mergedTheme))) {
|
||||
throw new Error('[ThemeProvider] Please return an object from your theme function, i.e. theme={() => ({})}!');
|
||||
}
|
||||
|
||||
return mergedTheme;
|
||||
}
|
||||
|
||||
if ((theme == null || typeof theme !== 'object' || Array.isArray(theme))) {
|
||||
throw new Error('[ThemeProvider] Please make your theme prop a plain object');
|
||||
}
|
||||
|
||||
return _extends({}, outerTheme, theme);
|
||||
};
|
||||
|
||||
var createCacheWithTheme = /* #__PURE__ */weakMemoize(function (outerTheme) {
|
||||
return weakMemoize(function (theme) {
|
||||
return getTheme(outerTheme, theme);
|
||||
});
|
||||
});
|
||||
var ThemeProvider = function ThemeProvider(props) {
|
||||
var theme = React.useContext(ThemeContext);
|
||||
|
||||
if (props.theme !== theme) {
|
||||
theme = createCacheWithTheme(theme)(props.theme);
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
|
||||
value: theme
|
||||
}, props.children);
|
||||
};
|
||||
function withTheme(Component) {
|
||||
var componentName = Component.displayName || Component.name || 'Component';
|
||||
var WithTheme = /*#__PURE__*/React.forwardRef(function render(props, ref) {
|
||||
var theme = React.useContext(ThemeContext);
|
||||
return /*#__PURE__*/React.createElement(Component, _extends({
|
||||
theme: theme,
|
||||
ref: ref
|
||||
}, props));
|
||||
});
|
||||
WithTheme.displayName = "WithTheme(" + componentName + ")";
|
||||
return hoistNonReactStatics(WithTheme, Component);
|
||||
}
|
||||
|
||||
var hasOwn = {}.hasOwnProperty;
|
||||
|
||||
var getLastPart = function getLastPart(functionName) {
|
||||
// The match may be something like 'Object.createEmotionProps' or
|
||||
// 'Loader.prototype.render'
|
||||
var parts = functionName.split('.');
|
||||
return parts[parts.length - 1];
|
||||
};
|
||||
|
||||
var getFunctionNameFromStackTraceLine = function getFunctionNameFromStackTraceLine(line) {
|
||||
// V8
|
||||
var match = /^\s+at\s+([A-Za-z0-9$.]+)\s/.exec(line);
|
||||
if (match) return getLastPart(match[1]); // Safari / Firefox
|
||||
|
||||
match = /^([A-Za-z0-9$.]+)@/.exec(line);
|
||||
if (match) return getLastPart(match[1]);
|
||||
return undefined;
|
||||
};
|
||||
|
||||
var internalReactFunctionNames = /* #__PURE__ */new Set(['renderWithHooks', 'processChild', 'finishClassComponent', 'renderToString']); // These identifiers come from error stacks, so they have to be valid JS
|
||||
// identifiers, thus we only need to replace what is a valid character for JS,
|
||||
// but not for CSS.
|
||||
|
||||
var sanitizeIdentifier = function sanitizeIdentifier(identifier) {
|
||||
return identifier.replace(/\$/g, '-');
|
||||
};
|
||||
|
||||
var getLabelFromStackTrace = function getLabelFromStackTrace(stackTrace) {
|
||||
if (!stackTrace) return undefined;
|
||||
var lines = stackTrace.split('\n');
|
||||
|
||||
for (var i = 0; i < lines.length; i++) {
|
||||
var functionName = getFunctionNameFromStackTraceLine(lines[i]); // The first line of V8 stack traces is just "Error"
|
||||
|
||||
if (!functionName) continue; // If we reach one of these, we have gone too far and should quit
|
||||
|
||||
if (internalReactFunctionNames.has(functionName)) break; // The component name is the first function in the stack that starts with an
|
||||
// uppercase letter
|
||||
|
||||
if (/^[A-Z]/.test(functionName)) return sanitizeIdentifier(functionName);
|
||||
}
|
||||
|
||||
return undefined;
|
||||
};
|
||||
|
||||
var typePropName = '__EMOTION_TYPE_PLEASE_DO_NOT_USE__';
|
||||
var labelPropName = '__EMOTION_LABEL_PLEASE_DO_NOT_USE__';
|
||||
var createEmotionProps = function createEmotionProps(type, props) {
|
||||
if (typeof props.css === 'string' && // check if there is a css declaration
|
||||
props.css.indexOf(':') !== -1) {
|
||||
throw new Error("Strings are not allowed as css prop values, please wrap it in a css template literal from '@emotion/react' like this: css`" + props.css + "`");
|
||||
}
|
||||
|
||||
var newProps = {};
|
||||
|
||||
for (var _key in props) {
|
||||
if (hasOwn.call(props, _key)) {
|
||||
newProps[_key] = props[_key];
|
||||
}
|
||||
}
|
||||
|
||||
newProps[typePropName] = type; // Runtime labeling is an opt-in feature because:
|
||||
// - It causes hydration warnings when using Safari and SSR
|
||||
// - It can degrade performance if there are a huge number of elements
|
||||
//
|
||||
// Even if the flag is set, we still don't compute the label if it has already
|
||||
// been determined by the Babel plugin.
|
||||
|
||||
if (typeof globalThis !== 'undefined' && !!globalThis.EMOTION_RUNTIME_AUTO_LABEL && !!props.css && (typeof props.css !== 'object' || !('name' in props.css) || typeof props.css.name !== 'string' || props.css.name.indexOf('-') === -1)) {
|
||||
var label = getLabelFromStackTrace(new Error().stack);
|
||||
if (label) newProps[labelPropName] = label;
|
||||
}
|
||||
|
||||
return newProps;
|
||||
};
|
||||
|
||||
var Insertion = function Insertion(_ref) {
|
||||
var cache = _ref.cache,
|
||||
serialized = _ref.serialized,
|
||||
isStringTag = _ref.isStringTag;
|
||||
registerStyles(cache, serialized, isStringTag);
|
||||
var rules = useInsertionEffectAlwaysWithSyncFallback(function () {
|
||||
return insertStyles(cache, serialized, isStringTag);
|
||||
});
|
||||
|
||||
if (rules !== undefined) {
|
||||
var _ref2;
|
||||
|
||||
var serializedNames = serialized.name;
|
||||
var next = serialized.next;
|
||||
|
||||
while (next !== undefined) {
|
||||
serializedNames += ' ' + next.name;
|
||||
next = next.next;
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React.createElement("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedNames, _ref2.dangerouslySetInnerHTML = {
|
||||
__html: rules
|
||||
}, _ref2.nonce = cache.sheet.nonce, _ref2));
|
||||
}
|
||||
|
||||
return null;
|
||||
};
|
||||
|
||||
var Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {
|
||||
var cssProp = props.css; // so that using `css` from `emotion` and passing the result to the css prop works
|
||||
// not passing the registered cache to serializeStyles because it would
|
||||
// make certain babel optimisations not possible
|
||||
|
||||
if (typeof cssProp === 'string' && cache.registered[cssProp] !== undefined) {
|
||||
cssProp = cache.registered[cssProp];
|
||||
}
|
||||
|
||||
var WrappedComponent = props[typePropName];
|
||||
var registeredStyles = [cssProp];
|
||||
var className = '';
|
||||
|
||||
if (typeof props.className === 'string') {
|
||||
className = getRegisteredStyles(cache.registered, registeredStyles, props.className);
|
||||
} else if (props.className != null) {
|
||||
className = props.className + " ";
|
||||
}
|
||||
|
||||
var serialized = serializeStyles(registeredStyles, undefined, React.useContext(ThemeContext));
|
||||
|
||||
if (serialized.name.indexOf('-') === -1) {
|
||||
var labelFromStack = props[labelPropName];
|
||||
|
||||
if (labelFromStack) {
|
||||
serialized = serializeStyles([serialized, 'label:' + labelFromStack + ';']);
|
||||
}
|
||||
}
|
||||
|
||||
className += cache.key + "-" + serialized.name;
|
||||
var newProps = {};
|
||||
|
||||
for (var _key2 in props) {
|
||||
if (hasOwn.call(props, _key2) && _key2 !== 'css' && _key2 !== typePropName && (_key2 !== labelPropName)) {
|
||||
newProps[_key2] = props[_key2];
|
||||
}
|
||||
}
|
||||
|
||||
newProps.className = className;
|
||||
|
||||
if (ref) {
|
||||
newProps.ref = ref;
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Insertion, {
|
||||
cache: cache,
|
||||
serialized: serialized,
|
||||
isStringTag: typeof WrappedComponent === 'string'
|
||||
}), /*#__PURE__*/React.createElement(WrappedComponent, newProps));
|
||||
});
|
||||
|
||||
{
|
||||
Emotion.displayName = 'EmotionCssPropInternal';
|
||||
}
|
||||
|
||||
var Emotion$1 = Emotion;
|
||||
|
||||
export { CacheProvider as C, Emotion$1 as E, ThemeContext as T, __unsafe_useEmotionCache as _, ThemeProvider as a, withTheme as b, createEmotionProps as c, hasOwn as h, useTheme as u, withEmotionCache as w };
|
||||
282
node_modules/@emotion/react/dist/emotion-element-782f682d.development.esm.js
generated
vendored
Normal file
282
node_modules/@emotion/react/dist/emotion-element-782f682d.development.esm.js
generated
vendored
Normal file
|
|
@ -0,0 +1,282 @@
|
|||
import * as React from 'react';
|
||||
import { useContext, forwardRef } from 'react';
|
||||
import createCache from '@emotion/cache';
|
||||
import _extends from '@babel/runtime/helpers/esm/extends';
|
||||
import weakMemoize from '@emotion/weak-memoize';
|
||||
import hoistNonReactStatics from '../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.esm.js';
|
||||
import { getRegisteredStyles, registerStyles, insertStyles } from '@emotion/utils';
|
||||
import { serializeStyles } from '@emotion/serialize';
|
||||
import { useInsertionEffectAlwaysWithSyncFallback } from '@emotion/use-insertion-effect-with-fallbacks';
|
||||
|
||||
var isBrowser = typeof document !== 'undefined';
|
||||
|
||||
var EmotionCacheContext = /* #__PURE__ */React.createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case
|
||||
// because this module is primarily intended for the browser and node
|
||||
// but it's also required in react native and similar environments sometimes
|
||||
// and we could have a special build just for that
|
||||
// but this is much easier and the native packages
|
||||
// might use a different theme context in the future anyway
|
||||
typeof HTMLElement !== 'undefined' ? /* #__PURE__ */createCache({
|
||||
key: 'css'
|
||||
}) : null);
|
||||
|
||||
{
|
||||
EmotionCacheContext.displayName = 'EmotionCacheContext';
|
||||
}
|
||||
|
||||
var CacheProvider = EmotionCacheContext.Provider;
|
||||
var __unsafe_useEmotionCache = function useEmotionCache() {
|
||||
return useContext(EmotionCacheContext);
|
||||
};
|
||||
|
||||
var withEmotionCache = function withEmotionCache(func) {
|
||||
return /*#__PURE__*/forwardRef(function (props, ref) {
|
||||
// the cache will never be null in the browser
|
||||
var cache = useContext(EmotionCacheContext);
|
||||
return func(props, cache, ref);
|
||||
});
|
||||
};
|
||||
|
||||
if (!isBrowser) {
|
||||
withEmotionCache = function withEmotionCache(func) {
|
||||
return function (props) {
|
||||
var cache = useContext(EmotionCacheContext);
|
||||
|
||||
if (cache === null) {
|
||||
// yes, we're potentially creating this on every render
|
||||
// it doesn't actually matter though since it's only on the server
|
||||
// so there will only every be a single render
|
||||
// that could change in the future because of suspense and etc. but for now,
|
||||
// this works and i don't want to optimise for a future thing that we aren't sure about
|
||||
cache = createCache({
|
||||
key: 'css'
|
||||
});
|
||||
return /*#__PURE__*/React.createElement(EmotionCacheContext.Provider, {
|
||||
value: cache
|
||||
}, func(props, cache));
|
||||
} else {
|
||||
return func(props, cache);
|
||||
}
|
||||
};
|
||||
};
|
||||
}
|
||||
|
||||
var ThemeContext = /* #__PURE__ */React.createContext({});
|
||||
|
||||
{
|
||||
ThemeContext.displayName = 'EmotionThemeContext';
|
||||
}
|
||||
|
||||
var useTheme = function useTheme() {
|
||||
return React.useContext(ThemeContext);
|
||||
};
|
||||
|
||||
var getTheme = function getTheme(outerTheme, theme) {
|
||||
if (typeof theme === 'function') {
|
||||
var mergedTheme = theme(outerTheme);
|
||||
|
||||
if ((mergedTheme == null || typeof mergedTheme !== 'object' || Array.isArray(mergedTheme))) {
|
||||
throw new Error('[ThemeProvider] Please return an object from your theme function, i.e. theme={() => ({})}!');
|
||||
}
|
||||
|
||||
return mergedTheme;
|
||||
}
|
||||
|
||||
if ((theme == null || typeof theme !== 'object' || Array.isArray(theme))) {
|
||||
throw new Error('[ThemeProvider] Please make your theme prop a plain object');
|
||||
}
|
||||
|
||||
return _extends({}, outerTheme, theme);
|
||||
};
|
||||
|
||||
var createCacheWithTheme = /* #__PURE__ */weakMemoize(function (outerTheme) {
|
||||
return weakMemoize(function (theme) {
|
||||
return getTheme(outerTheme, theme);
|
||||
});
|
||||
});
|
||||
var ThemeProvider = function ThemeProvider(props) {
|
||||
var theme = React.useContext(ThemeContext);
|
||||
|
||||
if (props.theme !== theme) {
|
||||
theme = createCacheWithTheme(theme)(props.theme);
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
|
||||
value: theme
|
||||
}, props.children);
|
||||
};
|
||||
function withTheme(Component) {
|
||||
var componentName = Component.displayName || Component.name || 'Component';
|
||||
var WithTheme = /*#__PURE__*/React.forwardRef(function render(props, ref) {
|
||||
var theme = React.useContext(ThemeContext);
|
||||
return /*#__PURE__*/React.createElement(Component, _extends({
|
||||
theme: theme,
|
||||
ref: ref
|
||||
}, props));
|
||||
});
|
||||
WithTheme.displayName = "WithTheme(" + componentName + ")";
|
||||
return hoistNonReactStatics(WithTheme, Component);
|
||||
}
|
||||
|
||||
var hasOwn = {}.hasOwnProperty;
|
||||
|
||||
var getLastPart = function getLastPart(functionName) {
|
||||
// The match may be something like 'Object.createEmotionProps' or
|
||||
// 'Loader.prototype.render'
|
||||
var parts = functionName.split('.');
|
||||
return parts[parts.length - 1];
|
||||
};
|
||||
|
||||
var getFunctionNameFromStackTraceLine = function getFunctionNameFromStackTraceLine(line) {
|
||||
// V8
|
||||
var match = /^\s+at\s+([A-Za-z0-9$.]+)\s/.exec(line);
|
||||
if (match) return getLastPart(match[1]); // Safari / Firefox
|
||||
|
||||
match = /^([A-Za-z0-9$.]+)@/.exec(line);
|
||||
if (match) return getLastPart(match[1]);
|
||||
return undefined;
|
||||
};
|
||||
|
||||
var internalReactFunctionNames = /* #__PURE__ */new Set(['renderWithHooks', 'processChild', 'finishClassComponent', 'renderToString']); // These identifiers come from error stacks, so they have to be valid JS
|
||||
// identifiers, thus we only need to replace what is a valid character for JS,
|
||||
// but not for CSS.
|
||||
|
||||
var sanitizeIdentifier = function sanitizeIdentifier(identifier) {
|
||||
return identifier.replace(/\$/g, '-');
|
||||
};
|
||||
|
||||
var getLabelFromStackTrace = function getLabelFromStackTrace(stackTrace) {
|
||||
if (!stackTrace) return undefined;
|
||||
var lines = stackTrace.split('\n');
|
||||
|
||||
for (var i = 0; i < lines.length; i++) {
|
||||
var functionName = getFunctionNameFromStackTraceLine(lines[i]); // The first line of V8 stack traces is just "Error"
|
||||
|
||||
if (!functionName) continue; // If we reach one of these, we have gone too far and should quit
|
||||
|
||||
if (internalReactFunctionNames.has(functionName)) break; // The component name is the first function in the stack that starts with an
|
||||
// uppercase letter
|
||||
|
||||
if (/^[A-Z]/.test(functionName)) return sanitizeIdentifier(functionName);
|
||||
}
|
||||
|
||||
return undefined;
|
||||
};
|
||||
|
||||
var typePropName = '__EMOTION_TYPE_PLEASE_DO_NOT_USE__';
|
||||
var labelPropName = '__EMOTION_LABEL_PLEASE_DO_NOT_USE__';
|
||||
var createEmotionProps = function createEmotionProps(type, props) {
|
||||
if (typeof props.css === 'string' && // check if there is a css declaration
|
||||
props.css.indexOf(':') !== -1) {
|
||||
throw new Error("Strings are not allowed as css prop values, please wrap it in a css template literal from '@emotion/react' like this: css`" + props.css + "`");
|
||||
}
|
||||
|
||||
var newProps = {};
|
||||
|
||||
for (var _key in props) {
|
||||
if (hasOwn.call(props, _key)) {
|
||||
newProps[_key] = props[_key];
|
||||
}
|
||||
}
|
||||
|
||||
newProps[typePropName] = type; // Runtime labeling is an opt-in feature because:
|
||||
// - It causes hydration warnings when using Safari and SSR
|
||||
// - It can degrade performance if there are a huge number of elements
|
||||
//
|
||||
// Even if the flag is set, we still don't compute the label if it has already
|
||||
// been determined by the Babel plugin.
|
||||
|
||||
if (typeof globalThis !== 'undefined' && !!globalThis.EMOTION_RUNTIME_AUTO_LABEL && !!props.css && (typeof props.css !== 'object' || !('name' in props.css) || typeof props.css.name !== 'string' || props.css.name.indexOf('-') === -1)) {
|
||||
var label = getLabelFromStackTrace(new Error().stack);
|
||||
if (label) newProps[labelPropName] = label;
|
||||
}
|
||||
|
||||
return newProps;
|
||||
};
|
||||
|
||||
var Insertion = function Insertion(_ref) {
|
||||
var cache = _ref.cache,
|
||||
serialized = _ref.serialized,
|
||||
isStringTag = _ref.isStringTag;
|
||||
registerStyles(cache, serialized, isStringTag);
|
||||
var rules = useInsertionEffectAlwaysWithSyncFallback(function () {
|
||||
return insertStyles(cache, serialized, isStringTag);
|
||||
});
|
||||
|
||||
if (!isBrowser && rules !== undefined) {
|
||||
var _ref2;
|
||||
|
||||
var serializedNames = serialized.name;
|
||||
var next = serialized.next;
|
||||
|
||||
while (next !== undefined) {
|
||||
serializedNames += ' ' + next.name;
|
||||
next = next.next;
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React.createElement("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedNames, _ref2.dangerouslySetInnerHTML = {
|
||||
__html: rules
|
||||
}, _ref2.nonce = cache.sheet.nonce, _ref2));
|
||||
}
|
||||
|
||||
return null;
|
||||
};
|
||||
|
||||
var Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {
|
||||
var cssProp = props.css; // so that using `css` from `emotion` and passing the result to the css prop works
|
||||
// not passing the registered cache to serializeStyles because it would
|
||||
// make certain babel optimisations not possible
|
||||
|
||||
if (typeof cssProp === 'string' && cache.registered[cssProp] !== undefined) {
|
||||
cssProp = cache.registered[cssProp];
|
||||
}
|
||||
|
||||
var WrappedComponent = props[typePropName];
|
||||
var registeredStyles = [cssProp];
|
||||
var className = '';
|
||||
|
||||
if (typeof props.className === 'string') {
|
||||
className = getRegisteredStyles(cache.registered, registeredStyles, props.className);
|
||||
} else if (props.className != null) {
|
||||
className = props.className + " ";
|
||||
}
|
||||
|
||||
var serialized = serializeStyles(registeredStyles, undefined, React.useContext(ThemeContext));
|
||||
|
||||
if (serialized.name.indexOf('-') === -1) {
|
||||
var labelFromStack = props[labelPropName];
|
||||
|
||||
if (labelFromStack) {
|
||||
serialized = serializeStyles([serialized, 'label:' + labelFromStack + ';']);
|
||||
}
|
||||
}
|
||||
|
||||
className += cache.key + "-" + serialized.name;
|
||||
var newProps = {};
|
||||
|
||||
for (var _key2 in props) {
|
||||
if (hasOwn.call(props, _key2) && _key2 !== 'css' && _key2 !== typePropName && (_key2 !== labelPropName)) {
|
||||
newProps[_key2] = props[_key2];
|
||||
}
|
||||
}
|
||||
|
||||
newProps.className = className;
|
||||
|
||||
if (ref) {
|
||||
newProps.ref = ref;
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Insertion, {
|
||||
cache: cache,
|
||||
serialized: serialized,
|
||||
isStringTag: typeof WrappedComponent === 'string'
|
||||
}), /*#__PURE__*/React.createElement(WrappedComponent, newProps));
|
||||
});
|
||||
|
||||
{
|
||||
Emotion.displayName = 'EmotionCssPropInternal';
|
||||
}
|
||||
|
||||
var Emotion$1 = Emotion;
|
||||
|
||||
export { CacheProvider as C, Emotion$1 as E, ThemeContext as T, __unsafe_useEmotionCache as _, ThemeProvider as a, withTheme as b, createEmotionProps as c, hasOwn as h, isBrowser as i, useTheme as u, withEmotionCache as w };
|
||||
196
node_modules/@emotion/react/dist/emotion-element-8113875a.edge-light.esm.js
generated
vendored
Normal file
196
node_modules/@emotion/react/dist/emotion-element-8113875a.edge-light.esm.js
generated
vendored
Normal file
|
|
@ -0,0 +1,196 @@
|
|||
import * as React from 'react';
|
||||
import { useContext, forwardRef } from 'react';
|
||||
import createCache from '@emotion/cache';
|
||||
import _extends from '@babel/runtime/helpers/esm/extends';
|
||||
import weakMemoize from '@emotion/weak-memoize';
|
||||
import hoistNonReactStatics from '../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.esm.js';
|
||||
import { getRegisteredStyles, registerStyles, insertStyles } from '@emotion/utils';
|
||||
import { serializeStyles } from '@emotion/serialize';
|
||||
import { useInsertionEffectAlwaysWithSyncFallback } from '@emotion/use-insertion-effect-with-fallbacks';
|
||||
|
||||
var isDevelopment = false;
|
||||
|
||||
var EmotionCacheContext = /* #__PURE__ */React.createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case
|
||||
// because this module is primarily intended for the browser and node
|
||||
// but it's also required in react native and similar environments sometimes
|
||||
// and we could have a special build just for that
|
||||
// but this is much easier and the native packages
|
||||
// might use a different theme context in the future anyway
|
||||
typeof HTMLElement !== 'undefined' ? /* #__PURE__ */createCache({
|
||||
key: 'css'
|
||||
}) : null);
|
||||
|
||||
var CacheProvider = EmotionCacheContext.Provider;
|
||||
var __unsafe_useEmotionCache = function useEmotionCache() {
|
||||
return useContext(EmotionCacheContext);
|
||||
};
|
||||
|
||||
var withEmotionCache = function withEmotionCache(func) {
|
||||
return /*#__PURE__*/forwardRef(function (props, ref) {
|
||||
// the cache will never be null in the browser
|
||||
var cache = useContext(EmotionCacheContext);
|
||||
return func(props, cache, ref);
|
||||
});
|
||||
};
|
||||
|
||||
{
|
||||
withEmotionCache = function withEmotionCache(func) {
|
||||
return function (props) {
|
||||
var cache = useContext(EmotionCacheContext);
|
||||
|
||||
if (cache === null) {
|
||||
// yes, we're potentially creating this on every render
|
||||
// it doesn't actually matter though since it's only on the server
|
||||
// so there will only every be a single render
|
||||
// that could change in the future because of suspense and etc. but for now,
|
||||
// this works and i don't want to optimise for a future thing that we aren't sure about
|
||||
cache = createCache({
|
||||
key: 'css'
|
||||
});
|
||||
return /*#__PURE__*/React.createElement(EmotionCacheContext.Provider, {
|
||||
value: cache
|
||||
}, func(props, cache));
|
||||
} else {
|
||||
return func(props, cache);
|
||||
}
|
||||
};
|
||||
};
|
||||
}
|
||||
|
||||
var ThemeContext = /* #__PURE__ */React.createContext({});
|
||||
|
||||
var useTheme = function useTheme() {
|
||||
return React.useContext(ThemeContext);
|
||||
};
|
||||
|
||||
var getTheme = function getTheme(outerTheme, theme) {
|
||||
if (typeof theme === 'function') {
|
||||
var mergedTheme = theme(outerTheme);
|
||||
|
||||
return mergedTheme;
|
||||
}
|
||||
|
||||
return _extends({}, outerTheme, theme);
|
||||
};
|
||||
|
||||
var createCacheWithTheme = /* #__PURE__ */weakMemoize(function (outerTheme) {
|
||||
return weakMemoize(function (theme) {
|
||||
return getTheme(outerTheme, theme);
|
||||
});
|
||||
});
|
||||
var ThemeProvider = function ThemeProvider(props) {
|
||||
var theme = React.useContext(ThemeContext);
|
||||
|
||||
if (props.theme !== theme) {
|
||||
theme = createCacheWithTheme(theme)(props.theme);
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
|
||||
value: theme
|
||||
}, props.children);
|
||||
};
|
||||
function withTheme(Component) {
|
||||
var componentName = Component.displayName || Component.name || 'Component';
|
||||
var WithTheme = /*#__PURE__*/React.forwardRef(function render(props, ref) {
|
||||
var theme = React.useContext(ThemeContext);
|
||||
return /*#__PURE__*/React.createElement(Component, _extends({
|
||||
theme: theme,
|
||||
ref: ref
|
||||
}, props));
|
||||
});
|
||||
WithTheme.displayName = "WithTheme(" + componentName + ")";
|
||||
return hoistNonReactStatics(WithTheme, Component);
|
||||
}
|
||||
|
||||
var hasOwn = {}.hasOwnProperty;
|
||||
|
||||
var typePropName = '__EMOTION_TYPE_PLEASE_DO_NOT_USE__';
|
||||
var createEmotionProps = function createEmotionProps(type, props) {
|
||||
|
||||
var newProps = {};
|
||||
|
||||
for (var _key in props) {
|
||||
if (hasOwn.call(props, _key)) {
|
||||
newProps[_key] = props[_key];
|
||||
}
|
||||
}
|
||||
|
||||
newProps[typePropName] = type; // Runtime labeling is an opt-in feature because:
|
||||
|
||||
return newProps;
|
||||
};
|
||||
|
||||
var Insertion = function Insertion(_ref) {
|
||||
var cache = _ref.cache,
|
||||
serialized = _ref.serialized,
|
||||
isStringTag = _ref.isStringTag;
|
||||
registerStyles(cache, serialized, isStringTag);
|
||||
var rules = useInsertionEffectAlwaysWithSyncFallback(function () {
|
||||
return insertStyles(cache, serialized, isStringTag);
|
||||
});
|
||||
|
||||
if (rules !== undefined) {
|
||||
var _ref2;
|
||||
|
||||
var serializedNames = serialized.name;
|
||||
var next = serialized.next;
|
||||
|
||||
while (next !== undefined) {
|
||||
serializedNames += ' ' + next.name;
|
||||
next = next.next;
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React.createElement("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedNames, _ref2.dangerouslySetInnerHTML = {
|
||||
__html: rules
|
||||
}, _ref2.nonce = cache.sheet.nonce, _ref2));
|
||||
}
|
||||
|
||||
return null;
|
||||
};
|
||||
|
||||
var Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {
|
||||
var cssProp = props.css; // so that using `css` from `emotion` and passing the result to the css prop works
|
||||
// not passing the registered cache to serializeStyles because it would
|
||||
// make certain babel optimisations not possible
|
||||
|
||||
if (typeof cssProp === 'string' && cache.registered[cssProp] !== undefined) {
|
||||
cssProp = cache.registered[cssProp];
|
||||
}
|
||||
|
||||
var WrappedComponent = props[typePropName];
|
||||
var registeredStyles = [cssProp];
|
||||
var className = '';
|
||||
|
||||
if (typeof props.className === 'string') {
|
||||
className = getRegisteredStyles(cache.registered, registeredStyles, props.className);
|
||||
} else if (props.className != null) {
|
||||
className = props.className + " ";
|
||||
}
|
||||
|
||||
var serialized = serializeStyles(registeredStyles, undefined, React.useContext(ThemeContext));
|
||||
|
||||
className += cache.key + "-" + serialized.name;
|
||||
var newProps = {};
|
||||
|
||||
for (var _key2 in props) {
|
||||
if (hasOwn.call(props, _key2) && _key2 !== 'css' && _key2 !== typePropName && (!isDevelopment )) {
|
||||
newProps[_key2] = props[_key2];
|
||||
}
|
||||
}
|
||||
|
||||
newProps.className = className;
|
||||
|
||||
if (ref) {
|
||||
newProps.ref = ref;
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Insertion, {
|
||||
cache: cache,
|
||||
serialized: serialized,
|
||||
isStringTag: typeof WrappedComponent === 'string'
|
||||
}), /*#__PURE__*/React.createElement(WrappedComponent, newProps));
|
||||
});
|
||||
|
||||
var Emotion$1 = Emotion;
|
||||
|
||||
export { CacheProvider as C, Emotion$1 as E, ThemeContext as T, __unsafe_useEmotionCache as _, ThemeProvider as a, withTheme as b, createEmotionProps as c, hasOwn as h, isDevelopment as i, useTheme as u, withEmotionCache as w };
|
||||
233
node_modules/@emotion/react/dist/emotion-element-a1829a1e.cjs.js
generated
vendored
Normal file
233
node_modules/@emotion/react/dist/emotion-element-a1829a1e.cjs.js
generated
vendored
Normal file
|
|
@ -0,0 +1,233 @@
|
|||
'use strict';
|
||||
|
||||
var React = require('react');
|
||||
var createCache = require('@emotion/cache');
|
||||
var _extends = require('@babel/runtime/helpers/extends');
|
||||
var weakMemoize = require('@emotion/weak-memoize');
|
||||
var _isolatedHnrs_dist_emotionReact_isolatedHnrs = require('../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.js');
|
||||
var utils = require('@emotion/utils');
|
||||
var serialize = require('@emotion/serialize');
|
||||
var useInsertionEffectWithFallbacks = require('@emotion/use-insertion-effect-with-fallbacks');
|
||||
|
||||
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
||||
|
||||
function _interopNamespace(e) {
|
||||
if (e && e.__esModule) return e;
|
||||
var n = Object.create(null);
|
||||
if (e) {
|
||||
Object.keys(e).forEach(function (k) {
|
||||
if (k !== 'default') {
|
||||
var d = Object.getOwnPropertyDescriptor(e, k);
|
||||
Object.defineProperty(n, k, d.get ? d : {
|
||||
enumerable: true,
|
||||
get: function () { return e[k]; }
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
n["default"] = e;
|
||||
return Object.freeze(n);
|
||||
}
|
||||
|
||||
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
||||
var createCache__default = /*#__PURE__*/_interopDefault(createCache);
|
||||
var weakMemoize__default = /*#__PURE__*/_interopDefault(weakMemoize);
|
||||
|
||||
var isDevelopment = false;
|
||||
|
||||
var isBrowser = typeof document !== 'undefined';
|
||||
|
||||
var EmotionCacheContext = /* #__PURE__ */React__namespace.createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case
|
||||
// because this module is primarily intended for the browser and node
|
||||
// but it's also required in react native and similar environments sometimes
|
||||
// and we could have a special build just for that
|
||||
// but this is much easier and the native packages
|
||||
// might use a different theme context in the future anyway
|
||||
typeof HTMLElement !== 'undefined' ? /* #__PURE__ */createCache__default["default"]({
|
||||
key: 'css'
|
||||
}) : null);
|
||||
|
||||
var CacheProvider = EmotionCacheContext.Provider;
|
||||
var __unsafe_useEmotionCache = function useEmotionCache() {
|
||||
return React.useContext(EmotionCacheContext);
|
||||
};
|
||||
|
||||
exports.withEmotionCache = function withEmotionCache(func) {
|
||||
return /*#__PURE__*/React.forwardRef(function (props, ref) {
|
||||
// the cache will never be null in the browser
|
||||
var cache = React.useContext(EmotionCacheContext);
|
||||
return func(props, cache, ref);
|
||||
});
|
||||
};
|
||||
|
||||
if (!isBrowser) {
|
||||
exports.withEmotionCache = function withEmotionCache(func) {
|
||||
return function (props) {
|
||||
var cache = React.useContext(EmotionCacheContext);
|
||||
|
||||
if (cache === null) {
|
||||
// yes, we're potentially creating this on every render
|
||||
// it doesn't actually matter though since it's only on the server
|
||||
// so there will only every be a single render
|
||||
// that could change in the future because of suspense and etc. but for now,
|
||||
// this works and i don't want to optimise for a future thing that we aren't sure about
|
||||
cache = createCache__default["default"]({
|
||||
key: 'css'
|
||||
});
|
||||
return /*#__PURE__*/React__namespace.createElement(EmotionCacheContext.Provider, {
|
||||
value: cache
|
||||
}, func(props, cache));
|
||||
} else {
|
||||
return func(props, cache);
|
||||
}
|
||||
};
|
||||
};
|
||||
}
|
||||
|
||||
var ThemeContext = /* #__PURE__ */React__namespace.createContext({});
|
||||
|
||||
var useTheme = function useTheme() {
|
||||
return React__namespace.useContext(ThemeContext);
|
||||
};
|
||||
|
||||
var getTheme = function getTheme(outerTheme, theme) {
|
||||
if (typeof theme === 'function') {
|
||||
var mergedTheme = theme(outerTheme);
|
||||
|
||||
return mergedTheme;
|
||||
}
|
||||
|
||||
return _extends({}, outerTheme, theme);
|
||||
};
|
||||
|
||||
var createCacheWithTheme = /* #__PURE__ */weakMemoize__default["default"](function (outerTheme) {
|
||||
return weakMemoize__default["default"](function (theme) {
|
||||
return getTheme(outerTheme, theme);
|
||||
});
|
||||
});
|
||||
var ThemeProvider = function ThemeProvider(props) {
|
||||
var theme = React__namespace.useContext(ThemeContext);
|
||||
|
||||
if (props.theme !== theme) {
|
||||
theme = createCacheWithTheme(theme)(props.theme);
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React__namespace.createElement(ThemeContext.Provider, {
|
||||
value: theme
|
||||
}, props.children);
|
||||
};
|
||||
function withTheme(Component) {
|
||||
var componentName = Component.displayName || Component.name || 'Component';
|
||||
var WithTheme = /*#__PURE__*/React__namespace.forwardRef(function render(props, ref) {
|
||||
var theme = React__namespace.useContext(ThemeContext);
|
||||
return /*#__PURE__*/React__namespace.createElement(Component, _extends({
|
||||
theme: theme,
|
||||
ref: ref
|
||||
}, props));
|
||||
});
|
||||
WithTheme.displayName = "WithTheme(" + componentName + ")";
|
||||
return _isolatedHnrs_dist_emotionReact_isolatedHnrs["default"](WithTheme, Component);
|
||||
}
|
||||
|
||||
var hasOwn = {}.hasOwnProperty;
|
||||
|
||||
var typePropName = '__EMOTION_TYPE_PLEASE_DO_NOT_USE__';
|
||||
var createEmotionProps = function createEmotionProps(type, props) {
|
||||
|
||||
var newProps = {};
|
||||
|
||||
for (var _key in props) {
|
||||
if (hasOwn.call(props, _key)) {
|
||||
newProps[_key] = props[_key];
|
||||
}
|
||||
}
|
||||
|
||||
newProps[typePropName] = type; // Runtime labeling is an opt-in feature because:
|
||||
|
||||
return newProps;
|
||||
};
|
||||
|
||||
var Insertion = function Insertion(_ref) {
|
||||
var cache = _ref.cache,
|
||||
serialized = _ref.serialized,
|
||||
isStringTag = _ref.isStringTag;
|
||||
utils.registerStyles(cache, serialized, isStringTag);
|
||||
var rules = useInsertionEffectWithFallbacks.useInsertionEffectAlwaysWithSyncFallback(function () {
|
||||
return utils.insertStyles(cache, serialized, isStringTag);
|
||||
});
|
||||
|
||||
if (!isBrowser && rules !== undefined) {
|
||||
var _ref2;
|
||||
|
||||
var serializedNames = serialized.name;
|
||||
var next = serialized.next;
|
||||
|
||||
while (next !== undefined) {
|
||||
serializedNames += ' ' + next.name;
|
||||
next = next.next;
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React__namespace.createElement("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedNames, _ref2.dangerouslySetInnerHTML = {
|
||||
__html: rules
|
||||
}, _ref2.nonce = cache.sheet.nonce, _ref2));
|
||||
}
|
||||
|
||||
return null;
|
||||
};
|
||||
|
||||
var Emotion = /* #__PURE__ */exports.withEmotionCache(function (props, cache, ref) {
|
||||
var cssProp = props.css; // so that using `css` from `emotion` and passing the result to the css prop works
|
||||
// not passing the registered cache to serializeStyles because it would
|
||||
// make certain babel optimisations not possible
|
||||
|
||||
if (typeof cssProp === 'string' && cache.registered[cssProp] !== undefined) {
|
||||
cssProp = cache.registered[cssProp];
|
||||
}
|
||||
|
||||
var WrappedComponent = props[typePropName];
|
||||
var registeredStyles = [cssProp];
|
||||
var className = '';
|
||||
|
||||
if (typeof props.className === 'string') {
|
||||
className = utils.getRegisteredStyles(cache.registered, registeredStyles, props.className);
|
||||
} else if (props.className != null) {
|
||||
className = props.className + " ";
|
||||
}
|
||||
|
||||
var serialized = serialize.serializeStyles(registeredStyles, undefined, React__namespace.useContext(ThemeContext));
|
||||
|
||||
className += cache.key + "-" + serialized.name;
|
||||
var newProps = {};
|
||||
|
||||
for (var _key2 in props) {
|
||||
if (hasOwn.call(props, _key2) && _key2 !== 'css' && _key2 !== typePropName && (!isDevelopment )) {
|
||||
newProps[_key2] = props[_key2];
|
||||
}
|
||||
}
|
||||
|
||||
newProps.className = className;
|
||||
|
||||
if (ref) {
|
||||
newProps.ref = ref;
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Insertion, {
|
||||
cache: cache,
|
||||
serialized: serialized,
|
||||
isStringTag: typeof WrappedComponent === 'string'
|
||||
}), /*#__PURE__*/React__namespace.createElement(WrappedComponent, newProps));
|
||||
});
|
||||
|
||||
var Emotion$1 = Emotion;
|
||||
|
||||
exports.CacheProvider = CacheProvider;
|
||||
exports.Emotion = Emotion$1;
|
||||
exports.ThemeContext = ThemeContext;
|
||||
exports.ThemeProvider = ThemeProvider;
|
||||
exports.__unsafe_useEmotionCache = __unsafe_useEmotionCache;
|
||||
exports.createEmotionProps = createEmotionProps;
|
||||
exports.hasOwn = hasOwn;
|
||||
exports.isBrowser = isBrowser;
|
||||
exports.isDevelopment = isDevelopment;
|
||||
exports.useTheme = useTheme;
|
||||
exports.withTheme = withTheme;
|
||||
230
node_modules/@emotion/react/dist/emotion-element-af3dc15b.edge-light.cjs.js
generated
vendored
Normal file
230
node_modules/@emotion/react/dist/emotion-element-af3dc15b.edge-light.cjs.js
generated
vendored
Normal file
|
|
@ -0,0 +1,230 @@
|
|||
'use strict';
|
||||
|
||||
var React = require('react');
|
||||
var createCache = require('@emotion/cache');
|
||||
var _extends = require('@babel/runtime/helpers/extends');
|
||||
var weakMemoize = require('@emotion/weak-memoize');
|
||||
var _isolatedHnrs_dist_emotionReact_isolatedHnrs = require('../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.js');
|
||||
var utils = require('@emotion/utils');
|
||||
var serialize = require('@emotion/serialize');
|
||||
var useInsertionEffectWithFallbacks = require('@emotion/use-insertion-effect-with-fallbacks');
|
||||
|
||||
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
||||
|
||||
function _interopNamespace(e) {
|
||||
if (e && e.__esModule) return e;
|
||||
var n = Object.create(null);
|
||||
if (e) {
|
||||
Object.keys(e).forEach(function (k) {
|
||||
if (k !== 'default') {
|
||||
var d = Object.getOwnPropertyDescriptor(e, k);
|
||||
Object.defineProperty(n, k, d.get ? d : {
|
||||
enumerable: true,
|
||||
get: function () { return e[k]; }
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
n["default"] = e;
|
||||
return Object.freeze(n);
|
||||
}
|
||||
|
||||
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
||||
var createCache__default = /*#__PURE__*/_interopDefault(createCache);
|
||||
var weakMemoize__default = /*#__PURE__*/_interopDefault(weakMemoize);
|
||||
|
||||
var isDevelopment = false;
|
||||
|
||||
var EmotionCacheContext = /* #__PURE__ */React__namespace.createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case
|
||||
// because this module is primarily intended for the browser and node
|
||||
// but it's also required in react native and similar environments sometimes
|
||||
// and we could have a special build just for that
|
||||
// but this is much easier and the native packages
|
||||
// might use a different theme context in the future anyway
|
||||
typeof HTMLElement !== 'undefined' ? /* #__PURE__ */createCache__default["default"]({
|
||||
key: 'css'
|
||||
}) : null);
|
||||
|
||||
var CacheProvider = EmotionCacheContext.Provider;
|
||||
var __unsafe_useEmotionCache = function useEmotionCache() {
|
||||
return React.useContext(EmotionCacheContext);
|
||||
};
|
||||
|
||||
exports.withEmotionCache = function withEmotionCache(func) {
|
||||
return /*#__PURE__*/React.forwardRef(function (props, ref) {
|
||||
// the cache will never be null in the browser
|
||||
var cache = React.useContext(EmotionCacheContext);
|
||||
return func(props, cache, ref);
|
||||
});
|
||||
};
|
||||
|
||||
{
|
||||
exports.withEmotionCache = function withEmotionCache(func) {
|
||||
return function (props) {
|
||||
var cache = React.useContext(EmotionCacheContext);
|
||||
|
||||
if (cache === null) {
|
||||
// yes, we're potentially creating this on every render
|
||||
// it doesn't actually matter though since it's only on the server
|
||||
// so there will only every be a single render
|
||||
// that could change in the future because of suspense and etc. but for now,
|
||||
// this works and i don't want to optimise for a future thing that we aren't sure about
|
||||
cache = createCache__default["default"]({
|
||||
key: 'css'
|
||||
});
|
||||
return /*#__PURE__*/React__namespace.createElement(EmotionCacheContext.Provider, {
|
||||
value: cache
|
||||
}, func(props, cache));
|
||||
} else {
|
||||
return func(props, cache);
|
||||
}
|
||||
};
|
||||
};
|
||||
}
|
||||
|
||||
var ThemeContext = /* #__PURE__ */React__namespace.createContext({});
|
||||
|
||||
var useTheme = function useTheme() {
|
||||
return React__namespace.useContext(ThemeContext);
|
||||
};
|
||||
|
||||
var getTheme = function getTheme(outerTheme, theme) {
|
||||
if (typeof theme === 'function') {
|
||||
var mergedTheme = theme(outerTheme);
|
||||
|
||||
return mergedTheme;
|
||||
}
|
||||
|
||||
return _extends({}, outerTheme, theme);
|
||||
};
|
||||
|
||||
var createCacheWithTheme = /* #__PURE__ */weakMemoize__default["default"](function (outerTheme) {
|
||||
return weakMemoize__default["default"](function (theme) {
|
||||
return getTheme(outerTheme, theme);
|
||||
});
|
||||
});
|
||||
var ThemeProvider = function ThemeProvider(props) {
|
||||
var theme = React__namespace.useContext(ThemeContext);
|
||||
|
||||
if (props.theme !== theme) {
|
||||
theme = createCacheWithTheme(theme)(props.theme);
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React__namespace.createElement(ThemeContext.Provider, {
|
||||
value: theme
|
||||
}, props.children);
|
||||
};
|
||||
function withTheme(Component) {
|
||||
var componentName = Component.displayName || Component.name || 'Component';
|
||||
var WithTheme = /*#__PURE__*/React__namespace.forwardRef(function render(props, ref) {
|
||||
var theme = React__namespace.useContext(ThemeContext);
|
||||
return /*#__PURE__*/React__namespace.createElement(Component, _extends({
|
||||
theme: theme,
|
||||
ref: ref
|
||||
}, props));
|
||||
});
|
||||
WithTheme.displayName = "WithTheme(" + componentName + ")";
|
||||
return _isolatedHnrs_dist_emotionReact_isolatedHnrs["default"](WithTheme, Component);
|
||||
}
|
||||
|
||||
var hasOwn = {}.hasOwnProperty;
|
||||
|
||||
var typePropName = '__EMOTION_TYPE_PLEASE_DO_NOT_USE__';
|
||||
var createEmotionProps = function createEmotionProps(type, props) {
|
||||
|
||||
var newProps = {};
|
||||
|
||||
for (var _key in props) {
|
||||
if (hasOwn.call(props, _key)) {
|
||||
newProps[_key] = props[_key];
|
||||
}
|
||||
}
|
||||
|
||||
newProps[typePropName] = type; // Runtime labeling is an opt-in feature because:
|
||||
|
||||
return newProps;
|
||||
};
|
||||
|
||||
var Insertion = function Insertion(_ref) {
|
||||
var cache = _ref.cache,
|
||||
serialized = _ref.serialized,
|
||||
isStringTag = _ref.isStringTag;
|
||||
utils.registerStyles(cache, serialized, isStringTag);
|
||||
var rules = useInsertionEffectWithFallbacks.useInsertionEffectAlwaysWithSyncFallback(function () {
|
||||
return utils.insertStyles(cache, serialized, isStringTag);
|
||||
});
|
||||
|
||||
if (rules !== undefined) {
|
||||
var _ref2;
|
||||
|
||||
var serializedNames = serialized.name;
|
||||
var next = serialized.next;
|
||||
|
||||
while (next !== undefined) {
|
||||
serializedNames += ' ' + next.name;
|
||||
next = next.next;
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React__namespace.createElement("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedNames, _ref2.dangerouslySetInnerHTML = {
|
||||
__html: rules
|
||||
}, _ref2.nonce = cache.sheet.nonce, _ref2));
|
||||
}
|
||||
|
||||
return null;
|
||||
};
|
||||
|
||||
var Emotion = /* #__PURE__ */exports.withEmotionCache(function (props, cache, ref) {
|
||||
var cssProp = props.css; // so that using `css` from `emotion` and passing the result to the css prop works
|
||||
// not passing the registered cache to serializeStyles because it would
|
||||
// make certain babel optimisations not possible
|
||||
|
||||
if (typeof cssProp === 'string' && cache.registered[cssProp] !== undefined) {
|
||||
cssProp = cache.registered[cssProp];
|
||||
}
|
||||
|
||||
var WrappedComponent = props[typePropName];
|
||||
var registeredStyles = [cssProp];
|
||||
var className = '';
|
||||
|
||||
if (typeof props.className === 'string') {
|
||||
className = utils.getRegisteredStyles(cache.registered, registeredStyles, props.className);
|
||||
} else if (props.className != null) {
|
||||
className = props.className + " ";
|
||||
}
|
||||
|
||||
var serialized = serialize.serializeStyles(registeredStyles, undefined, React__namespace.useContext(ThemeContext));
|
||||
|
||||
className += cache.key + "-" + serialized.name;
|
||||
var newProps = {};
|
||||
|
||||
for (var _key2 in props) {
|
||||
if (hasOwn.call(props, _key2) && _key2 !== 'css' && _key2 !== typePropName && (!isDevelopment )) {
|
||||
newProps[_key2] = props[_key2];
|
||||
}
|
||||
}
|
||||
|
||||
newProps.className = className;
|
||||
|
||||
if (ref) {
|
||||
newProps.ref = ref;
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Insertion, {
|
||||
cache: cache,
|
||||
serialized: serialized,
|
||||
isStringTag: typeof WrappedComponent === 'string'
|
||||
}), /*#__PURE__*/React__namespace.createElement(WrappedComponent, newProps));
|
||||
});
|
||||
|
||||
var Emotion$1 = Emotion;
|
||||
|
||||
exports.CacheProvider = CacheProvider;
|
||||
exports.Emotion = Emotion$1;
|
||||
exports.ThemeContext = ThemeContext;
|
||||
exports.ThemeProvider = ThemeProvider;
|
||||
exports.__unsafe_useEmotionCache = __unsafe_useEmotionCache;
|
||||
exports.createEmotionProps = createEmotionProps;
|
||||
exports.hasOwn = hasOwn;
|
||||
exports.isDevelopment = isDevelopment;
|
||||
exports.useTheme = useTheme;
|
||||
exports.withTheme = withTheme;
|
||||
198
node_modules/@emotion/react/dist/emotion-element-d59e098f.esm.js
generated
vendored
Normal file
198
node_modules/@emotion/react/dist/emotion-element-d59e098f.esm.js
generated
vendored
Normal file
|
|
@ -0,0 +1,198 @@
|
|||
import * as React from 'react';
|
||||
import { useContext, forwardRef } from 'react';
|
||||
import createCache from '@emotion/cache';
|
||||
import _extends from '@babel/runtime/helpers/esm/extends';
|
||||
import weakMemoize from '@emotion/weak-memoize';
|
||||
import hoistNonReactStatics from '../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.esm.js';
|
||||
import { getRegisteredStyles, registerStyles, insertStyles } from '@emotion/utils';
|
||||
import { serializeStyles } from '@emotion/serialize';
|
||||
import { useInsertionEffectAlwaysWithSyncFallback } from '@emotion/use-insertion-effect-with-fallbacks';
|
||||
|
||||
var isDevelopment = false;
|
||||
|
||||
var isBrowser = typeof document !== 'undefined';
|
||||
|
||||
var EmotionCacheContext = /* #__PURE__ */React.createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case
|
||||
// because this module is primarily intended for the browser and node
|
||||
// but it's also required in react native and similar environments sometimes
|
||||
// and we could have a special build just for that
|
||||
// but this is much easier and the native packages
|
||||
// might use a different theme context in the future anyway
|
||||
typeof HTMLElement !== 'undefined' ? /* #__PURE__ */createCache({
|
||||
key: 'css'
|
||||
}) : null);
|
||||
|
||||
var CacheProvider = EmotionCacheContext.Provider;
|
||||
var __unsafe_useEmotionCache = function useEmotionCache() {
|
||||
return useContext(EmotionCacheContext);
|
||||
};
|
||||
|
||||
var withEmotionCache = function withEmotionCache(func) {
|
||||
return /*#__PURE__*/forwardRef(function (props, ref) {
|
||||
// the cache will never be null in the browser
|
||||
var cache = useContext(EmotionCacheContext);
|
||||
return func(props, cache, ref);
|
||||
});
|
||||
};
|
||||
|
||||
if (!isBrowser) {
|
||||
withEmotionCache = function withEmotionCache(func) {
|
||||
return function (props) {
|
||||
var cache = useContext(EmotionCacheContext);
|
||||
|
||||
if (cache === null) {
|
||||
// yes, we're potentially creating this on every render
|
||||
// it doesn't actually matter though since it's only on the server
|
||||
// so there will only every be a single render
|
||||
// that could change in the future because of suspense and etc. but for now,
|
||||
// this works and i don't want to optimise for a future thing that we aren't sure about
|
||||
cache = createCache({
|
||||
key: 'css'
|
||||
});
|
||||
return /*#__PURE__*/React.createElement(EmotionCacheContext.Provider, {
|
||||
value: cache
|
||||
}, func(props, cache));
|
||||
} else {
|
||||
return func(props, cache);
|
||||
}
|
||||
};
|
||||
};
|
||||
}
|
||||
|
||||
var ThemeContext = /* #__PURE__ */React.createContext({});
|
||||
|
||||
var useTheme = function useTheme() {
|
||||
return React.useContext(ThemeContext);
|
||||
};
|
||||
|
||||
var getTheme = function getTheme(outerTheme, theme) {
|
||||
if (typeof theme === 'function') {
|
||||
var mergedTheme = theme(outerTheme);
|
||||
|
||||
return mergedTheme;
|
||||
}
|
||||
|
||||
return _extends({}, outerTheme, theme);
|
||||
};
|
||||
|
||||
var createCacheWithTheme = /* #__PURE__ */weakMemoize(function (outerTheme) {
|
||||
return weakMemoize(function (theme) {
|
||||
return getTheme(outerTheme, theme);
|
||||
});
|
||||
});
|
||||
var ThemeProvider = function ThemeProvider(props) {
|
||||
var theme = React.useContext(ThemeContext);
|
||||
|
||||
if (props.theme !== theme) {
|
||||
theme = createCacheWithTheme(theme)(props.theme);
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
|
||||
value: theme
|
||||
}, props.children);
|
||||
};
|
||||
function withTheme(Component) {
|
||||
var componentName = Component.displayName || Component.name || 'Component';
|
||||
var WithTheme = /*#__PURE__*/React.forwardRef(function render(props, ref) {
|
||||
var theme = React.useContext(ThemeContext);
|
||||
return /*#__PURE__*/React.createElement(Component, _extends({
|
||||
theme: theme,
|
||||
ref: ref
|
||||
}, props));
|
||||
});
|
||||
WithTheme.displayName = "WithTheme(" + componentName + ")";
|
||||
return hoistNonReactStatics(WithTheme, Component);
|
||||
}
|
||||
|
||||
var hasOwn = {}.hasOwnProperty;
|
||||
|
||||
var typePropName = '__EMOTION_TYPE_PLEASE_DO_NOT_USE__';
|
||||
var createEmotionProps = function createEmotionProps(type, props) {
|
||||
|
||||
var newProps = {};
|
||||
|
||||
for (var _key in props) {
|
||||
if (hasOwn.call(props, _key)) {
|
||||
newProps[_key] = props[_key];
|
||||
}
|
||||
}
|
||||
|
||||
newProps[typePropName] = type; // Runtime labeling is an opt-in feature because:
|
||||
|
||||
return newProps;
|
||||
};
|
||||
|
||||
var Insertion = function Insertion(_ref) {
|
||||
var cache = _ref.cache,
|
||||
serialized = _ref.serialized,
|
||||
isStringTag = _ref.isStringTag;
|
||||
registerStyles(cache, serialized, isStringTag);
|
||||
var rules = useInsertionEffectAlwaysWithSyncFallback(function () {
|
||||
return insertStyles(cache, serialized, isStringTag);
|
||||
});
|
||||
|
||||
if (!isBrowser && rules !== undefined) {
|
||||
var _ref2;
|
||||
|
||||
var serializedNames = serialized.name;
|
||||
var next = serialized.next;
|
||||
|
||||
while (next !== undefined) {
|
||||
serializedNames += ' ' + next.name;
|
||||
next = next.next;
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React.createElement("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedNames, _ref2.dangerouslySetInnerHTML = {
|
||||
__html: rules
|
||||
}, _ref2.nonce = cache.sheet.nonce, _ref2));
|
||||
}
|
||||
|
||||
return null;
|
||||
};
|
||||
|
||||
var Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {
|
||||
var cssProp = props.css; // so that using `css` from `emotion` and passing the result to the css prop works
|
||||
// not passing the registered cache to serializeStyles because it would
|
||||
// make certain babel optimisations not possible
|
||||
|
||||
if (typeof cssProp === 'string' && cache.registered[cssProp] !== undefined) {
|
||||
cssProp = cache.registered[cssProp];
|
||||
}
|
||||
|
||||
var WrappedComponent = props[typePropName];
|
||||
var registeredStyles = [cssProp];
|
||||
var className = '';
|
||||
|
||||
if (typeof props.className === 'string') {
|
||||
className = getRegisteredStyles(cache.registered, registeredStyles, props.className);
|
||||
} else if (props.className != null) {
|
||||
className = props.className + " ";
|
||||
}
|
||||
|
||||
var serialized = serializeStyles(registeredStyles, undefined, React.useContext(ThemeContext));
|
||||
|
||||
className += cache.key + "-" + serialized.name;
|
||||
var newProps = {};
|
||||
|
||||
for (var _key2 in props) {
|
||||
if (hasOwn.call(props, _key2) && _key2 !== 'css' && _key2 !== typePropName && (!isDevelopment )) {
|
||||
newProps[_key2] = props[_key2];
|
||||
}
|
||||
}
|
||||
|
||||
newProps.className = className;
|
||||
|
||||
if (ref) {
|
||||
newProps.ref = ref;
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Insertion, {
|
||||
cache: cache,
|
||||
serialized: serialized,
|
||||
isStringTag: typeof WrappedComponent === 'string'
|
||||
}), /*#__PURE__*/React.createElement(WrappedComponent, newProps));
|
||||
});
|
||||
|
||||
var Emotion$1 = Emotion;
|
||||
|
||||
export { CacheProvider as C, Emotion$1 as E, ThemeContext as T, __unsafe_useEmotionCache as _, isDevelopment as a, ThemeProvider as b, createEmotionProps as c, withTheme as d, hasOwn as h, isBrowser as i, useTheme as u, withEmotionCache as w };
|
||||
316
node_modules/@emotion/react/dist/emotion-element-e8f4cc37.development.cjs.js
generated
vendored
Normal file
316
node_modules/@emotion/react/dist/emotion-element-e8f4cc37.development.cjs.js
generated
vendored
Normal file
|
|
@ -0,0 +1,316 @@
|
|||
'use strict';
|
||||
|
||||
var React = require('react');
|
||||
var createCache = require('@emotion/cache');
|
||||
var _extends = require('@babel/runtime/helpers/extends');
|
||||
var weakMemoize = require('@emotion/weak-memoize');
|
||||
var _isolatedHnrs_dist_emotionReact_isolatedHnrs = require('../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.cjs.js');
|
||||
var utils = require('@emotion/utils');
|
||||
var serialize = require('@emotion/serialize');
|
||||
var useInsertionEffectWithFallbacks = require('@emotion/use-insertion-effect-with-fallbacks');
|
||||
|
||||
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
||||
|
||||
function _interopNamespace(e) {
|
||||
if (e && e.__esModule) return e;
|
||||
var n = Object.create(null);
|
||||
if (e) {
|
||||
Object.keys(e).forEach(function (k) {
|
||||
if (k !== 'default') {
|
||||
var d = Object.getOwnPropertyDescriptor(e, k);
|
||||
Object.defineProperty(n, k, d.get ? d : {
|
||||
enumerable: true,
|
||||
get: function () { return e[k]; }
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
n["default"] = e;
|
||||
return Object.freeze(n);
|
||||
}
|
||||
|
||||
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
||||
var createCache__default = /*#__PURE__*/_interopDefault(createCache);
|
||||
var weakMemoize__default = /*#__PURE__*/_interopDefault(weakMemoize);
|
||||
|
||||
var isBrowser = typeof document !== 'undefined';
|
||||
|
||||
var EmotionCacheContext = /* #__PURE__ */React__namespace.createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case
|
||||
// because this module is primarily intended for the browser and node
|
||||
// but it's also required in react native and similar environments sometimes
|
||||
// and we could have a special build just for that
|
||||
// but this is much easier and the native packages
|
||||
// might use a different theme context in the future anyway
|
||||
typeof HTMLElement !== 'undefined' ? /* #__PURE__ */createCache__default["default"]({
|
||||
key: 'css'
|
||||
}) : null);
|
||||
|
||||
{
|
||||
EmotionCacheContext.displayName = 'EmotionCacheContext';
|
||||
}
|
||||
|
||||
var CacheProvider = EmotionCacheContext.Provider;
|
||||
var __unsafe_useEmotionCache = function useEmotionCache() {
|
||||
return React.useContext(EmotionCacheContext);
|
||||
};
|
||||
|
||||
exports.withEmotionCache = function withEmotionCache(func) {
|
||||
return /*#__PURE__*/React.forwardRef(function (props, ref) {
|
||||
// the cache will never be null in the browser
|
||||
var cache = React.useContext(EmotionCacheContext);
|
||||
return func(props, cache, ref);
|
||||
});
|
||||
};
|
||||
|
||||
if (!isBrowser) {
|
||||
exports.withEmotionCache = function withEmotionCache(func) {
|
||||
return function (props) {
|
||||
var cache = React.useContext(EmotionCacheContext);
|
||||
|
||||
if (cache === null) {
|
||||
// yes, we're potentially creating this on every render
|
||||
// it doesn't actually matter though since it's only on the server
|
||||
// so there will only every be a single render
|
||||
// that could change in the future because of suspense and etc. but for now,
|
||||
// this works and i don't want to optimise for a future thing that we aren't sure about
|
||||
cache = createCache__default["default"]({
|
||||
key: 'css'
|
||||
});
|
||||
return /*#__PURE__*/React__namespace.createElement(EmotionCacheContext.Provider, {
|
||||
value: cache
|
||||
}, func(props, cache));
|
||||
} else {
|
||||
return func(props, cache);
|
||||
}
|
||||
};
|
||||
};
|
||||
}
|
||||
|
||||
var ThemeContext = /* #__PURE__ */React__namespace.createContext({});
|
||||
|
||||
{
|
||||
ThemeContext.displayName = 'EmotionThemeContext';
|
||||
}
|
||||
|
||||
var useTheme = function useTheme() {
|
||||
return React__namespace.useContext(ThemeContext);
|
||||
};
|
||||
|
||||
var getTheme = function getTheme(outerTheme, theme) {
|
||||
if (typeof theme === 'function') {
|
||||
var mergedTheme = theme(outerTheme);
|
||||
|
||||
if ((mergedTheme == null || typeof mergedTheme !== 'object' || Array.isArray(mergedTheme))) {
|
||||
throw new Error('[ThemeProvider] Please return an object from your theme function, i.e. theme={() => ({})}!');
|
||||
}
|
||||
|
||||
return mergedTheme;
|
||||
}
|
||||
|
||||
if ((theme == null || typeof theme !== 'object' || Array.isArray(theme))) {
|
||||
throw new Error('[ThemeProvider] Please make your theme prop a plain object');
|
||||
}
|
||||
|
||||
return _extends({}, outerTheme, theme);
|
||||
};
|
||||
|
||||
var createCacheWithTheme = /* #__PURE__ */weakMemoize__default["default"](function (outerTheme) {
|
||||
return weakMemoize__default["default"](function (theme) {
|
||||
return getTheme(outerTheme, theme);
|
||||
});
|
||||
});
|
||||
var ThemeProvider = function ThemeProvider(props) {
|
||||
var theme = React__namespace.useContext(ThemeContext);
|
||||
|
||||
if (props.theme !== theme) {
|
||||
theme = createCacheWithTheme(theme)(props.theme);
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React__namespace.createElement(ThemeContext.Provider, {
|
||||
value: theme
|
||||
}, props.children);
|
||||
};
|
||||
function withTheme(Component) {
|
||||
var componentName = Component.displayName || Component.name || 'Component';
|
||||
var WithTheme = /*#__PURE__*/React__namespace.forwardRef(function render(props, ref) {
|
||||
var theme = React__namespace.useContext(ThemeContext);
|
||||
return /*#__PURE__*/React__namespace.createElement(Component, _extends({
|
||||
theme: theme,
|
||||
ref: ref
|
||||
}, props));
|
||||
});
|
||||
WithTheme.displayName = "WithTheme(" + componentName + ")";
|
||||
return _isolatedHnrs_dist_emotionReact_isolatedHnrs["default"](WithTheme, Component);
|
||||
}
|
||||
|
||||
var hasOwn = {}.hasOwnProperty;
|
||||
|
||||
var getLastPart = function getLastPart(functionName) {
|
||||
// The match may be something like 'Object.createEmotionProps' or
|
||||
// 'Loader.prototype.render'
|
||||
var parts = functionName.split('.');
|
||||
return parts[parts.length - 1];
|
||||
};
|
||||
|
||||
var getFunctionNameFromStackTraceLine = function getFunctionNameFromStackTraceLine(line) {
|
||||
// V8
|
||||
var match = /^\s+at\s+([A-Za-z0-9$.]+)\s/.exec(line);
|
||||
if (match) return getLastPart(match[1]); // Safari / Firefox
|
||||
|
||||
match = /^([A-Za-z0-9$.]+)@/.exec(line);
|
||||
if (match) return getLastPart(match[1]);
|
||||
return undefined;
|
||||
};
|
||||
|
||||
var internalReactFunctionNames = /* #__PURE__ */new Set(['renderWithHooks', 'processChild', 'finishClassComponent', 'renderToString']); // These identifiers come from error stacks, so they have to be valid JS
|
||||
// identifiers, thus we only need to replace what is a valid character for JS,
|
||||
// but not for CSS.
|
||||
|
||||
var sanitizeIdentifier = function sanitizeIdentifier(identifier) {
|
||||
return identifier.replace(/\$/g, '-');
|
||||
};
|
||||
|
||||
var getLabelFromStackTrace = function getLabelFromStackTrace(stackTrace) {
|
||||
if (!stackTrace) return undefined;
|
||||
var lines = stackTrace.split('\n');
|
||||
|
||||
for (var i = 0; i < lines.length; i++) {
|
||||
var functionName = getFunctionNameFromStackTraceLine(lines[i]); // The first line of V8 stack traces is just "Error"
|
||||
|
||||
if (!functionName) continue; // If we reach one of these, we have gone too far and should quit
|
||||
|
||||
if (internalReactFunctionNames.has(functionName)) break; // The component name is the first function in the stack that starts with an
|
||||
// uppercase letter
|
||||
|
||||
if (/^[A-Z]/.test(functionName)) return sanitizeIdentifier(functionName);
|
||||
}
|
||||
|
||||
return undefined;
|
||||
};
|
||||
|
||||
var typePropName = '__EMOTION_TYPE_PLEASE_DO_NOT_USE__';
|
||||
var labelPropName = '__EMOTION_LABEL_PLEASE_DO_NOT_USE__';
|
||||
var createEmotionProps = function createEmotionProps(type, props) {
|
||||
if (typeof props.css === 'string' && // check if there is a css declaration
|
||||
props.css.indexOf(':') !== -1) {
|
||||
throw new Error("Strings are not allowed as css prop values, please wrap it in a css template literal from '@emotion/react' like this: css`" + props.css + "`");
|
||||
}
|
||||
|
||||
var newProps = {};
|
||||
|
||||
for (var _key in props) {
|
||||
if (hasOwn.call(props, _key)) {
|
||||
newProps[_key] = props[_key];
|
||||
}
|
||||
}
|
||||
|
||||
newProps[typePropName] = type; // Runtime labeling is an opt-in feature because:
|
||||
// - It causes hydration warnings when using Safari and SSR
|
||||
// - It can degrade performance if there are a huge number of elements
|
||||
//
|
||||
// Even if the flag is set, we still don't compute the label if it has already
|
||||
// been determined by the Babel plugin.
|
||||
|
||||
if (typeof globalThis !== 'undefined' && !!globalThis.EMOTION_RUNTIME_AUTO_LABEL && !!props.css && (typeof props.css !== 'object' || !('name' in props.css) || typeof props.css.name !== 'string' || props.css.name.indexOf('-') === -1)) {
|
||||
var label = getLabelFromStackTrace(new Error().stack);
|
||||
if (label) newProps[labelPropName] = label;
|
||||
}
|
||||
|
||||
return newProps;
|
||||
};
|
||||
|
||||
var Insertion = function Insertion(_ref) {
|
||||
var cache = _ref.cache,
|
||||
serialized = _ref.serialized,
|
||||
isStringTag = _ref.isStringTag;
|
||||
utils.registerStyles(cache, serialized, isStringTag);
|
||||
var rules = useInsertionEffectWithFallbacks.useInsertionEffectAlwaysWithSyncFallback(function () {
|
||||
return utils.insertStyles(cache, serialized, isStringTag);
|
||||
});
|
||||
|
||||
if (!isBrowser && rules !== undefined) {
|
||||
var _ref2;
|
||||
|
||||
var serializedNames = serialized.name;
|
||||
var next = serialized.next;
|
||||
|
||||
while (next !== undefined) {
|
||||
serializedNames += ' ' + next.name;
|
||||
next = next.next;
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React__namespace.createElement("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedNames, _ref2.dangerouslySetInnerHTML = {
|
||||
__html: rules
|
||||
}, _ref2.nonce = cache.sheet.nonce, _ref2));
|
||||
}
|
||||
|
||||
return null;
|
||||
};
|
||||
|
||||
var Emotion = /* #__PURE__ */exports.withEmotionCache(function (props, cache, ref) {
|
||||
var cssProp = props.css; // so that using `css` from `emotion` and passing the result to the css prop works
|
||||
// not passing the registered cache to serializeStyles because it would
|
||||
// make certain babel optimisations not possible
|
||||
|
||||
if (typeof cssProp === 'string' && cache.registered[cssProp] !== undefined) {
|
||||
cssProp = cache.registered[cssProp];
|
||||
}
|
||||
|
||||
var WrappedComponent = props[typePropName];
|
||||
var registeredStyles = [cssProp];
|
||||
var className = '';
|
||||
|
||||
if (typeof props.className === 'string') {
|
||||
className = utils.getRegisteredStyles(cache.registered, registeredStyles, props.className);
|
||||
} else if (props.className != null) {
|
||||
className = props.className + " ";
|
||||
}
|
||||
|
||||
var serialized = serialize.serializeStyles(registeredStyles, undefined, React__namespace.useContext(ThemeContext));
|
||||
|
||||
if (serialized.name.indexOf('-') === -1) {
|
||||
var labelFromStack = props[labelPropName];
|
||||
|
||||
if (labelFromStack) {
|
||||
serialized = serialize.serializeStyles([serialized, 'label:' + labelFromStack + ';']);
|
||||
}
|
||||
}
|
||||
|
||||
className += cache.key + "-" + serialized.name;
|
||||
var newProps = {};
|
||||
|
||||
for (var _key2 in props) {
|
||||
if (hasOwn.call(props, _key2) && _key2 !== 'css' && _key2 !== typePropName && (_key2 !== labelPropName)) {
|
||||
newProps[_key2] = props[_key2];
|
||||
}
|
||||
}
|
||||
|
||||
newProps.className = className;
|
||||
|
||||
if (ref) {
|
||||
newProps.ref = ref;
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Insertion, {
|
||||
cache: cache,
|
||||
serialized: serialized,
|
||||
isStringTag: typeof WrappedComponent === 'string'
|
||||
}), /*#__PURE__*/React__namespace.createElement(WrappedComponent, newProps));
|
||||
});
|
||||
|
||||
{
|
||||
Emotion.displayName = 'EmotionCssPropInternal';
|
||||
}
|
||||
|
||||
var Emotion$1 = Emotion;
|
||||
|
||||
exports.CacheProvider = CacheProvider;
|
||||
exports.Emotion = Emotion$1;
|
||||
exports.ThemeContext = ThemeContext;
|
||||
exports.ThemeProvider = ThemeProvider;
|
||||
exports.__unsafe_useEmotionCache = __unsafe_useEmotionCache;
|
||||
exports.createEmotionProps = createEmotionProps;
|
||||
exports.hasOwn = hasOwn;
|
||||
exports.isBrowser = isBrowser;
|
||||
exports.useTheme = useTheme;
|
||||
exports.withTheme = withTheme;
|
||||
156
node_modules/@emotion/react/dist/emotion-element-f0de968e.browser.esm.js
generated
vendored
Normal file
156
node_modules/@emotion/react/dist/emotion-element-f0de968e.browser.esm.js
generated
vendored
Normal file
|
|
@ -0,0 +1,156 @@
|
|||
import * as React from 'react';
|
||||
import { useContext, forwardRef } from 'react';
|
||||
import createCache from '@emotion/cache';
|
||||
import _extends from '@babel/runtime/helpers/esm/extends';
|
||||
import weakMemoize from '@emotion/weak-memoize';
|
||||
import hoistNonReactStatics from '../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js';
|
||||
import { getRegisteredStyles, registerStyles, insertStyles } from '@emotion/utils';
|
||||
import { serializeStyles } from '@emotion/serialize';
|
||||
import { useInsertionEffectAlwaysWithSyncFallback } from '@emotion/use-insertion-effect-with-fallbacks';
|
||||
|
||||
var isDevelopment = false;
|
||||
|
||||
var EmotionCacheContext = /* #__PURE__ */React.createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case
|
||||
// because this module is primarily intended for the browser and node
|
||||
// but it's also required in react native and similar environments sometimes
|
||||
// and we could have a special build just for that
|
||||
// but this is much easier and the native packages
|
||||
// might use a different theme context in the future anyway
|
||||
typeof HTMLElement !== 'undefined' ? /* #__PURE__ */createCache({
|
||||
key: 'css'
|
||||
}) : null);
|
||||
|
||||
var CacheProvider = EmotionCacheContext.Provider;
|
||||
var __unsafe_useEmotionCache = function useEmotionCache() {
|
||||
return useContext(EmotionCacheContext);
|
||||
};
|
||||
|
||||
var withEmotionCache = function withEmotionCache(func) {
|
||||
return /*#__PURE__*/forwardRef(function (props, ref) {
|
||||
// the cache will never be null in the browser
|
||||
var cache = useContext(EmotionCacheContext);
|
||||
return func(props, cache, ref);
|
||||
});
|
||||
};
|
||||
|
||||
var ThemeContext = /* #__PURE__ */React.createContext({});
|
||||
|
||||
var useTheme = function useTheme() {
|
||||
return React.useContext(ThemeContext);
|
||||
};
|
||||
|
||||
var getTheme = function getTheme(outerTheme, theme) {
|
||||
if (typeof theme === 'function') {
|
||||
var mergedTheme = theme(outerTheme);
|
||||
|
||||
return mergedTheme;
|
||||
}
|
||||
|
||||
return _extends({}, outerTheme, theme);
|
||||
};
|
||||
|
||||
var createCacheWithTheme = /* #__PURE__ */weakMemoize(function (outerTheme) {
|
||||
return weakMemoize(function (theme) {
|
||||
return getTheme(outerTheme, theme);
|
||||
});
|
||||
});
|
||||
var ThemeProvider = function ThemeProvider(props) {
|
||||
var theme = React.useContext(ThemeContext);
|
||||
|
||||
if (props.theme !== theme) {
|
||||
theme = createCacheWithTheme(theme)(props.theme);
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
|
||||
value: theme
|
||||
}, props.children);
|
||||
};
|
||||
function withTheme(Component) {
|
||||
var componentName = Component.displayName || Component.name || 'Component';
|
||||
var WithTheme = /*#__PURE__*/React.forwardRef(function render(props, ref) {
|
||||
var theme = React.useContext(ThemeContext);
|
||||
return /*#__PURE__*/React.createElement(Component, _extends({
|
||||
theme: theme,
|
||||
ref: ref
|
||||
}, props));
|
||||
});
|
||||
WithTheme.displayName = "WithTheme(" + componentName + ")";
|
||||
return hoistNonReactStatics(WithTheme, Component);
|
||||
}
|
||||
|
||||
var hasOwn = {}.hasOwnProperty;
|
||||
|
||||
var typePropName = '__EMOTION_TYPE_PLEASE_DO_NOT_USE__';
|
||||
var createEmotionProps = function createEmotionProps(type, props) {
|
||||
|
||||
var newProps = {};
|
||||
|
||||
for (var _key in props) {
|
||||
if (hasOwn.call(props, _key)) {
|
||||
newProps[_key] = props[_key];
|
||||
}
|
||||
}
|
||||
|
||||
newProps[typePropName] = type; // Runtime labeling is an opt-in feature because:
|
||||
|
||||
return newProps;
|
||||
};
|
||||
|
||||
var Insertion = function Insertion(_ref) {
|
||||
var cache = _ref.cache,
|
||||
serialized = _ref.serialized,
|
||||
isStringTag = _ref.isStringTag;
|
||||
registerStyles(cache, serialized, isStringTag);
|
||||
useInsertionEffectAlwaysWithSyncFallback(function () {
|
||||
return insertStyles(cache, serialized, isStringTag);
|
||||
});
|
||||
|
||||
return null;
|
||||
};
|
||||
|
||||
var Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {
|
||||
var cssProp = props.css; // so that using `css` from `emotion` and passing the result to the css prop works
|
||||
// not passing the registered cache to serializeStyles because it would
|
||||
// make certain babel optimisations not possible
|
||||
|
||||
if (typeof cssProp === 'string' && cache.registered[cssProp] !== undefined) {
|
||||
cssProp = cache.registered[cssProp];
|
||||
}
|
||||
|
||||
var WrappedComponent = props[typePropName];
|
||||
var registeredStyles = [cssProp];
|
||||
var className = '';
|
||||
|
||||
if (typeof props.className === 'string') {
|
||||
className = getRegisteredStyles(cache.registered, registeredStyles, props.className);
|
||||
} else if (props.className != null) {
|
||||
className = props.className + " ";
|
||||
}
|
||||
|
||||
var serialized = serializeStyles(registeredStyles, undefined, React.useContext(ThemeContext));
|
||||
|
||||
className += cache.key + "-" + serialized.name;
|
||||
var newProps = {};
|
||||
|
||||
for (var _key2 in props) {
|
||||
if (hasOwn.call(props, _key2) && _key2 !== 'css' && _key2 !== typePropName && (!isDevelopment )) {
|
||||
newProps[_key2] = props[_key2];
|
||||
}
|
||||
}
|
||||
|
||||
newProps.className = className;
|
||||
|
||||
if (ref) {
|
||||
newProps.ref = ref;
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Insertion, {
|
||||
cache: cache,
|
||||
serialized: serialized,
|
||||
isStringTag: typeof WrappedComponent === 'string'
|
||||
}), /*#__PURE__*/React.createElement(WrappedComponent, newProps));
|
||||
});
|
||||
|
||||
var Emotion$1 = Emotion;
|
||||
|
||||
export { CacheProvider as C, Emotion$1 as E, ThemeContext as T, __unsafe_useEmotionCache as _, ThemeProvider as a, withTheme as b, createEmotionProps as c, hasOwn as h, isDevelopment as i, useTheme as u, withEmotionCache as w };
|
||||
279
node_modules/@emotion/react/dist/emotion-react.browser.cjs.js
generated
vendored
Normal file
279
node_modules/@emotion/react/dist/emotion-react.browser.cjs.js
generated
vendored
Normal file
|
|
@ -0,0 +1,279 @@
|
|||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, '__esModule', { value: true });
|
||||
|
||||
var emotionElement = require('./emotion-element-25f9958c.browser.cjs.js');
|
||||
var React = require('react');
|
||||
var utils = require('@emotion/utils');
|
||||
var useInsertionEffectWithFallbacks = require('@emotion/use-insertion-effect-with-fallbacks');
|
||||
var serialize = require('@emotion/serialize');
|
||||
require('@emotion/cache');
|
||||
require('@babel/runtime/helpers/extends');
|
||||
require('@emotion/weak-memoize');
|
||||
require('../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.cjs.js');
|
||||
require('hoist-non-react-statics');
|
||||
|
||||
function _interopNamespace(e) {
|
||||
if (e && e.__esModule) return e;
|
||||
var n = Object.create(null);
|
||||
if (e) {
|
||||
Object.keys(e).forEach(function (k) {
|
||||
if (k !== 'default') {
|
||||
var d = Object.getOwnPropertyDescriptor(e, k);
|
||||
Object.defineProperty(n, k, d.get ? d : {
|
||||
enumerable: true,
|
||||
get: function () { return e[k]; }
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
n["default"] = e;
|
||||
return Object.freeze(n);
|
||||
}
|
||||
|
||||
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
||||
|
||||
exports.jsx = function jsx(type, props) {
|
||||
// eslint-disable-next-line prefer-rest-params
|
||||
var args = arguments;
|
||||
|
||||
if (props == null || !emotionElement.hasOwn.call(props, 'css')) {
|
||||
return React__namespace.createElement.apply(undefined, args);
|
||||
}
|
||||
|
||||
var argsLength = args.length;
|
||||
var createElementArgArray = new Array(argsLength);
|
||||
createElementArgArray[0] = emotionElement.Emotion;
|
||||
createElementArgArray[1] = emotionElement.createEmotionProps(type, props);
|
||||
|
||||
for (var i = 2; i < argsLength; i++) {
|
||||
createElementArgArray[i] = args[i];
|
||||
}
|
||||
|
||||
return React__namespace.createElement.apply(null, createElementArgArray);
|
||||
};
|
||||
|
||||
(function (_jsx) {
|
||||
var JSX;
|
||||
|
||||
(function (_JSX) {})(JSX || (JSX = _jsx.JSX || (_jsx.JSX = {})));
|
||||
})(exports.jsx || (exports.jsx = {}));
|
||||
|
||||
// initial render from browser, insertBefore context.sheet.tags[0] or if a style hasn't been inserted there yet, appendChild
|
||||
// initial client-side render from SSR, use place of hydrating tag
|
||||
|
||||
var Global = /* #__PURE__ */emotionElement.withEmotionCache(function (props, cache) {
|
||||
|
||||
var styles = props.styles;
|
||||
var serialized = serialize.serializeStyles([styles], undefined, React__namespace.useContext(emotionElement.ThemeContext));
|
||||
// but it is based on a constant that will never change at runtime
|
||||
// it's effectively like having two implementations and switching them out
|
||||
// so it's not actually breaking anything
|
||||
|
||||
|
||||
var sheetRef = React__namespace.useRef();
|
||||
useInsertionEffectWithFallbacks.useInsertionEffectWithLayoutFallback(function () {
|
||||
var key = cache.key + "-global"; // use case of https://github.com/emotion-js/emotion/issues/2675
|
||||
|
||||
var sheet = new cache.sheet.constructor({
|
||||
key: key,
|
||||
nonce: cache.sheet.nonce,
|
||||
container: cache.sheet.container,
|
||||
speedy: cache.sheet.isSpeedy
|
||||
});
|
||||
var rehydrating = false;
|
||||
var node = document.querySelector("style[data-emotion=\"" + key + " " + serialized.name + "\"]");
|
||||
|
||||
if (cache.sheet.tags.length) {
|
||||
sheet.before = cache.sheet.tags[0];
|
||||
}
|
||||
|
||||
if (node !== null) {
|
||||
rehydrating = true; // clear the hash so this node won't be recognizable as rehydratable by other <Global/>s
|
||||
|
||||
node.setAttribute('data-emotion', key);
|
||||
sheet.hydrate([node]);
|
||||
}
|
||||
|
||||
sheetRef.current = [sheet, rehydrating];
|
||||
return function () {
|
||||
sheet.flush();
|
||||
};
|
||||
}, [cache]);
|
||||
useInsertionEffectWithFallbacks.useInsertionEffectWithLayoutFallback(function () {
|
||||
var sheetRefCurrent = sheetRef.current;
|
||||
var sheet = sheetRefCurrent[0],
|
||||
rehydrating = sheetRefCurrent[1];
|
||||
|
||||
if (rehydrating) {
|
||||
sheetRefCurrent[1] = false;
|
||||
return;
|
||||
}
|
||||
|
||||
if (serialized.next !== undefined) {
|
||||
// insert keyframes
|
||||
utils.insertStyles(cache, serialized.next, true);
|
||||
}
|
||||
|
||||
if (sheet.tags.length) {
|
||||
// if this doesn't exist then it will be null so the style element will be appended
|
||||
var element = sheet.tags[sheet.tags.length - 1].nextElementSibling;
|
||||
sheet.before = element;
|
||||
sheet.flush();
|
||||
}
|
||||
|
||||
cache.insert("", serialized, sheet, false);
|
||||
}, [cache, serialized.name]);
|
||||
return null;
|
||||
});
|
||||
|
||||
function css() {
|
||||
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
||||
args[_key] = arguments[_key];
|
||||
}
|
||||
|
||||
return serialize.serializeStyles(args);
|
||||
}
|
||||
|
||||
function keyframes() {
|
||||
var insertable = css.apply(void 0, arguments);
|
||||
var name = "animation-" + insertable.name;
|
||||
return {
|
||||
name: name,
|
||||
styles: "@keyframes " + name + "{" + insertable.styles + "}",
|
||||
anim: 1,
|
||||
toString: function toString() {
|
||||
return "_EMO_" + this.name + "_" + this.styles + "_EMO_";
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
var classnames = function classnames(args) {
|
||||
var len = args.length;
|
||||
var i = 0;
|
||||
var cls = '';
|
||||
|
||||
for (; i < len; i++) {
|
||||
var arg = args[i];
|
||||
if (arg == null) continue;
|
||||
var toAdd = void 0;
|
||||
|
||||
switch (typeof arg) {
|
||||
case 'boolean':
|
||||
break;
|
||||
|
||||
case 'object':
|
||||
{
|
||||
if (Array.isArray(arg)) {
|
||||
toAdd = classnames(arg);
|
||||
} else {
|
||||
|
||||
toAdd = '';
|
||||
|
||||
for (var k in arg) {
|
||||
if (arg[k] && k) {
|
||||
toAdd && (toAdd += ' ');
|
||||
toAdd += k;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
break;
|
||||
}
|
||||
|
||||
default:
|
||||
{
|
||||
toAdd = arg;
|
||||
}
|
||||
}
|
||||
|
||||
if (toAdd) {
|
||||
cls && (cls += ' ');
|
||||
cls += toAdd;
|
||||
}
|
||||
}
|
||||
|
||||
return cls;
|
||||
};
|
||||
|
||||
function merge(registered, css, className) {
|
||||
var registeredStyles = [];
|
||||
var rawClassName = utils.getRegisteredStyles(registered, registeredStyles, className);
|
||||
|
||||
if (registeredStyles.length < 2) {
|
||||
return className;
|
||||
}
|
||||
|
||||
return rawClassName + css(registeredStyles);
|
||||
}
|
||||
|
||||
var Insertion = function Insertion(_ref) {
|
||||
var cache = _ref.cache,
|
||||
serializedArr = _ref.serializedArr;
|
||||
useInsertionEffectWithFallbacks.useInsertionEffectAlwaysWithSyncFallback(function () {
|
||||
|
||||
for (var i = 0; i < serializedArr.length; i++) {
|
||||
utils.insertStyles(cache, serializedArr[i], false);
|
||||
}
|
||||
});
|
||||
|
||||
return null;
|
||||
};
|
||||
|
||||
var ClassNames = /* #__PURE__ */emotionElement.withEmotionCache(function (props, cache) {
|
||||
var hasRendered = false;
|
||||
var serializedArr = [];
|
||||
|
||||
var css = function css() {
|
||||
if (hasRendered && emotionElement.isDevelopment) {
|
||||
throw new Error('css can only be used during render');
|
||||
}
|
||||
|
||||
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
||||
args[_key] = arguments[_key];
|
||||
}
|
||||
|
||||
var serialized = serialize.serializeStyles(args, cache.registered);
|
||||
serializedArr.push(serialized); // registration has to happen here as the result of this might get consumed by `cx`
|
||||
|
||||
utils.registerStyles(cache, serialized, false);
|
||||
return cache.key + "-" + serialized.name;
|
||||
};
|
||||
|
||||
var cx = function cx() {
|
||||
if (hasRendered && emotionElement.isDevelopment) {
|
||||
throw new Error('cx can only be used during render');
|
||||
}
|
||||
|
||||
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
||||
args[_key2] = arguments[_key2];
|
||||
}
|
||||
|
||||
return merge(cache.registered, css, classnames(args));
|
||||
};
|
||||
|
||||
var content = {
|
||||
css: css,
|
||||
cx: cx,
|
||||
theme: React__namespace.useContext(emotionElement.ThemeContext)
|
||||
};
|
||||
var ele = props.children(content);
|
||||
hasRendered = true;
|
||||
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Insertion, {
|
||||
cache: cache,
|
||||
serializedArr: serializedArr
|
||||
}), ele);
|
||||
});
|
||||
|
||||
exports.CacheProvider = emotionElement.CacheProvider;
|
||||
exports.ThemeContext = emotionElement.ThemeContext;
|
||||
exports.ThemeProvider = emotionElement.ThemeProvider;
|
||||
exports.__unsafe_useEmotionCache = emotionElement.__unsafe_useEmotionCache;
|
||||
exports.useTheme = emotionElement.useTheme;
|
||||
exports.withEmotionCache = emotionElement.withEmotionCache;
|
||||
exports.withTheme = emotionElement.withTheme;
|
||||
exports.ClassNames = ClassNames;
|
||||
exports.Global = Global;
|
||||
exports.createElement = exports.jsx;
|
||||
exports.css = css;
|
||||
exports.keyframes = keyframes;
|
||||
15
node_modules/@emotion/react/dist/emotion-react.browser.cjs.mjs
generated
vendored
Normal file
15
node_modules/@emotion/react/dist/emotion-react.browser.cjs.mjs
generated
vendored
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
export {
|
||||
CacheProvider,
|
||||
ClassNames,
|
||||
Global,
|
||||
ThemeContext,
|
||||
ThemeProvider,
|
||||
__unsafe_useEmotionCache,
|
||||
createElement,
|
||||
css,
|
||||
jsx,
|
||||
keyframes,
|
||||
useTheme,
|
||||
withEmotionCache,
|
||||
withTheme
|
||||
} from "./emotion-react.browser.cjs.js";
|
||||
639
node_modules/@emotion/react/dist/emotion-react.browser.development.cjs.js
generated
vendored
Normal file
639
node_modules/@emotion/react/dist/emotion-react.browser.development.cjs.js
generated
vendored
Normal file
|
|
@ -0,0 +1,639 @@
|
|||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, '__esModule', { value: true });
|
||||
|
||||
var emotionElement = require('./emotion-element-4787f564.browser.development.cjs.js');
|
||||
var React = require('react');
|
||||
var utils = require('@emotion/utils');
|
||||
var useInsertionEffectWithFallbacks = require('@emotion/use-insertion-effect-with-fallbacks');
|
||||
var serialize = require('@emotion/serialize');
|
||||
require('@emotion/cache');
|
||||
require('@babel/runtime/helpers/extends');
|
||||
require('@emotion/weak-memoize');
|
||||
require('../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.development.cjs.js');
|
||||
require('hoist-non-react-statics');
|
||||
|
||||
function _interopNamespace(e) {
|
||||
if (e && e.__esModule) return e;
|
||||
var n = Object.create(null);
|
||||
if (e) {
|
||||
Object.keys(e).forEach(function (k) {
|
||||
if (k !== 'default') {
|
||||
var d = Object.getOwnPropertyDescriptor(e, k);
|
||||
Object.defineProperty(n, k, d.get ? d : {
|
||||
enumerable: true,
|
||||
get: function () { return e[k]; }
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
n["default"] = e;
|
||||
return Object.freeze(n);
|
||||
}
|
||||
|
||||
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
||||
|
||||
var isDevelopment = true;
|
||||
|
||||
var pkg = {
|
||||
name: "@emotion/react",
|
||||
version: "11.14.0",
|
||||
main: "dist/emotion-react.cjs.js",
|
||||
module: "dist/emotion-react.esm.js",
|
||||
types: "dist/emotion-react.cjs.d.ts",
|
||||
exports: {
|
||||
".": {
|
||||
types: {
|
||||
"import": "./dist/emotion-react.cjs.mjs",
|
||||
"default": "./dist/emotion-react.cjs.js"
|
||||
},
|
||||
development: {
|
||||
"edge-light": {
|
||||
module: "./dist/emotion-react.development.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.development.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.development.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./dist/emotion-react.development.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.development.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.development.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./dist/emotion-react.development.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.development.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.development.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./dist/emotion-react.browser.development.esm.js",
|
||||
"import": "./dist/emotion-react.browser.development.cjs.mjs",
|
||||
"default": "./dist/emotion-react.browser.development.cjs.js"
|
||||
},
|
||||
module: "./dist/emotion-react.development.esm.js",
|
||||
"import": "./dist/emotion-react.development.cjs.mjs",
|
||||
"default": "./dist/emotion-react.development.cjs.js"
|
||||
},
|
||||
"edge-light": {
|
||||
module: "./dist/emotion-react.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./dist/emotion-react.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./dist/emotion-react.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./dist/emotion-react.browser.esm.js",
|
||||
"import": "./dist/emotion-react.browser.cjs.mjs",
|
||||
"default": "./dist/emotion-react.browser.cjs.js"
|
||||
},
|
||||
module: "./dist/emotion-react.esm.js",
|
||||
"import": "./dist/emotion-react.cjs.mjs",
|
||||
"default": "./dist/emotion-react.cjs.js"
|
||||
},
|
||||
"./jsx-runtime": {
|
||||
types: {
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.js"
|
||||
},
|
||||
development: {
|
||||
"edge-light": {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.development.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.development.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.development.cjs.js"
|
||||
},
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.development.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.cjs.js"
|
||||
},
|
||||
"edge-light": {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.cjs.js"
|
||||
},
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.js"
|
||||
},
|
||||
"./_isolated-hnrs": {
|
||||
types: {
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.js"
|
||||
},
|
||||
development: {
|
||||
"edge-light": {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.development.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.development.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.development.cjs.js"
|
||||
},
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.cjs.js"
|
||||
},
|
||||
"edge-light": {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.cjs.js"
|
||||
},
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.js"
|
||||
},
|
||||
"./jsx-dev-runtime": {
|
||||
types: {
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.js"
|
||||
},
|
||||
development: {
|
||||
"edge-light": {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.development.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.development.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.development.cjs.js"
|
||||
},
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.cjs.js"
|
||||
},
|
||||
"edge-light": {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.cjs.js"
|
||||
},
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.js"
|
||||
},
|
||||
"./package.json": "./package.json",
|
||||
"./types/css-prop": "./types/css-prop.d.ts",
|
||||
"./macro": {
|
||||
types: {
|
||||
"import": "./macro.d.mts",
|
||||
"default": "./macro.d.ts"
|
||||
},
|
||||
"default": "./macro.js"
|
||||
}
|
||||
},
|
||||
imports: {
|
||||
"#is-development": {
|
||||
development: "./src/conditions/true.ts",
|
||||
"default": "./src/conditions/false.ts"
|
||||
},
|
||||
"#is-browser": {
|
||||
"edge-light": "./src/conditions/false.ts",
|
||||
workerd: "./src/conditions/false.ts",
|
||||
worker: "./src/conditions/false.ts",
|
||||
browser: "./src/conditions/true.ts",
|
||||
"default": "./src/conditions/is-browser.ts"
|
||||
}
|
||||
},
|
||||
files: [
|
||||
"src",
|
||||
"dist",
|
||||
"jsx-runtime",
|
||||
"jsx-dev-runtime",
|
||||
"_isolated-hnrs",
|
||||
"types/css-prop.d.ts",
|
||||
"macro.*"
|
||||
],
|
||||
sideEffects: false,
|
||||
author: "Emotion Contributors",
|
||||
license: "MIT",
|
||||
scripts: {
|
||||
"test:typescript": "dtslint types"
|
||||
},
|
||||
dependencies: {
|
||||
"@babel/runtime": "^7.18.3",
|
||||
"@emotion/babel-plugin": "^11.13.5",
|
||||
"@emotion/cache": "^11.14.0",
|
||||
"@emotion/serialize": "^1.3.3",
|
||||
"@emotion/use-insertion-effect-with-fallbacks": "^1.2.0",
|
||||
"@emotion/utils": "^1.4.2",
|
||||
"@emotion/weak-memoize": "^0.4.0",
|
||||
"hoist-non-react-statics": "^3.3.1"
|
||||
},
|
||||
peerDependencies: {
|
||||
react: ">=16.8.0"
|
||||
},
|
||||
peerDependenciesMeta: {
|
||||
"@types/react": {
|
||||
optional: true
|
||||
}
|
||||
},
|
||||
devDependencies: {
|
||||
"@definitelytyped/dtslint": "0.0.112",
|
||||
"@emotion/css": "11.13.5",
|
||||
"@emotion/css-prettifier": "1.2.0",
|
||||
"@emotion/server": "11.11.0",
|
||||
"@emotion/styled": "11.14.0",
|
||||
"@types/hoist-non-react-statics": "^3.3.5",
|
||||
"html-tag-names": "^1.1.2",
|
||||
react: "16.14.0",
|
||||
"svg-tag-names": "^1.1.1",
|
||||
typescript: "^5.4.5"
|
||||
},
|
||||
repository: "https://github.com/emotion-js/emotion/tree/main/packages/react",
|
||||
publishConfig: {
|
||||
access: "public"
|
||||
},
|
||||
"umd:main": "dist/emotion-react.umd.min.js",
|
||||
preconstruct: {
|
||||
entrypoints: [
|
||||
"./index.ts",
|
||||
"./jsx-runtime.ts",
|
||||
"./jsx-dev-runtime.ts",
|
||||
"./_isolated-hnrs.ts"
|
||||
],
|
||||
umdName: "emotionReact",
|
||||
exports: {
|
||||
extra: {
|
||||
"./types/css-prop": "./types/css-prop.d.ts",
|
||||
"./macro": {
|
||||
types: {
|
||||
"import": "./macro.d.mts",
|
||||
"default": "./macro.d.ts"
|
||||
},
|
||||
"default": "./macro.js"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
exports.jsx = function jsx(type, props) {
|
||||
// eslint-disable-next-line prefer-rest-params
|
||||
var args = arguments;
|
||||
|
||||
if (props == null || !emotionElement.hasOwn.call(props, 'css')) {
|
||||
return React__namespace.createElement.apply(undefined, args);
|
||||
}
|
||||
|
||||
var argsLength = args.length;
|
||||
var createElementArgArray = new Array(argsLength);
|
||||
createElementArgArray[0] = emotionElement.Emotion;
|
||||
createElementArgArray[1] = emotionElement.createEmotionProps(type, props);
|
||||
|
||||
for (var i = 2; i < argsLength; i++) {
|
||||
createElementArgArray[i] = args[i];
|
||||
}
|
||||
|
||||
return React__namespace.createElement.apply(null, createElementArgArray);
|
||||
};
|
||||
|
||||
(function (_jsx) {
|
||||
var JSX;
|
||||
|
||||
(function (_JSX) {})(JSX || (JSX = _jsx.JSX || (_jsx.JSX = {})));
|
||||
})(exports.jsx || (exports.jsx = {}));
|
||||
|
||||
var warnedAboutCssPropForGlobal = false; // maintain place over rerenders.
|
||||
// initial render from browser, insertBefore context.sheet.tags[0] or if a style hasn't been inserted there yet, appendChild
|
||||
// initial client-side render from SSR, use place of hydrating tag
|
||||
|
||||
var Global = /* #__PURE__ */emotionElement.withEmotionCache(function (props, cache) {
|
||||
if (!warnedAboutCssPropForGlobal && ( // check for className as well since the user is
|
||||
// probably using the custom createElement which
|
||||
// means it will be turned into a className prop
|
||||
// I don't really want to add it to the type since it shouldn't be used
|
||||
'className' in props && props.className || 'css' in props && props.css)) {
|
||||
console.error("It looks like you're using the css prop on Global, did you mean to use the styles prop instead?");
|
||||
warnedAboutCssPropForGlobal = true;
|
||||
}
|
||||
|
||||
var styles = props.styles;
|
||||
var serialized = serialize.serializeStyles([styles], undefined, React__namespace.useContext(emotionElement.ThemeContext));
|
||||
// but it is based on a constant that will never change at runtime
|
||||
// it's effectively like having two implementations and switching them out
|
||||
// so it's not actually breaking anything
|
||||
|
||||
|
||||
var sheetRef = React__namespace.useRef();
|
||||
useInsertionEffectWithFallbacks.useInsertionEffectWithLayoutFallback(function () {
|
||||
var key = cache.key + "-global"; // use case of https://github.com/emotion-js/emotion/issues/2675
|
||||
|
||||
var sheet = new cache.sheet.constructor({
|
||||
key: key,
|
||||
nonce: cache.sheet.nonce,
|
||||
container: cache.sheet.container,
|
||||
speedy: cache.sheet.isSpeedy
|
||||
});
|
||||
var rehydrating = false;
|
||||
var node = document.querySelector("style[data-emotion=\"" + key + " " + serialized.name + "\"]");
|
||||
|
||||
if (cache.sheet.tags.length) {
|
||||
sheet.before = cache.sheet.tags[0];
|
||||
}
|
||||
|
||||
if (node !== null) {
|
||||
rehydrating = true; // clear the hash so this node won't be recognizable as rehydratable by other <Global/>s
|
||||
|
||||
node.setAttribute('data-emotion', key);
|
||||
sheet.hydrate([node]);
|
||||
}
|
||||
|
||||
sheetRef.current = [sheet, rehydrating];
|
||||
return function () {
|
||||
sheet.flush();
|
||||
};
|
||||
}, [cache]);
|
||||
useInsertionEffectWithFallbacks.useInsertionEffectWithLayoutFallback(function () {
|
||||
var sheetRefCurrent = sheetRef.current;
|
||||
var sheet = sheetRefCurrent[0],
|
||||
rehydrating = sheetRefCurrent[1];
|
||||
|
||||
if (rehydrating) {
|
||||
sheetRefCurrent[1] = false;
|
||||
return;
|
||||
}
|
||||
|
||||
if (serialized.next !== undefined) {
|
||||
// insert keyframes
|
||||
utils.insertStyles(cache, serialized.next, true);
|
||||
}
|
||||
|
||||
if (sheet.tags.length) {
|
||||
// if this doesn't exist then it will be null so the style element will be appended
|
||||
var element = sheet.tags[sheet.tags.length - 1].nextElementSibling;
|
||||
sheet.before = element;
|
||||
sheet.flush();
|
||||
}
|
||||
|
||||
cache.insert("", serialized, sheet, false);
|
||||
}, [cache, serialized.name]);
|
||||
return null;
|
||||
});
|
||||
|
||||
{
|
||||
Global.displayName = 'EmotionGlobal';
|
||||
}
|
||||
|
||||
function css() {
|
||||
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
||||
args[_key] = arguments[_key];
|
||||
}
|
||||
|
||||
return serialize.serializeStyles(args);
|
||||
}
|
||||
|
||||
function keyframes() {
|
||||
var insertable = css.apply(void 0, arguments);
|
||||
var name = "animation-" + insertable.name;
|
||||
return {
|
||||
name: name,
|
||||
styles: "@keyframes " + name + "{" + insertable.styles + "}",
|
||||
anim: 1,
|
||||
toString: function toString() {
|
||||
return "_EMO_" + this.name + "_" + this.styles + "_EMO_";
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
var classnames = function classnames(args) {
|
||||
var len = args.length;
|
||||
var i = 0;
|
||||
var cls = '';
|
||||
|
||||
for (; i < len; i++) {
|
||||
var arg = args[i];
|
||||
if (arg == null) continue;
|
||||
var toAdd = void 0;
|
||||
|
||||
switch (typeof arg) {
|
||||
case 'boolean':
|
||||
break;
|
||||
|
||||
case 'object':
|
||||
{
|
||||
if (Array.isArray(arg)) {
|
||||
toAdd = classnames(arg);
|
||||
} else {
|
||||
if (arg.styles !== undefined && arg.name !== undefined) {
|
||||
console.error('You have passed styles created with `css` from `@emotion/react` package to the `cx`.\n' + '`cx` is meant to compose class names (strings) so you should convert those styles to a class name by passing them to the `css` received from <ClassNames/> component.');
|
||||
}
|
||||
|
||||
toAdd = '';
|
||||
|
||||
for (var k in arg) {
|
||||
if (arg[k] && k) {
|
||||
toAdd && (toAdd += ' ');
|
||||
toAdd += k;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
break;
|
||||
}
|
||||
|
||||
default:
|
||||
{
|
||||
toAdd = arg;
|
||||
}
|
||||
}
|
||||
|
||||
if (toAdd) {
|
||||
cls && (cls += ' ');
|
||||
cls += toAdd;
|
||||
}
|
||||
}
|
||||
|
||||
return cls;
|
||||
};
|
||||
|
||||
function merge(registered, css, className) {
|
||||
var registeredStyles = [];
|
||||
var rawClassName = utils.getRegisteredStyles(registered, registeredStyles, className);
|
||||
|
||||
if (registeredStyles.length < 2) {
|
||||
return className;
|
||||
}
|
||||
|
||||
return rawClassName + css(registeredStyles);
|
||||
}
|
||||
|
||||
var Insertion = function Insertion(_ref) {
|
||||
var cache = _ref.cache,
|
||||
serializedArr = _ref.serializedArr;
|
||||
useInsertionEffectWithFallbacks.useInsertionEffectAlwaysWithSyncFallback(function () {
|
||||
|
||||
for (var i = 0; i < serializedArr.length; i++) {
|
||||
utils.insertStyles(cache, serializedArr[i], false);
|
||||
}
|
||||
});
|
||||
|
||||
return null;
|
||||
};
|
||||
|
||||
var ClassNames = /* #__PURE__ */emotionElement.withEmotionCache(function (props, cache) {
|
||||
var hasRendered = false;
|
||||
var serializedArr = [];
|
||||
|
||||
var css = function css() {
|
||||
if (hasRendered && isDevelopment) {
|
||||
throw new Error('css can only be used during render');
|
||||
}
|
||||
|
||||
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
||||
args[_key] = arguments[_key];
|
||||
}
|
||||
|
||||
var serialized = serialize.serializeStyles(args, cache.registered);
|
||||
serializedArr.push(serialized); // registration has to happen here as the result of this might get consumed by `cx`
|
||||
|
||||
utils.registerStyles(cache, serialized, false);
|
||||
return cache.key + "-" + serialized.name;
|
||||
};
|
||||
|
||||
var cx = function cx() {
|
||||
if (hasRendered && isDevelopment) {
|
||||
throw new Error('cx can only be used during render');
|
||||
}
|
||||
|
||||
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
||||
args[_key2] = arguments[_key2];
|
||||
}
|
||||
|
||||
return merge(cache.registered, css, classnames(args));
|
||||
};
|
||||
|
||||
var content = {
|
||||
css: css,
|
||||
cx: cx,
|
||||
theme: React__namespace.useContext(emotionElement.ThemeContext)
|
||||
};
|
||||
var ele = props.children(content);
|
||||
hasRendered = true;
|
||||
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Insertion, {
|
||||
cache: cache,
|
||||
serializedArr: serializedArr
|
||||
}), ele);
|
||||
});
|
||||
|
||||
{
|
||||
ClassNames.displayName = 'EmotionClassNames';
|
||||
}
|
||||
|
||||
{
|
||||
var isBrowser = typeof document !== 'undefined'; // #1727, #2905 for some reason Jest and Vitest evaluate modules twice if some consuming module gets mocked
|
||||
|
||||
var isTestEnv = typeof jest !== 'undefined' || typeof vi !== 'undefined';
|
||||
|
||||
if (isBrowser && !isTestEnv) {
|
||||
// globalThis has wide browser support - https://caniuse.com/?search=globalThis, Node.js 12 and later
|
||||
var globalContext = typeof globalThis !== 'undefined' ? globalThis // eslint-disable-line no-undef
|
||||
: isBrowser ? window : global;
|
||||
var globalKey = "__EMOTION_REACT_" + pkg.version.split('.')[0] + "__";
|
||||
|
||||
if (globalContext[globalKey]) {
|
||||
console.warn('You are loading @emotion/react when it is already loaded. Running ' + 'multiple instances may cause problems. This can happen if multiple ' + 'versions are used, or if multiple builds of the same version are ' + 'used.');
|
||||
}
|
||||
|
||||
globalContext[globalKey] = true;
|
||||
}
|
||||
}
|
||||
|
||||
exports.CacheProvider = emotionElement.CacheProvider;
|
||||
exports.ThemeContext = emotionElement.ThemeContext;
|
||||
exports.ThemeProvider = emotionElement.ThemeProvider;
|
||||
exports.__unsafe_useEmotionCache = emotionElement.__unsafe_useEmotionCache;
|
||||
exports.useTheme = emotionElement.useTheme;
|
||||
exports.withEmotionCache = emotionElement.withEmotionCache;
|
||||
exports.withTheme = emotionElement.withTheme;
|
||||
exports.ClassNames = ClassNames;
|
||||
exports.Global = Global;
|
||||
exports.createElement = exports.jsx;
|
||||
exports.css = css;
|
||||
exports.keyframes = keyframes;
|
||||
15
node_modules/@emotion/react/dist/emotion-react.browser.development.cjs.mjs
generated
vendored
Normal file
15
node_modules/@emotion/react/dist/emotion-react.browser.development.cjs.mjs
generated
vendored
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
export {
|
||||
CacheProvider,
|
||||
ClassNames,
|
||||
Global,
|
||||
ThemeContext,
|
||||
ThemeProvider,
|
||||
__unsafe_useEmotionCache,
|
||||
createElement,
|
||||
css,
|
||||
jsx,
|
||||
keyframes,
|
||||
useTheme,
|
||||
withEmotionCache,
|
||||
withTheme
|
||||
} from "./emotion-react.browser.development.cjs.js";
|
||||
605
node_modules/@emotion/react/dist/emotion-react.browser.development.esm.js
generated
vendored
Normal file
605
node_modules/@emotion/react/dist/emotion-react.browser.development.esm.js
generated
vendored
Normal file
|
|
@ -0,0 +1,605 @@
|
|||
import { h as hasOwn, E as Emotion, c as createEmotionProps, w as withEmotionCache, T as ThemeContext } from './emotion-element-489459f2.browser.development.esm.js';
|
||||
export { C as CacheProvider, T as ThemeContext, a as ThemeProvider, _ as __unsafe_useEmotionCache, u as useTheme, w as withEmotionCache, b as withTheme } from './emotion-element-489459f2.browser.development.esm.js';
|
||||
import * as React from 'react';
|
||||
import { insertStyles, registerStyles, getRegisteredStyles } from '@emotion/utils';
|
||||
import { useInsertionEffectWithLayoutFallback, useInsertionEffectAlwaysWithSyncFallback } from '@emotion/use-insertion-effect-with-fallbacks';
|
||||
import { serializeStyles } from '@emotion/serialize';
|
||||
import '@emotion/cache';
|
||||
import '@babel/runtime/helpers/extends';
|
||||
import '@emotion/weak-memoize';
|
||||
import '../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.development.esm.js';
|
||||
import 'hoist-non-react-statics';
|
||||
|
||||
var isDevelopment = true;
|
||||
|
||||
var pkg = {
|
||||
name: "@emotion/react",
|
||||
version: "11.14.0",
|
||||
main: "dist/emotion-react.cjs.js",
|
||||
module: "dist/emotion-react.esm.js",
|
||||
types: "dist/emotion-react.cjs.d.ts",
|
||||
exports: {
|
||||
".": {
|
||||
types: {
|
||||
"import": "./dist/emotion-react.cjs.mjs",
|
||||
"default": "./dist/emotion-react.cjs.js"
|
||||
},
|
||||
development: {
|
||||
"edge-light": {
|
||||
module: "./dist/emotion-react.development.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.development.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.development.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./dist/emotion-react.development.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.development.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.development.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./dist/emotion-react.development.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.development.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.development.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./dist/emotion-react.browser.development.esm.js",
|
||||
"import": "./dist/emotion-react.browser.development.cjs.mjs",
|
||||
"default": "./dist/emotion-react.browser.development.cjs.js"
|
||||
},
|
||||
module: "./dist/emotion-react.development.esm.js",
|
||||
"import": "./dist/emotion-react.development.cjs.mjs",
|
||||
"default": "./dist/emotion-react.development.cjs.js"
|
||||
},
|
||||
"edge-light": {
|
||||
module: "./dist/emotion-react.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./dist/emotion-react.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./dist/emotion-react.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./dist/emotion-react.browser.esm.js",
|
||||
"import": "./dist/emotion-react.browser.cjs.mjs",
|
||||
"default": "./dist/emotion-react.browser.cjs.js"
|
||||
},
|
||||
module: "./dist/emotion-react.esm.js",
|
||||
"import": "./dist/emotion-react.cjs.mjs",
|
||||
"default": "./dist/emotion-react.cjs.js"
|
||||
},
|
||||
"./jsx-runtime": {
|
||||
types: {
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.js"
|
||||
},
|
||||
development: {
|
||||
"edge-light": {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.development.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.development.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.development.cjs.js"
|
||||
},
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.development.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.cjs.js"
|
||||
},
|
||||
"edge-light": {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.cjs.js"
|
||||
},
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.js"
|
||||
},
|
||||
"./_isolated-hnrs": {
|
||||
types: {
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.js"
|
||||
},
|
||||
development: {
|
||||
"edge-light": {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.development.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.development.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.development.cjs.js"
|
||||
},
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.cjs.js"
|
||||
},
|
||||
"edge-light": {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.cjs.js"
|
||||
},
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.js"
|
||||
},
|
||||
"./jsx-dev-runtime": {
|
||||
types: {
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.js"
|
||||
},
|
||||
development: {
|
||||
"edge-light": {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.development.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.development.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.development.cjs.js"
|
||||
},
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.cjs.js"
|
||||
},
|
||||
"edge-light": {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.cjs.js"
|
||||
},
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.js"
|
||||
},
|
||||
"./package.json": "./package.json",
|
||||
"./types/css-prop": "./types/css-prop.d.ts",
|
||||
"./macro": {
|
||||
types: {
|
||||
"import": "./macro.d.mts",
|
||||
"default": "./macro.d.ts"
|
||||
},
|
||||
"default": "./macro.js"
|
||||
}
|
||||
},
|
||||
imports: {
|
||||
"#is-development": {
|
||||
development: "./src/conditions/true.ts",
|
||||
"default": "./src/conditions/false.ts"
|
||||
},
|
||||
"#is-browser": {
|
||||
"edge-light": "./src/conditions/false.ts",
|
||||
workerd: "./src/conditions/false.ts",
|
||||
worker: "./src/conditions/false.ts",
|
||||
browser: "./src/conditions/true.ts",
|
||||
"default": "./src/conditions/is-browser.ts"
|
||||
}
|
||||
},
|
||||
files: [
|
||||
"src",
|
||||
"dist",
|
||||
"jsx-runtime",
|
||||
"jsx-dev-runtime",
|
||||
"_isolated-hnrs",
|
||||
"types/css-prop.d.ts",
|
||||
"macro.*"
|
||||
],
|
||||
sideEffects: false,
|
||||
author: "Emotion Contributors",
|
||||
license: "MIT",
|
||||
scripts: {
|
||||
"test:typescript": "dtslint types"
|
||||
},
|
||||
dependencies: {
|
||||
"@babel/runtime": "^7.18.3",
|
||||
"@emotion/babel-plugin": "^11.13.5",
|
||||
"@emotion/cache": "^11.14.0",
|
||||
"@emotion/serialize": "^1.3.3",
|
||||
"@emotion/use-insertion-effect-with-fallbacks": "^1.2.0",
|
||||
"@emotion/utils": "^1.4.2",
|
||||
"@emotion/weak-memoize": "^0.4.0",
|
||||
"hoist-non-react-statics": "^3.3.1"
|
||||
},
|
||||
peerDependencies: {
|
||||
react: ">=16.8.0"
|
||||
},
|
||||
peerDependenciesMeta: {
|
||||
"@types/react": {
|
||||
optional: true
|
||||
}
|
||||
},
|
||||
devDependencies: {
|
||||
"@definitelytyped/dtslint": "0.0.112",
|
||||
"@emotion/css": "11.13.5",
|
||||
"@emotion/css-prettifier": "1.2.0",
|
||||
"@emotion/server": "11.11.0",
|
||||
"@emotion/styled": "11.14.0",
|
||||
"@types/hoist-non-react-statics": "^3.3.5",
|
||||
"html-tag-names": "^1.1.2",
|
||||
react: "16.14.0",
|
||||
"svg-tag-names": "^1.1.1",
|
||||
typescript: "^5.4.5"
|
||||
},
|
||||
repository: "https://github.com/emotion-js/emotion/tree/main/packages/react",
|
||||
publishConfig: {
|
||||
access: "public"
|
||||
},
|
||||
"umd:main": "dist/emotion-react.umd.min.js",
|
||||
preconstruct: {
|
||||
entrypoints: [
|
||||
"./index.ts",
|
||||
"./jsx-runtime.ts",
|
||||
"./jsx-dev-runtime.ts",
|
||||
"./_isolated-hnrs.ts"
|
||||
],
|
||||
umdName: "emotionReact",
|
||||
exports: {
|
||||
extra: {
|
||||
"./types/css-prop": "./types/css-prop.d.ts",
|
||||
"./macro": {
|
||||
types: {
|
||||
"import": "./macro.d.mts",
|
||||
"default": "./macro.d.ts"
|
||||
},
|
||||
"default": "./macro.js"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
var jsx = function jsx(type, props) {
|
||||
// eslint-disable-next-line prefer-rest-params
|
||||
var args = arguments;
|
||||
|
||||
if (props == null || !hasOwn.call(props, 'css')) {
|
||||
return React.createElement.apply(undefined, args);
|
||||
}
|
||||
|
||||
var argsLength = args.length;
|
||||
var createElementArgArray = new Array(argsLength);
|
||||
createElementArgArray[0] = Emotion;
|
||||
createElementArgArray[1] = createEmotionProps(type, props);
|
||||
|
||||
for (var i = 2; i < argsLength; i++) {
|
||||
createElementArgArray[i] = args[i];
|
||||
}
|
||||
|
||||
return React.createElement.apply(null, createElementArgArray);
|
||||
};
|
||||
|
||||
(function (_jsx) {
|
||||
var JSX;
|
||||
|
||||
(function (_JSX) {})(JSX || (JSX = _jsx.JSX || (_jsx.JSX = {})));
|
||||
})(jsx || (jsx = {}));
|
||||
|
||||
var warnedAboutCssPropForGlobal = false; // maintain place over rerenders.
|
||||
// initial render from browser, insertBefore context.sheet.tags[0] or if a style hasn't been inserted there yet, appendChild
|
||||
// initial client-side render from SSR, use place of hydrating tag
|
||||
|
||||
var Global = /* #__PURE__ */withEmotionCache(function (props, cache) {
|
||||
if (!warnedAboutCssPropForGlobal && ( // check for className as well since the user is
|
||||
// probably using the custom createElement which
|
||||
// means it will be turned into a className prop
|
||||
// I don't really want to add it to the type since it shouldn't be used
|
||||
'className' in props && props.className || 'css' in props && props.css)) {
|
||||
console.error("It looks like you're using the css prop on Global, did you mean to use the styles prop instead?");
|
||||
warnedAboutCssPropForGlobal = true;
|
||||
}
|
||||
|
||||
var styles = props.styles;
|
||||
var serialized = serializeStyles([styles], undefined, React.useContext(ThemeContext));
|
||||
// but it is based on a constant that will never change at runtime
|
||||
// it's effectively like having two implementations and switching them out
|
||||
// so it's not actually breaking anything
|
||||
|
||||
|
||||
var sheetRef = React.useRef();
|
||||
useInsertionEffectWithLayoutFallback(function () {
|
||||
var key = cache.key + "-global"; // use case of https://github.com/emotion-js/emotion/issues/2675
|
||||
|
||||
var sheet = new cache.sheet.constructor({
|
||||
key: key,
|
||||
nonce: cache.sheet.nonce,
|
||||
container: cache.sheet.container,
|
||||
speedy: cache.sheet.isSpeedy
|
||||
});
|
||||
var rehydrating = false;
|
||||
var node = document.querySelector("style[data-emotion=\"" + key + " " + serialized.name + "\"]");
|
||||
|
||||
if (cache.sheet.tags.length) {
|
||||
sheet.before = cache.sheet.tags[0];
|
||||
}
|
||||
|
||||
if (node !== null) {
|
||||
rehydrating = true; // clear the hash so this node won't be recognizable as rehydratable by other <Global/>s
|
||||
|
||||
node.setAttribute('data-emotion', key);
|
||||
sheet.hydrate([node]);
|
||||
}
|
||||
|
||||
sheetRef.current = [sheet, rehydrating];
|
||||
return function () {
|
||||
sheet.flush();
|
||||
};
|
||||
}, [cache]);
|
||||
useInsertionEffectWithLayoutFallback(function () {
|
||||
var sheetRefCurrent = sheetRef.current;
|
||||
var sheet = sheetRefCurrent[0],
|
||||
rehydrating = sheetRefCurrent[1];
|
||||
|
||||
if (rehydrating) {
|
||||
sheetRefCurrent[1] = false;
|
||||
return;
|
||||
}
|
||||
|
||||
if (serialized.next !== undefined) {
|
||||
// insert keyframes
|
||||
insertStyles(cache, serialized.next, true);
|
||||
}
|
||||
|
||||
if (sheet.tags.length) {
|
||||
// if this doesn't exist then it will be null so the style element will be appended
|
||||
var element = sheet.tags[sheet.tags.length - 1].nextElementSibling;
|
||||
sheet.before = element;
|
||||
sheet.flush();
|
||||
}
|
||||
|
||||
cache.insert("", serialized, sheet, false);
|
||||
}, [cache, serialized.name]);
|
||||
return null;
|
||||
});
|
||||
|
||||
{
|
||||
Global.displayName = 'EmotionGlobal';
|
||||
}
|
||||
|
||||
function css() {
|
||||
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
||||
args[_key] = arguments[_key];
|
||||
}
|
||||
|
||||
return serializeStyles(args);
|
||||
}
|
||||
|
||||
function keyframes() {
|
||||
var insertable = css.apply(void 0, arguments);
|
||||
var name = "animation-" + insertable.name;
|
||||
return {
|
||||
name: name,
|
||||
styles: "@keyframes " + name + "{" + insertable.styles + "}",
|
||||
anim: 1,
|
||||
toString: function toString() {
|
||||
return "_EMO_" + this.name + "_" + this.styles + "_EMO_";
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
var classnames = function classnames(args) {
|
||||
var len = args.length;
|
||||
var i = 0;
|
||||
var cls = '';
|
||||
|
||||
for (; i < len; i++) {
|
||||
var arg = args[i];
|
||||
if (arg == null) continue;
|
||||
var toAdd = void 0;
|
||||
|
||||
switch (typeof arg) {
|
||||
case 'boolean':
|
||||
break;
|
||||
|
||||
case 'object':
|
||||
{
|
||||
if (Array.isArray(arg)) {
|
||||
toAdd = classnames(arg);
|
||||
} else {
|
||||
if (arg.styles !== undefined && arg.name !== undefined) {
|
||||
console.error('You have passed styles created with `css` from `@emotion/react` package to the `cx`.\n' + '`cx` is meant to compose class names (strings) so you should convert those styles to a class name by passing them to the `css` received from <ClassNames/> component.');
|
||||
}
|
||||
|
||||
toAdd = '';
|
||||
|
||||
for (var k in arg) {
|
||||
if (arg[k] && k) {
|
||||
toAdd && (toAdd += ' ');
|
||||
toAdd += k;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
break;
|
||||
}
|
||||
|
||||
default:
|
||||
{
|
||||
toAdd = arg;
|
||||
}
|
||||
}
|
||||
|
||||
if (toAdd) {
|
||||
cls && (cls += ' ');
|
||||
cls += toAdd;
|
||||
}
|
||||
}
|
||||
|
||||
return cls;
|
||||
};
|
||||
|
||||
function merge(registered, css, className) {
|
||||
var registeredStyles = [];
|
||||
var rawClassName = getRegisteredStyles(registered, registeredStyles, className);
|
||||
|
||||
if (registeredStyles.length < 2) {
|
||||
return className;
|
||||
}
|
||||
|
||||
return rawClassName + css(registeredStyles);
|
||||
}
|
||||
|
||||
var Insertion = function Insertion(_ref) {
|
||||
var cache = _ref.cache,
|
||||
serializedArr = _ref.serializedArr;
|
||||
useInsertionEffectAlwaysWithSyncFallback(function () {
|
||||
|
||||
for (var i = 0; i < serializedArr.length; i++) {
|
||||
insertStyles(cache, serializedArr[i], false);
|
||||
}
|
||||
});
|
||||
|
||||
return null;
|
||||
};
|
||||
|
||||
var ClassNames = /* #__PURE__ */withEmotionCache(function (props, cache) {
|
||||
var hasRendered = false;
|
||||
var serializedArr = [];
|
||||
|
||||
var css = function css() {
|
||||
if (hasRendered && isDevelopment) {
|
||||
throw new Error('css can only be used during render');
|
||||
}
|
||||
|
||||
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
||||
args[_key] = arguments[_key];
|
||||
}
|
||||
|
||||
var serialized = serializeStyles(args, cache.registered);
|
||||
serializedArr.push(serialized); // registration has to happen here as the result of this might get consumed by `cx`
|
||||
|
||||
registerStyles(cache, serialized, false);
|
||||
return cache.key + "-" + serialized.name;
|
||||
};
|
||||
|
||||
var cx = function cx() {
|
||||
if (hasRendered && isDevelopment) {
|
||||
throw new Error('cx can only be used during render');
|
||||
}
|
||||
|
||||
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
||||
args[_key2] = arguments[_key2];
|
||||
}
|
||||
|
||||
return merge(cache.registered, css, classnames(args));
|
||||
};
|
||||
|
||||
var content = {
|
||||
css: css,
|
||||
cx: cx,
|
||||
theme: React.useContext(ThemeContext)
|
||||
};
|
||||
var ele = props.children(content);
|
||||
hasRendered = true;
|
||||
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Insertion, {
|
||||
cache: cache,
|
||||
serializedArr: serializedArr
|
||||
}), ele);
|
||||
});
|
||||
|
||||
{
|
||||
ClassNames.displayName = 'EmotionClassNames';
|
||||
}
|
||||
|
||||
{
|
||||
var isBrowser = typeof document !== 'undefined'; // #1727, #2905 for some reason Jest and Vitest evaluate modules twice if some consuming module gets mocked
|
||||
|
||||
var isTestEnv = typeof jest !== 'undefined' || typeof vi !== 'undefined';
|
||||
|
||||
if (isBrowser && !isTestEnv) {
|
||||
// globalThis has wide browser support - https://caniuse.com/?search=globalThis, Node.js 12 and later
|
||||
var globalContext = typeof globalThis !== 'undefined' ? globalThis // eslint-disable-line no-undef
|
||||
: isBrowser ? window : global;
|
||||
var globalKey = "__EMOTION_REACT_" + pkg.version.split('.')[0] + "__";
|
||||
|
||||
if (globalContext[globalKey]) {
|
||||
console.warn('You are loading @emotion/react when it is already loaded. Running ' + 'multiple instances may cause problems. This can happen if multiple ' + 'versions are used, or if multiple builds of the same version are ' + 'used.');
|
||||
}
|
||||
|
||||
globalContext[globalKey] = true;
|
||||
}
|
||||
}
|
||||
|
||||
export { ClassNames, Global, jsx as createElement, css, jsx, keyframes };
|
||||
245
node_modules/@emotion/react/dist/emotion-react.browser.esm.js
generated
vendored
Normal file
245
node_modules/@emotion/react/dist/emotion-react.browser.esm.js
generated
vendored
Normal file
|
|
@ -0,0 +1,245 @@
|
|||
import { h as hasOwn, E as Emotion, c as createEmotionProps, w as withEmotionCache, T as ThemeContext, i as isDevelopment } from './emotion-element-f0de968e.browser.esm.js';
|
||||
export { C as CacheProvider, T as ThemeContext, a as ThemeProvider, _ as __unsafe_useEmotionCache, u as useTheme, w as withEmotionCache, b as withTheme } from './emotion-element-f0de968e.browser.esm.js';
|
||||
import * as React from 'react';
|
||||
import { insertStyles, registerStyles, getRegisteredStyles } from '@emotion/utils';
|
||||
import { useInsertionEffectWithLayoutFallback, useInsertionEffectAlwaysWithSyncFallback } from '@emotion/use-insertion-effect-with-fallbacks';
|
||||
import { serializeStyles } from '@emotion/serialize';
|
||||
import '@emotion/cache';
|
||||
import '@babel/runtime/helpers/extends';
|
||||
import '@emotion/weak-memoize';
|
||||
import '../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js';
|
||||
import 'hoist-non-react-statics';
|
||||
|
||||
var jsx = function jsx(type, props) {
|
||||
// eslint-disable-next-line prefer-rest-params
|
||||
var args = arguments;
|
||||
|
||||
if (props == null || !hasOwn.call(props, 'css')) {
|
||||
return React.createElement.apply(undefined, args);
|
||||
}
|
||||
|
||||
var argsLength = args.length;
|
||||
var createElementArgArray = new Array(argsLength);
|
||||
createElementArgArray[0] = Emotion;
|
||||
createElementArgArray[1] = createEmotionProps(type, props);
|
||||
|
||||
for (var i = 2; i < argsLength; i++) {
|
||||
createElementArgArray[i] = args[i];
|
||||
}
|
||||
|
||||
return React.createElement.apply(null, createElementArgArray);
|
||||
};
|
||||
|
||||
(function (_jsx) {
|
||||
var JSX;
|
||||
|
||||
(function (_JSX) {})(JSX || (JSX = _jsx.JSX || (_jsx.JSX = {})));
|
||||
})(jsx || (jsx = {}));
|
||||
|
||||
// initial render from browser, insertBefore context.sheet.tags[0] or if a style hasn't been inserted there yet, appendChild
|
||||
// initial client-side render from SSR, use place of hydrating tag
|
||||
|
||||
var Global = /* #__PURE__ */withEmotionCache(function (props, cache) {
|
||||
|
||||
var styles = props.styles;
|
||||
var serialized = serializeStyles([styles], undefined, React.useContext(ThemeContext));
|
||||
// but it is based on a constant that will never change at runtime
|
||||
// it's effectively like having two implementations and switching them out
|
||||
// so it's not actually breaking anything
|
||||
|
||||
|
||||
var sheetRef = React.useRef();
|
||||
useInsertionEffectWithLayoutFallback(function () {
|
||||
var key = cache.key + "-global"; // use case of https://github.com/emotion-js/emotion/issues/2675
|
||||
|
||||
var sheet = new cache.sheet.constructor({
|
||||
key: key,
|
||||
nonce: cache.sheet.nonce,
|
||||
container: cache.sheet.container,
|
||||
speedy: cache.sheet.isSpeedy
|
||||
});
|
||||
var rehydrating = false;
|
||||
var node = document.querySelector("style[data-emotion=\"" + key + " " + serialized.name + "\"]");
|
||||
|
||||
if (cache.sheet.tags.length) {
|
||||
sheet.before = cache.sheet.tags[0];
|
||||
}
|
||||
|
||||
if (node !== null) {
|
||||
rehydrating = true; // clear the hash so this node won't be recognizable as rehydratable by other <Global/>s
|
||||
|
||||
node.setAttribute('data-emotion', key);
|
||||
sheet.hydrate([node]);
|
||||
}
|
||||
|
||||
sheetRef.current = [sheet, rehydrating];
|
||||
return function () {
|
||||
sheet.flush();
|
||||
};
|
||||
}, [cache]);
|
||||
useInsertionEffectWithLayoutFallback(function () {
|
||||
var sheetRefCurrent = sheetRef.current;
|
||||
var sheet = sheetRefCurrent[0],
|
||||
rehydrating = sheetRefCurrent[1];
|
||||
|
||||
if (rehydrating) {
|
||||
sheetRefCurrent[1] = false;
|
||||
return;
|
||||
}
|
||||
|
||||
if (serialized.next !== undefined) {
|
||||
// insert keyframes
|
||||
insertStyles(cache, serialized.next, true);
|
||||
}
|
||||
|
||||
if (sheet.tags.length) {
|
||||
// if this doesn't exist then it will be null so the style element will be appended
|
||||
var element = sheet.tags[sheet.tags.length - 1].nextElementSibling;
|
||||
sheet.before = element;
|
||||
sheet.flush();
|
||||
}
|
||||
|
||||
cache.insert("", serialized, sheet, false);
|
||||
}, [cache, serialized.name]);
|
||||
return null;
|
||||
});
|
||||
|
||||
function css() {
|
||||
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
||||
args[_key] = arguments[_key];
|
||||
}
|
||||
|
||||
return serializeStyles(args);
|
||||
}
|
||||
|
||||
function keyframes() {
|
||||
var insertable = css.apply(void 0, arguments);
|
||||
var name = "animation-" + insertable.name;
|
||||
return {
|
||||
name: name,
|
||||
styles: "@keyframes " + name + "{" + insertable.styles + "}",
|
||||
anim: 1,
|
||||
toString: function toString() {
|
||||
return "_EMO_" + this.name + "_" + this.styles + "_EMO_";
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
var classnames = function classnames(args) {
|
||||
var len = args.length;
|
||||
var i = 0;
|
||||
var cls = '';
|
||||
|
||||
for (; i < len; i++) {
|
||||
var arg = args[i];
|
||||
if (arg == null) continue;
|
||||
var toAdd = void 0;
|
||||
|
||||
switch (typeof arg) {
|
||||
case 'boolean':
|
||||
break;
|
||||
|
||||
case 'object':
|
||||
{
|
||||
if (Array.isArray(arg)) {
|
||||
toAdd = classnames(arg);
|
||||
} else {
|
||||
|
||||
toAdd = '';
|
||||
|
||||
for (var k in arg) {
|
||||
if (arg[k] && k) {
|
||||
toAdd && (toAdd += ' ');
|
||||
toAdd += k;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
break;
|
||||
}
|
||||
|
||||
default:
|
||||
{
|
||||
toAdd = arg;
|
||||
}
|
||||
}
|
||||
|
||||
if (toAdd) {
|
||||
cls && (cls += ' ');
|
||||
cls += toAdd;
|
||||
}
|
||||
}
|
||||
|
||||
return cls;
|
||||
};
|
||||
|
||||
function merge(registered, css, className) {
|
||||
var registeredStyles = [];
|
||||
var rawClassName = getRegisteredStyles(registered, registeredStyles, className);
|
||||
|
||||
if (registeredStyles.length < 2) {
|
||||
return className;
|
||||
}
|
||||
|
||||
return rawClassName + css(registeredStyles);
|
||||
}
|
||||
|
||||
var Insertion = function Insertion(_ref) {
|
||||
var cache = _ref.cache,
|
||||
serializedArr = _ref.serializedArr;
|
||||
useInsertionEffectAlwaysWithSyncFallback(function () {
|
||||
|
||||
for (var i = 0; i < serializedArr.length; i++) {
|
||||
insertStyles(cache, serializedArr[i], false);
|
||||
}
|
||||
});
|
||||
|
||||
return null;
|
||||
};
|
||||
|
||||
var ClassNames = /* #__PURE__ */withEmotionCache(function (props, cache) {
|
||||
var hasRendered = false;
|
||||
var serializedArr = [];
|
||||
|
||||
var css = function css() {
|
||||
if (hasRendered && isDevelopment) {
|
||||
throw new Error('css can only be used during render');
|
||||
}
|
||||
|
||||
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
||||
args[_key] = arguments[_key];
|
||||
}
|
||||
|
||||
var serialized = serializeStyles(args, cache.registered);
|
||||
serializedArr.push(serialized); // registration has to happen here as the result of this might get consumed by `cx`
|
||||
|
||||
registerStyles(cache, serialized, false);
|
||||
return cache.key + "-" + serialized.name;
|
||||
};
|
||||
|
||||
var cx = function cx() {
|
||||
if (hasRendered && isDevelopment) {
|
||||
throw new Error('cx can only be used during render');
|
||||
}
|
||||
|
||||
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
||||
args[_key2] = arguments[_key2];
|
||||
}
|
||||
|
||||
return merge(cache.registered, css, classnames(args));
|
||||
};
|
||||
|
||||
var content = {
|
||||
css: css,
|
||||
cx: cx,
|
||||
theme: React.useContext(ThemeContext)
|
||||
};
|
||||
var ele = props.children(content);
|
||||
hasRendered = true;
|
||||
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Insertion, {
|
||||
cache: cache,
|
||||
serializedArr: serializedArr
|
||||
}), ele);
|
||||
});
|
||||
|
||||
export { ClassNames, Global, jsx as createElement, css, jsx, keyframes };
|
||||
2
node_modules/@emotion/react/dist/emotion-react.cjs.d.mts
generated
vendored
Normal file
2
node_modules/@emotion/react/dist/emotion-react.cjs.d.mts
generated
vendored
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
export * from "./declarations/src/index.js";
|
||||
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1vdGlvbi1yZWFjdC5janMuZC5tdHMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuL2RlY2xhcmF0aW9ucy9zcmMvaW5kZXguZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSJ9
|
||||
2
node_modules/@emotion/react/dist/emotion-react.cjs.d.ts
generated
vendored
Normal file
2
node_modules/@emotion/react/dist/emotion-react.cjs.d.ts
generated
vendored
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
export * from "./declarations/src/index";
|
||||
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1vdGlvbi1yZWFjdC5janMuZC50cyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4vZGVjbGFyYXRpb25zL3NyYy9pbmRleC5kLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIn0=
|
||||
329
node_modules/@emotion/react/dist/emotion-react.cjs.js
generated
vendored
Normal file
329
node_modules/@emotion/react/dist/emotion-react.cjs.js
generated
vendored
Normal file
|
|
@ -0,0 +1,329 @@
|
|||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, '__esModule', { value: true });
|
||||
|
||||
var emotionElement = require('./emotion-element-a1829a1e.cjs.js');
|
||||
var React = require('react');
|
||||
var utils = require('@emotion/utils');
|
||||
var useInsertionEffectWithFallbacks = require('@emotion/use-insertion-effect-with-fallbacks');
|
||||
var serialize = require('@emotion/serialize');
|
||||
require('@emotion/cache');
|
||||
require('@babel/runtime/helpers/extends');
|
||||
require('@emotion/weak-memoize');
|
||||
require('../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.js');
|
||||
require('hoist-non-react-statics');
|
||||
|
||||
function _interopNamespace(e) {
|
||||
if (e && e.__esModule) return e;
|
||||
var n = Object.create(null);
|
||||
if (e) {
|
||||
Object.keys(e).forEach(function (k) {
|
||||
if (k !== 'default') {
|
||||
var d = Object.getOwnPropertyDescriptor(e, k);
|
||||
Object.defineProperty(n, k, d.get ? d : {
|
||||
enumerable: true,
|
||||
get: function () { return e[k]; }
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
n["default"] = e;
|
||||
return Object.freeze(n);
|
||||
}
|
||||
|
||||
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
||||
|
||||
exports.jsx = function jsx(type, props) {
|
||||
// eslint-disable-next-line prefer-rest-params
|
||||
var args = arguments;
|
||||
|
||||
if (props == null || !emotionElement.hasOwn.call(props, 'css')) {
|
||||
return React__namespace.createElement.apply(undefined, args);
|
||||
}
|
||||
|
||||
var argsLength = args.length;
|
||||
var createElementArgArray = new Array(argsLength);
|
||||
createElementArgArray[0] = emotionElement.Emotion;
|
||||
createElementArgArray[1] = emotionElement.createEmotionProps(type, props);
|
||||
|
||||
for (var i = 2; i < argsLength; i++) {
|
||||
createElementArgArray[i] = args[i];
|
||||
}
|
||||
|
||||
return React__namespace.createElement.apply(null, createElementArgArray);
|
||||
};
|
||||
|
||||
(function (_jsx) {
|
||||
var JSX;
|
||||
|
||||
(function (_JSX) {})(JSX || (JSX = _jsx.JSX || (_jsx.JSX = {})));
|
||||
})(exports.jsx || (exports.jsx = {}));
|
||||
|
||||
// initial render from browser, insertBefore context.sheet.tags[0] or if a style hasn't been inserted there yet, appendChild
|
||||
// initial client-side render from SSR, use place of hydrating tag
|
||||
|
||||
var Global = /* #__PURE__ */emotionElement.withEmotionCache(function (props, cache) {
|
||||
|
||||
var styles = props.styles;
|
||||
var serialized = serialize.serializeStyles([styles], undefined, React__namespace.useContext(emotionElement.ThemeContext));
|
||||
|
||||
if (!emotionElement.isBrowser) {
|
||||
var _ref;
|
||||
|
||||
var serializedNames = serialized.name;
|
||||
var serializedStyles = serialized.styles;
|
||||
var next = serialized.next;
|
||||
|
||||
while (next !== undefined) {
|
||||
serializedNames += ' ' + next.name;
|
||||
serializedStyles += next.styles;
|
||||
next = next.next;
|
||||
}
|
||||
|
||||
var shouldCache = cache.compat === true;
|
||||
var rules = cache.insert("", {
|
||||
name: serializedNames,
|
||||
styles: serializedStyles
|
||||
}, cache.sheet, shouldCache);
|
||||
|
||||
if (shouldCache) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React__namespace.createElement("style", (_ref = {}, _ref["data-emotion"] = cache.key + "-global " + serializedNames, _ref.dangerouslySetInnerHTML = {
|
||||
__html: rules
|
||||
}, _ref.nonce = cache.sheet.nonce, _ref));
|
||||
} // yes, i know these hooks are used conditionally
|
||||
// but it is based on a constant that will never change at runtime
|
||||
// it's effectively like having two implementations and switching them out
|
||||
// so it's not actually breaking anything
|
||||
|
||||
|
||||
var sheetRef = React__namespace.useRef();
|
||||
useInsertionEffectWithFallbacks.useInsertionEffectWithLayoutFallback(function () {
|
||||
var key = cache.key + "-global"; // use case of https://github.com/emotion-js/emotion/issues/2675
|
||||
|
||||
var sheet = new cache.sheet.constructor({
|
||||
key: key,
|
||||
nonce: cache.sheet.nonce,
|
||||
container: cache.sheet.container,
|
||||
speedy: cache.sheet.isSpeedy
|
||||
});
|
||||
var rehydrating = false;
|
||||
var node = document.querySelector("style[data-emotion=\"" + key + " " + serialized.name + "\"]");
|
||||
|
||||
if (cache.sheet.tags.length) {
|
||||
sheet.before = cache.sheet.tags[0];
|
||||
}
|
||||
|
||||
if (node !== null) {
|
||||
rehydrating = true; // clear the hash so this node won't be recognizable as rehydratable by other <Global/>s
|
||||
|
||||
node.setAttribute('data-emotion', key);
|
||||
sheet.hydrate([node]);
|
||||
}
|
||||
|
||||
sheetRef.current = [sheet, rehydrating];
|
||||
return function () {
|
||||
sheet.flush();
|
||||
};
|
||||
}, [cache]);
|
||||
useInsertionEffectWithFallbacks.useInsertionEffectWithLayoutFallback(function () {
|
||||
var sheetRefCurrent = sheetRef.current;
|
||||
var sheet = sheetRefCurrent[0],
|
||||
rehydrating = sheetRefCurrent[1];
|
||||
|
||||
if (rehydrating) {
|
||||
sheetRefCurrent[1] = false;
|
||||
return;
|
||||
}
|
||||
|
||||
if (serialized.next !== undefined) {
|
||||
// insert keyframes
|
||||
utils.insertStyles(cache, serialized.next, true);
|
||||
}
|
||||
|
||||
if (sheet.tags.length) {
|
||||
// if this doesn't exist then it will be null so the style element will be appended
|
||||
var element = sheet.tags[sheet.tags.length - 1].nextElementSibling;
|
||||
sheet.before = element;
|
||||
sheet.flush();
|
||||
}
|
||||
|
||||
cache.insert("", serialized, sheet, false);
|
||||
}, [cache, serialized.name]);
|
||||
return null;
|
||||
});
|
||||
|
||||
function css() {
|
||||
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
||||
args[_key] = arguments[_key];
|
||||
}
|
||||
|
||||
return serialize.serializeStyles(args);
|
||||
}
|
||||
|
||||
function keyframes() {
|
||||
var insertable = css.apply(void 0, arguments);
|
||||
var name = "animation-" + insertable.name;
|
||||
return {
|
||||
name: name,
|
||||
styles: "@keyframes " + name + "{" + insertable.styles + "}",
|
||||
anim: 1,
|
||||
toString: function toString() {
|
||||
return "_EMO_" + this.name + "_" + this.styles + "_EMO_";
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
var classnames = function classnames(args) {
|
||||
var len = args.length;
|
||||
var i = 0;
|
||||
var cls = '';
|
||||
|
||||
for (; i < len; i++) {
|
||||
var arg = args[i];
|
||||
if (arg == null) continue;
|
||||
var toAdd = void 0;
|
||||
|
||||
switch (typeof arg) {
|
||||
case 'boolean':
|
||||
break;
|
||||
|
||||
case 'object':
|
||||
{
|
||||
if (Array.isArray(arg)) {
|
||||
toAdd = classnames(arg);
|
||||
} else {
|
||||
|
||||
toAdd = '';
|
||||
|
||||
for (var k in arg) {
|
||||
if (arg[k] && k) {
|
||||
toAdd && (toAdd += ' ');
|
||||
toAdd += k;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
break;
|
||||
}
|
||||
|
||||
default:
|
||||
{
|
||||
toAdd = arg;
|
||||
}
|
||||
}
|
||||
|
||||
if (toAdd) {
|
||||
cls && (cls += ' ');
|
||||
cls += toAdd;
|
||||
}
|
||||
}
|
||||
|
||||
return cls;
|
||||
};
|
||||
|
||||
function merge(registered, css, className) {
|
||||
var registeredStyles = [];
|
||||
var rawClassName = utils.getRegisteredStyles(registered, registeredStyles, className);
|
||||
|
||||
if (registeredStyles.length < 2) {
|
||||
return className;
|
||||
}
|
||||
|
||||
return rawClassName + css(registeredStyles);
|
||||
}
|
||||
|
||||
var Insertion = function Insertion(_ref) {
|
||||
var cache = _ref.cache,
|
||||
serializedArr = _ref.serializedArr;
|
||||
var rules = useInsertionEffectWithFallbacks.useInsertionEffectAlwaysWithSyncFallback(function () {
|
||||
var rules = '';
|
||||
|
||||
for (var i = 0; i < serializedArr.length; i++) {
|
||||
var res = utils.insertStyles(cache, serializedArr[i], false);
|
||||
|
||||
if (!emotionElement.isBrowser && res !== undefined) {
|
||||
rules += res;
|
||||
}
|
||||
}
|
||||
|
||||
if (!emotionElement.isBrowser) {
|
||||
return rules;
|
||||
}
|
||||
});
|
||||
|
||||
if (!emotionElement.isBrowser && rules.length !== 0) {
|
||||
var _ref2;
|
||||
|
||||
return /*#__PURE__*/React__namespace.createElement("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedArr.map(function (serialized) {
|
||||
return serialized.name;
|
||||
}).join(' '), _ref2.dangerouslySetInnerHTML = {
|
||||
__html: rules
|
||||
}, _ref2.nonce = cache.sheet.nonce, _ref2));
|
||||
}
|
||||
|
||||
return null;
|
||||
};
|
||||
|
||||
var ClassNames = /* #__PURE__ */emotionElement.withEmotionCache(function (props, cache) {
|
||||
var hasRendered = false;
|
||||
var serializedArr = [];
|
||||
|
||||
var css = function css() {
|
||||
if (hasRendered && emotionElement.isDevelopment) {
|
||||
throw new Error('css can only be used during render');
|
||||
}
|
||||
|
||||
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
||||
args[_key] = arguments[_key];
|
||||
}
|
||||
|
||||
var serialized = serialize.serializeStyles(args, cache.registered);
|
||||
serializedArr.push(serialized); // registration has to happen here as the result of this might get consumed by `cx`
|
||||
|
||||
utils.registerStyles(cache, serialized, false);
|
||||
return cache.key + "-" + serialized.name;
|
||||
};
|
||||
|
||||
var cx = function cx() {
|
||||
if (hasRendered && emotionElement.isDevelopment) {
|
||||
throw new Error('cx can only be used during render');
|
||||
}
|
||||
|
||||
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
||||
args[_key2] = arguments[_key2];
|
||||
}
|
||||
|
||||
return merge(cache.registered, css, classnames(args));
|
||||
};
|
||||
|
||||
var content = {
|
||||
css: css,
|
||||
cx: cx,
|
||||
theme: React__namespace.useContext(emotionElement.ThemeContext)
|
||||
};
|
||||
var ele = props.children(content);
|
||||
hasRendered = true;
|
||||
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Insertion, {
|
||||
cache: cache,
|
||||
serializedArr: serializedArr
|
||||
}), ele);
|
||||
});
|
||||
|
||||
exports.CacheProvider = emotionElement.CacheProvider;
|
||||
exports.ThemeContext = emotionElement.ThemeContext;
|
||||
exports.ThemeProvider = emotionElement.ThemeProvider;
|
||||
exports.__unsafe_useEmotionCache = emotionElement.__unsafe_useEmotionCache;
|
||||
exports.useTheme = emotionElement.useTheme;
|
||||
Object.defineProperty(exports, 'withEmotionCache', {
|
||||
enumerable: true,
|
||||
get: function () { return emotionElement.withEmotionCache; }
|
||||
});
|
||||
exports.withTheme = emotionElement.withTheme;
|
||||
exports.ClassNames = ClassNames;
|
||||
exports.Global = Global;
|
||||
exports.createElement = exports.jsx;
|
||||
exports.css = css;
|
||||
exports.keyframes = keyframes;
|
||||
15
node_modules/@emotion/react/dist/emotion-react.cjs.mjs
generated
vendored
Normal file
15
node_modules/@emotion/react/dist/emotion-react.cjs.mjs
generated
vendored
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
export {
|
||||
CacheProvider,
|
||||
ClassNames,
|
||||
Global,
|
||||
ThemeContext,
|
||||
ThemeProvider,
|
||||
__unsafe_useEmotionCache,
|
||||
createElement,
|
||||
css,
|
||||
jsx,
|
||||
keyframes,
|
||||
useTheme,
|
||||
withEmotionCache,
|
||||
withTheme
|
||||
} from "./emotion-react.cjs.js";
|
||||
689
node_modules/@emotion/react/dist/emotion-react.development.cjs.js
generated
vendored
Normal file
689
node_modules/@emotion/react/dist/emotion-react.development.cjs.js
generated
vendored
Normal file
|
|
@ -0,0 +1,689 @@
|
|||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, '__esModule', { value: true });
|
||||
|
||||
var emotionElement = require('./emotion-element-e8f4cc37.development.cjs.js');
|
||||
var React = require('react');
|
||||
var utils = require('@emotion/utils');
|
||||
var useInsertionEffectWithFallbacks = require('@emotion/use-insertion-effect-with-fallbacks');
|
||||
var serialize = require('@emotion/serialize');
|
||||
require('@emotion/cache');
|
||||
require('@babel/runtime/helpers/extends');
|
||||
require('@emotion/weak-memoize');
|
||||
require('../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.cjs.js');
|
||||
require('hoist-non-react-statics');
|
||||
|
||||
function _interopNamespace(e) {
|
||||
if (e && e.__esModule) return e;
|
||||
var n = Object.create(null);
|
||||
if (e) {
|
||||
Object.keys(e).forEach(function (k) {
|
||||
if (k !== 'default') {
|
||||
var d = Object.getOwnPropertyDescriptor(e, k);
|
||||
Object.defineProperty(n, k, d.get ? d : {
|
||||
enumerable: true,
|
||||
get: function () { return e[k]; }
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
n["default"] = e;
|
||||
return Object.freeze(n);
|
||||
}
|
||||
|
||||
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
||||
|
||||
var isDevelopment = true;
|
||||
|
||||
var pkg = {
|
||||
name: "@emotion/react",
|
||||
version: "11.14.0",
|
||||
main: "dist/emotion-react.cjs.js",
|
||||
module: "dist/emotion-react.esm.js",
|
||||
types: "dist/emotion-react.cjs.d.ts",
|
||||
exports: {
|
||||
".": {
|
||||
types: {
|
||||
"import": "./dist/emotion-react.cjs.mjs",
|
||||
"default": "./dist/emotion-react.cjs.js"
|
||||
},
|
||||
development: {
|
||||
"edge-light": {
|
||||
module: "./dist/emotion-react.development.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.development.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.development.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./dist/emotion-react.development.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.development.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.development.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./dist/emotion-react.development.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.development.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.development.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./dist/emotion-react.browser.development.esm.js",
|
||||
"import": "./dist/emotion-react.browser.development.cjs.mjs",
|
||||
"default": "./dist/emotion-react.browser.development.cjs.js"
|
||||
},
|
||||
module: "./dist/emotion-react.development.esm.js",
|
||||
"import": "./dist/emotion-react.development.cjs.mjs",
|
||||
"default": "./dist/emotion-react.development.cjs.js"
|
||||
},
|
||||
"edge-light": {
|
||||
module: "./dist/emotion-react.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./dist/emotion-react.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./dist/emotion-react.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./dist/emotion-react.browser.esm.js",
|
||||
"import": "./dist/emotion-react.browser.cjs.mjs",
|
||||
"default": "./dist/emotion-react.browser.cjs.js"
|
||||
},
|
||||
module: "./dist/emotion-react.esm.js",
|
||||
"import": "./dist/emotion-react.cjs.mjs",
|
||||
"default": "./dist/emotion-react.cjs.js"
|
||||
},
|
||||
"./jsx-runtime": {
|
||||
types: {
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.js"
|
||||
},
|
||||
development: {
|
||||
"edge-light": {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.development.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.development.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.development.cjs.js"
|
||||
},
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.development.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.cjs.js"
|
||||
},
|
||||
"edge-light": {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.cjs.js"
|
||||
},
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.js"
|
||||
},
|
||||
"./_isolated-hnrs": {
|
||||
types: {
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.js"
|
||||
},
|
||||
development: {
|
||||
"edge-light": {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.development.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.development.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.development.cjs.js"
|
||||
},
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.cjs.js"
|
||||
},
|
||||
"edge-light": {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.cjs.js"
|
||||
},
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.js"
|
||||
},
|
||||
"./jsx-dev-runtime": {
|
||||
types: {
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.js"
|
||||
},
|
||||
development: {
|
||||
"edge-light": {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.development.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.development.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.development.cjs.js"
|
||||
},
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.cjs.js"
|
||||
},
|
||||
"edge-light": {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.cjs.js"
|
||||
},
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.js"
|
||||
},
|
||||
"./package.json": "./package.json",
|
||||
"./types/css-prop": "./types/css-prop.d.ts",
|
||||
"./macro": {
|
||||
types: {
|
||||
"import": "./macro.d.mts",
|
||||
"default": "./macro.d.ts"
|
||||
},
|
||||
"default": "./macro.js"
|
||||
}
|
||||
},
|
||||
imports: {
|
||||
"#is-development": {
|
||||
development: "./src/conditions/true.ts",
|
||||
"default": "./src/conditions/false.ts"
|
||||
},
|
||||
"#is-browser": {
|
||||
"edge-light": "./src/conditions/false.ts",
|
||||
workerd: "./src/conditions/false.ts",
|
||||
worker: "./src/conditions/false.ts",
|
||||
browser: "./src/conditions/true.ts",
|
||||
"default": "./src/conditions/is-browser.ts"
|
||||
}
|
||||
},
|
||||
files: [
|
||||
"src",
|
||||
"dist",
|
||||
"jsx-runtime",
|
||||
"jsx-dev-runtime",
|
||||
"_isolated-hnrs",
|
||||
"types/css-prop.d.ts",
|
||||
"macro.*"
|
||||
],
|
||||
sideEffects: false,
|
||||
author: "Emotion Contributors",
|
||||
license: "MIT",
|
||||
scripts: {
|
||||
"test:typescript": "dtslint types"
|
||||
},
|
||||
dependencies: {
|
||||
"@babel/runtime": "^7.18.3",
|
||||
"@emotion/babel-plugin": "^11.13.5",
|
||||
"@emotion/cache": "^11.14.0",
|
||||
"@emotion/serialize": "^1.3.3",
|
||||
"@emotion/use-insertion-effect-with-fallbacks": "^1.2.0",
|
||||
"@emotion/utils": "^1.4.2",
|
||||
"@emotion/weak-memoize": "^0.4.0",
|
||||
"hoist-non-react-statics": "^3.3.1"
|
||||
},
|
||||
peerDependencies: {
|
||||
react: ">=16.8.0"
|
||||
},
|
||||
peerDependenciesMeta: {
|
||||
"@types/react": {
|
||||
optional: true
|
||||
}
|
||||
},
|
||||
devDependencies: {
|
||||
"@definitelytyped/dtslint": "0.0.112",
|
||||
"@emotion/css": "11.13.5",
|
||||
"@emotion/css-prettifier": "1.2.0",
|
||||
"@emotion/server": "11.11.0",
|
||||
"@emotion/styled": "11.14.0",
|
||||
"@types/hoist-non-react-statics": "^3.3.5",
|
||||
"html-tag-names": "^1.1.2",
|
||||
react: "16.14.0",
|
||||
"svg-tag-names": "^1.1.1",
|
||||
typescript: "^5.4.5"
|
||||
},
|
||||
repository: "https://github.com/emotion-js/emotion/tree/main/packages/react",
|
||||
publishConfig: {
|
||||
access: "public"
|
||||
},
|
||||
"umd:main": "dist/emotion-react.umd.min.js",
|
||||
preconstruct: {
|
||||
entrypoints: [
|
||||
"./index.ts",
|
||||
"./jsx-runtime.ts",
|
||||
"./jsx-dev-runtime.ts",
|
||||
"./_isolated-hnrs.ts"
|
||||
],
|
||||
umdName: "emotionReact",
|
||||
exports: {
|
||||
extra: {
|
||||
"./types/css-prop": "./types/css-prop.d.ts",
|
||||
"./macro": {
|
||||
types: {
|
||||
"import": "./macro.d.mts",
|
||||
"default": "./macro.d.ts"
|
||||
},
|
||||
"default": "./macro.js"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
exports.jsx = function jsx(type, props) {
|
||||
// eslint-disable-next-line prefer-rest-params
|
||||
var args = arguments;
|
||||
|
||||
if (props == null || !emotionElement.hasOwn.call(props, 'css')) {
|
||||
return React__namespace.createElement.apply(undefined, args);
|
||||
}
|
||||
|
||||
var argsLength = args.length;
|
||||
var createElementArgArray = new Array(argsLength);
|
||||
createElementArgArray[0] = emotionElement.Emotion;
|
||||
createElementArgArray[1] = emotionElement.createEmotionProps(type, props);
|
||||
|
||||
for (var i = 2; i < argsLength; i++) {
|
||||
createElementArgArray[i] = args[i];
|
||||
}
|
||||
|
||||
return React__namespace.createElement.apply(null, createElementArgArray);
|
||||
};
|
||||
|
||||
(function (_jsx) {
|
||||
var JSX;
|
||||
|
||||
(function (_JSX) {})(JSX || (JSX = _jsx.JSX || (_jsx.JSX = {})));
|
||||
})(exports.jsx || (exports.jsx = {}));
|
||||
|
||||
var warnedAboutCssPropForGlobal = false; // maintain place over rerenders.
|
||||
// initial render from browser, insertBefore context.sheet.tags[0] or if a style hasn't been inserted there yet, appendChild
|
||||
// initial client-side render from SSR, use place of hydrating tag
|
||||
|
||||
var Global = /* #__PURE__ */emotionElement.withEmotionCache(function (props, cache) {
|
||||
if (!warnedAboutCssPropForGlobal && ( // check for className as well since the user is
|
||||
// probably using the custom createElement which
|
||||
// means it will be turned into a className prop
|
||||
// I don't really want to add it to the type since it shouldn't be used
|
||||
'className' in props && props.className || 'css' in props && props.css)) {
|
||||
console.error("It looks like you're using the css prop on Global, did you mean to use the styles prop instead?");
|
||||
warnedAboutCssPropForGlobal = true;
|
||||
}
|
||||
|
||||
var styles = props.styles;
|
||||
var serialized = serialize.serializeStyles([styles], undefined, React__namespace.useContext(emotionElement.ThemeContext));
|
||||
|
||||
if (!emotionElement.isBrowser) {
|
||||
var _ref;
|
||||
|
||||
var serializedNames = serialized.name;
|
||||
var serializedStyles = serialized.styles;
|
||||
var next = serialized.next;
|
||||
|
||||
while (next !== undefined) {
|
||||
serializedNames += ' ' + next.name;
|
||||
serializedStyles += next.styles;
|
||||
next = next.next;
|
||||
}
|
||||
|
||||
var shouldCache = cache.compat === true;
|
||||
var rules = cache.insert("", {
|
||||
name: serializedNames,
|
||||
styles: serializedStyles
|
||||
}, cache.sheet, shouldCache);
|
||||
|
||||
if (shouldCache) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React__namespace.createElement("style", (_ref = {}, _ref["data-emotion"] = cache.key + "-global " + serializedNames, _ref.dangerouslySetInnerHTML = {
|
||||
__html: rules
|
||||
}, _ref.nonce = cache.sheet.nonce, _ref));
|
||||
} // yes, i know these hooks are used conditionally
|
||||
// but it is based on a constant that will never change at runtime
|
||||
// it's effectively like having two implementations and switching them out
|
||||
// so it's not actually breaking anything
|
||||
|
||||
|
||||
var sheetRef = React__namespace.useRef();
|
||||
useInsertionEffectWithFallbacks.useInsertionEffectWithLayoutFallback(function () {
|
||||
var key = cache.key + "-global"; // use case of https://github.com/emotion-js/emotion/issues/2675
|
||||
|
||||
var sheet = new cache.sheet.constructor({
|
||||
key: key,
|
||||
nonce: cache.sheet.nonce,
|
||||
container: cache.sheet.container,
|
||||
speedy: cache.sheet.isSpeedy
|
||||
});
|
||||
var rehydrating = false;
|
||||
var node = document.querySelector("style[data-emotion=\"" + key + " " + serialized.name + "\"]");
|
||||
|
||||
if (cache.sheet.tags.length) {
|
||||
sheet.before = cache.sheet.tags[0];
|
||||
}
|
||||
|
||||
if (node !== null) {
|
||||
rehydrating = true; // clear the hash so this node won't be recognizable as rehydratable by other <Global/>s
|
||||
|
||||
node.setAttribute('data-emotion', key);
|
||||
sheet.hydrate([node]);
|
||||
}
|
||||
|
||||
sheetRef.current = [sheet, rehydrating];
|
||||
return function () {
|
||||
sheet.flush();
|
||||
};
|
||||
}, [cache]);
|
||||
useInsertionEffectWithFallbacks.useInsertionEffectWithLayoutFallback(function () {
|
||||
var sheetRefCurrent = sheetRef.current;
|
||||
var sheet = sheetRefCurrent[0],
|
||||
rehydrating = sheetRefCurrent[1];
|
||||
|
||||
if (rehydrating) {
|
||||
sheetRefCurrent[1] = false;
|
||||
return;
|
||||
}
|
||||
|
||||
if (serialized.next !== undefined) {
|
||||
// insert keyframes
|
||||
utils.insertStyles(cache, serialized.next, true);
|
||||
}
|
||||
|
||||
if (sheet.tags.length) {
|
||||
// if this doesn't exist then it will be null so the style element will be appended
|
||||
var element = sheet.tags[sheet.tags.length - 1].nextElementSibling;
|
||||
sheet.before = element;
|
||||
sheet.flush();
|
||||
}
|
||||
|
||||
cache.insert("", serialized, sheet, false);
|
||||
}, [cache, serialized.name]);
|
||||
return null;
|
||||
});
|
||||
|
||||
{
|
||||
Global.displayName = 'EmotionGlobal';
|
||||
}
|
||||
|
||||
function css() {
|
||||
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
||||
args[_key] = arguments[_key];
|
||||
}
|
||||
|
||||
return serialize.serializeStyles(args);
|
||||
}
|
||||
|
||||
function keyframes() {
|
||||
var insertable = css.apply(void 0, arguments);
|
||||
var name = "animation-" + insertable.name;
|
||||
return {
|
||||
name: name,
|
||||
styles: "@keyframes " + name + "{" + insertable.styles + "}",
|
||||
anim: 1,
|
||||
toString: function toString() {
|
||||
return "_EMO_" + this.name + "_" + this.styles + "_EMO_";
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
var classnames = function classnames(args) {
|
||||
var len = args.length;
|
||||
var i = 0;
|
||||
var cls = '';
|
||||
|
||||
for (; i < len; i++) {
|
||||
var arg = args[i];
|
||||
if (arg == null) continue;
|
||||
var toAdd = void 0;
|
||||
|
||||
switch (typeof arg) {
|
||||
case 'boolean':
|
||||
break;
|
||||
|
||||
case 'object':
|
||||
{
|
||||
if (Array.isArray(arg)) {
|
||||
toAdd = classnames(arg);
|
||||
} else {
|
||||
if (arg.styles !== undefined && arg.name !== undefined) {
|
||||
console.error('You have passed styles created with `css` from `@emotion/react` package to the `cx`.\n' + '`cx` is meant to compose class names (strings) so you should convert those styles to a class name by passing them to the `css` received from <ClassNames/> component.');
|
||||
}
|
||||
|
||||
toAdd = '';
|
||||
|
||||
for (var k in arg) {
|
||||
if (arg[k] && k) {
|
||||
toAdd && (toAdd += ' ');
|
||||
toAdd += k;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
break;
|
||||
}
|
||||
|
||||
default:
|
||||
{
|
||||
toAdd = arg;
|
||||
}
|
||||
}
|
||||
|
||||
if (toAdd) {
|
||||
cls && (cls += ' ');
|
||||
cls += toAdd;
|
||||
}
|
||||
}
|
||||
|
||||
return cls;
|
||||
};
|
||||
|
||||
function merge(registered, css, className) {
|
||||
var registeredStyles = [];
|
||||
var rawClassName = utils.getRegisteredStyles(registered, registeredStyles, className);
|
||||
|
||||
if (registeredStyles.length < 2) {
|
||||
return className;
|
||||
}
|
||||
|
||||
return rawClassName + css(registeredStyles);
|
||||
}
|
||||
|
||||
var Insertion = function Insertion(_ref) {
|
||||
var cache = _ref.cache,
|
||||
serializedArr = _ref.serializedArr;
|
||||
var rules = useInsertionEffectWithFallbacks.useInsertionEffectAlwaysWithSyncFallback(function () {
|
||||
var rules = '';
|
||||
|
||||
for (var i = 0; i < serializedArr.length; i++) {
|
||||
var res = utils.insertStyles(cache, serializedArr[i], false);
|
||||
|
||||
if (!emotionElement.isBrowser && res !== undefined) {
|
||||
rules += res;
|
||||
}
|
||||
}
|
||||
|
||||
if (!emotionElement.isBrowser) {
|
||||
return rules;
|
||||
}
|
||||
});
|
||||
|
||||
if (!emotionElement.isBrowser && rules.length !== 0) {
|
||||
var _ref2;
|
||||
|
||||
return /*#__PURE__*/React__namespace.createElement("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedArr.map(function (serialized) {
|
||||
return serialized.name;
|
||||
}).join(' '), _ref2.dangerouslySetInnerHTML = {
|
||||
__html: rules
|
||||
}, _ref2.nonce = cache.sheet.nonce, _ref2));
|
||||
}
|
||||
|
||||
return null;
|
||||
};
|
||||
|
||||
var ClassNames = /* #__PURE__ */emotionElement.withEmotionCache(function (props, cache) {
|
||||
var hasRendered = false;
|
||||
var serializedArr = [];
|
||||
|
||||
var css = function css() {
|
||||
if (hasRendered && isDevelopment) {
|
||||
throw new Error('css can only be used during render');
|
||||
}
|
||||
|
||||
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
||||
args[_key] = arguments[_key];
|
||||
}
|
||||
|
||||
var serialized = serialize.serializeStyles(args, cache.registered);
|
||||
serializedArr.push(serialized); // registration has to happen here as the result of this might get consumed by `cx`
|
||||
|
||||
utils.registerStyles(cache, serialized, false);
|
||||
return cache.key + "-" + serialized.name;
|
||||
};
|
||||
|
||||
var cx = function cx() {
|
||||
if (hasRendered && isDevelopment) {
|
||||
throw new Error('cx can only be used during render');
|
||||
}
|
||||
|
||||
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
||||
args[_key2] = arguments[_key2];
|
||||
}
|
||||
|
||||
return merge(cache.registered, css, classnames(args));
|
||||
};
|
||||
|
||||
var content = {
|
||||
css: css,
|
||||
cx: cx,
|
||||
theme: React__namespace.useContext(emotionElement.ThemeContext)
|
||||
};
|
||||
var ele = props.children(content);
|
||||
hasRendered = true;
|
||||
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Insertion, {
|
||||
cache: cache,
|
||||
serializedArr: serializedArr
|
||||
}), ele);
|
||||
});
|
||||
|
||||
{
|
||||
ClassNames.displayName = 'EmotionClassNames';
|
||||
}
|
||||
|
||||
{
|
||||
var isBrowser = typeof document !== 'undefined'; // #1727, #2905 for some reason Jest and Vitest evaluate modules twice if some consuming module gets mocked
|
||||
|
||||
var isTestEnv = typeof jest !== 'undefined' || typeof vi !== 'undefined';
|
||||
|
||||
if (isBrowser && !isTestEnv) {
|
||||
// globalThis has wide browser support - https://caniuse.com/?search=globalThis, Node.js 12 and later
|
||||
var globalContext = typeof globalThis !== 'undefined' ? globalThis // eslint-disable-line no-undef
|
||||
: isBrowser ? window : global;
|
||||
var globalKey = "__EMOTION_REACT_" + pkg.version.split('.')[0] + "__";
|
||||
|
||||
if (globalContext[globalKey]) {
|
||||
console.warn('You are loading @emotion/react when it is already loaded. Running ' + 'multiple instances may cause problems. This can happen if multiple ' + 'versions are used, or if multiple builds of the same version are ' + 'used.');
|
||||
}
|
||||
|
||||
globalContext[globalKey] = true;
|
||||
}
|
||||
}
|
||||
|
||||
exports.CacheProvider = emotionElement.CacheProvider;
|
||||
exports.ThemeContext = emotionElement.ThemeContext;
|
||||
exports.ThemeProvider = emotionElement.ThemeProvider;
|
||||
exports.__unsafe_useEmotionCache = emotionElement.__unsafe_useEmotionCache;
|
||||
exports.useTheme = emotionElement.useTheme;
|
||||
Object.defineProperty(exports, 'withEmotionCache', {
|
||||
enumerable: true,
|
||||
get: function () { return emotionElement.withEmotionCache; }
|
||||
});
|
||||
exports.withTheme = emotionElement.withTheme;
|
||||
exports.ClassNames = ClassNames;
|
||||
exports.Global = Global;
|
||||
exports.createElement = exports.jsx;
|
||||
exports.css = css;
|
||||
exports.keyframes = keyframes;
|
||||
15
node_modules/@emotion/react/dist/emotion-react.development.cjs.mjs
generated
vendored
Normal file
15
node_modules/@emotion/react/dist/emotion-react.development.cjs.mjs
generated
vendored
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
export {
|
||||
CacheProvider,
|
||||
ClassNames,
|
||||
Global,
|
||||
ThemeContext,
|
||||
ThemeProvider,
|
||||
__unsafe_useEmotionCache,
|
||||
createElement,
|
||||
css,
|
||||
jsx,
|
||||
keyframes,
|
||||
useTheme,
|
||||
withEmotionCache,
|
||||
withTheme
|
||||
} from "./emotion-react.development.cjs.js";
|
||||
630
node_modules/@emotion/react/dist/emotion-react.development.edge-light.cjs.js
generated
vendored
Normal file
630
node_modules/@emotion/react/dist/emotion-react.development.edge-light.cjs.js
generated
vendored
Normal file
|
|
@ -0,0 +1,630 @@
|
|||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, '__esModule', { value: true });
|
||||
|
||||
var emotionElement = require('./emotion-element-010f37fa.development.edge-light.cjs.js');
|
||||
var React = require('react');
|
||||
var utils = require('@emotion/utils');
|
||||
var useInsertionEffectWithFallbacks = require('@emotion/use-insertion-effect-with-fallbacks');
|
||||
var serialize = require('@emotion/serialize');
|
||||
require('@emotion/cache');
|
||||
require('@babel/runtime/helpers/extends');
|
||||
require('@emotion/weak-memoize');
|
||||
require('../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.js');
|
||||
require('hoist-non-react-statics');
|
||||
|
||||
function _interopNamespace(e) {
|
||||
if (e && e.__esModule) return e;
|
||||
var n = Object.create(null);
|
||||
if (e) {
|
||||
Object.keys(e).forEach(function (k) {
|
||||
if (k !== 'default') {
|
||||
var d = Object.getOwnPropertyDescriptor(e, k);
|
||||
Object.defineProperty(n, k, d.get ? d : {
|
||||
enumerable: true,
|
||||
get: function () { return e[k]; }
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
n["default"] = e;
|
||||
return Object.freeze(n);
|
||||
}
|
||||
|
||||
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
||||
|
||||
var isDevelopment = true;
|
||||
|
||||
var pkg = {
|
||||
name: "@emotion/react",
|
||||
version: "11.14.0",
|
||||
main: "dist/emotion-react.cjs.js",
|
||||
module: "dist/emotion-react.esm.js",
|
||||
types: "dist/emotion-react.cjs.d.ts",
|
||||
exports: {
|
||||
".": {
|
||||
types: {
|
||||
"import": "./dist/emotion-react.cjs.mjs",
|
||||
"default": "./dist/emotion-react.cjs.js"
|
||||
},
|
||||
development: {
|
||||
"edge-light": {
|
||||
module: "./dist/emotion-react.development.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.development.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.development.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./dist/emotion-react.development.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.development.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.development.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./dist/emotion-react.development.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.development.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.development.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./dist/emotion-react.browser.development.esm.js",
|
||||
"import": "./dist/emotion-react.browser.development.cjs.mjs",
|
||||
"default": "./dist/emotion-react.browser.development.cjs.js"
|
||||
},
|
||||
module: "./dist/emotion-react.development.esm.js",
|
||||
"import": "./dist/emotion-react.development.cjs.mjs",
|
||||
"default": "./dist/emotion-react.development.cjs.js"
|
||||
},
|
||||
"edge-light": {
|
||||
module: "./dist/emotion-react.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./dist/emotion-react.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./dist/emotion-react.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./dist/emotion-react.browser.esm.js",
|
||||
"import": "./dist/emotion-react.browser.cjs.mjs",
|
||||
"default": "./dist/emotion-react.browser.cjs.js"
|
||||
},
|
||||
module: "./dist/emotion-react.esm.js",
|
||||
"import": "./dist/emotion-react.cjs.mjs",
|
||||
"default": "./dist/emotion-react.cjs.js"
|
||||
},
|
||||
"./jsx-runtime": {
|
||||
types: {
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.js"
|
||||
},
|
||||
development: {
|
||||
"edge-light": {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.development.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.development.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.development.cjs.js"
|
||||
},
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.development.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.cjs.js"
|
||||
},
|
||||
"edge-light": {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.cjs.js"
|
||||
},
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.js"
|
||||
},
|
||||
"./_isolated-hnrs": {
|
||||
types: {
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.js"
|
||||
},
|
||||
development: {
|
||||
"edge-light": {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.development.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.development.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.development.cjs.js"
|
||||
},
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.cjs.js"
|
||||
},
|
||||
"edge-light": {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.cjs.js"
|
||||
},
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.js"
|
||||
},
|
||||
"./jsx-dev-runtime": {
|
||||
types: {
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.js"
|
||||
},
|
||||
development: {
|
||||
"edge-light": {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.development.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.development.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.development.cjs.js"
|
||||
},
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.cjs.js"
|
||||
},
|
||||
"edge-light": {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.cjs.js"
|
||||
},
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.js"
|
||||
},
|
||||
"./package.json": "./package.json",
|
||||
"./types/css-prop": "./types/css-prop.d.ts",
|
||||
"./macro": {
|
||||
types: {
|
||||
"import": "./macro.d.mts",
|
||||
"default": "./macro.d.ts"
|
||||
},
|
||||
"default": "./macro.js"
|
||||
}
|
||||
},
|
||||
imports: {
|
||||
"#is-development": {
|
||||
development: "./src/conditions/true.ts",
|
||||
"default": "./src/conditions/false.ts"
|
||||
},
|
||||
"#is-browser": {
|
||||
"edge-light": "./src/conditions/false.ts",
|
||||
workerd: "./src/conditions/false.ts",
|
||||
worker: "./src/conditions/false.ts",
|
||||
browser: "./src/conditions/true.ts",
|
||||
"default": "./src/conditions/is-browser.ts"
|
||||
}
|
||||
},
|
||||
files: [
|
||||
"src",
|
||||
"dist",
|
||||
"jsx-runtime",
|
||||
"jsx-dev-runtime",
|
||||
"_isolated-hnrs",
|
||||
"types/css-prop.d.ts",
|
||||
"macro.*"
|
||||
],
|
||||
sideEffects: false,
|
||||
author: "Emotion Contributors",
|
||||
license: "MIT",
|
||||
scripts: {
|
||||
"test:typescript": "dtslint types"
|
||||
},
|
||||
dependencies: {
|
||||
"@babel/runtime": "^7.18.3",
|
||||
"@emotion/babel-plugin": "^11.13.5",
|
||||
"@emotion/cache": "^11.14.0",
|
||||
"@emotion/serialize": "^1.3.3",
|
||||
"@emotion/use-insertion-effect-with-fallbacks": "^1.2.0",
|
||||
"@emotion/utils": "^1.4.2",
|
||||
"@emotion/weak-memoize": "^0.4.0",
|
||||
"hoist-non-react-statics": "^3.3.1"
|
||||
},
|
||||
peerDependencies: {
|
||||
react: ">=16.8.0"
|
||||
},
|
||||
peerDependenciesMeta: {
|
||||
"@types/react": {
|
||||
optional: true
|
||||
}
|
||||
},
|
||||
devDependencies: {
|
||||
"@definitelytyped/dtslint": "0.0.112",
|
||||
"@emotion/css": "11.13.5",
|
||||
"@emotion/css-prettifier": "1.2.0",
|
||||
"@emotion/server": "11.11.0",
|
||||
"@emotion/styled": "11.14.0",
|
||||
"@types/hoist-non-react-statics": "^3.3.5",
|
||||
"html-tag-names": "^1.1.2",
|
||||
react: "16.14.0",
|
||||
"svg-tag-names": "^1.1.1",
|
||||
typescript: "^5.4.5"
|
||||
},
|
||||
repository: "https://github.com/emotion-js/emotion/tree/main/packages/react",
|
||||
publishConfig: {
|
||||
access: "public"
|
||||
},
|
||||
"umd:main": "dist/emotion-react.umd.min.js",
|
||||
preconstruct: {
|
||||
entrypoints: [
|
||||
"./index.ts",
|
||||
"./jsx-runtime.ts",
|
||||
"./jsx-dev-runtime.ts",
|
||||
"./_isolated-hnrs.ts"
|
||||
],
|
||||
umdName: "emotionReact",
|
||||
exports: {
|
||||
extra: {
|
||||
"./types/css-prop": "./types/css-prop.d.ts",
|
||||
"./macro": {
|
||||
types: {
|
||||
"import": "./macro.d.mts",
|
||||
"default": "./macro.d.ts"
|
||||
},
|
||||
"default": "./macro.js"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
exports.jsx = function jsx(type, props) {
|
||||
// eslint-disable-next-line prefer-rest-params
|
||||
var args = arguments;
|
||||
|
||||
if (props == null || !emotionElement.hasOwn.call(props, 'css')) {
|
||||
return React__namespace.createElement.apply(undefined, args);
|
||||
}
|
||||
|
||||
var argsLength = args.length;
|
||||
var createElementArgArray = new Array(argsLength);
|
||||
createElementArgArray[0] = emotionElement.Emotion;
|
||||
createElementArgArray[1] = emotionElement.createEmotionProps(type, props);
|
||||
|
||||
for (var i = 2; i < argsLength; i++) {
|
||||
createElementArgArray[i] = args[i];
|
||||
}
|
||||
|
||||
return React__namespace.createElement.apply(null, createElementArgArray);
|
||||
};
|
||||
|
||||
(function (_jsx) {
|
||||
var JSX;
|
||||
|
||||
(function (_JSX) {})(JSX || (JSX = _jsx.JSX || (_jsx.JSX = {})));
|
||||
})(exports.jsx || (exports.jsx = {}));
|
||||
|
||||
var warnedAboutCssPropForGlobal = false; // maintain place over rerenders.
|
||||
// initial render from browser, insertBefore context.sheet.tags[0] or if a style hasn't been inserted there yet, appendChild
|
||||
// initial client-side render from SSR, use place of hydrating tag
|
||||
|
||||
var Global = /* #__PURE__ */emotionElement.withEmotionCache(function (props, cache) {
|
||||
if (!warnedAboutCssPropForGlobal && ( // check for className as well since the user is
|
||||
// probably using the custom createElement which
|
||||
// means it will be turned into a className prop
|
||||
// I don't really want to add it to the type since it shouldn't be used
|
||||
'className' in props && props.className || 'css' in props && props.css)) {
|
||||
console.error("It looks like you're using the css prop on Global, did you mean to use the styles prop instead?");
|
||||
warnedAboutCssPropForGlobal = true;
|
||||
}
|
||||
|
||||
var styles = props.styles;
|
||||
var serialized = serialize.serializeStyles([styles], undefined, React__namespace.useContext(emotionElement.ThemeContext));
|
||||
|
||||
{
|
||||
var _ref;
|
||||
|
||||
var serializedNames = serialized.name;
|
||||
var serializedStyles = serialized.styles;
|
||||
var next = serialized.next;
|
||||
|
||||
while (next !== undefined) {
|
||||
serializedNames += ' ' + next.name;
|
||||
serializedStyles += next.styles;
|
||||
next = next.next;
|
||||
}
|
||||
|
||||
var shouldCache = cache.compat === true;
|
||||
var rules = cache.insert("", {
|
||||
name: serializedNames,
|
||||
styles: serializedStyles
|
||||
}, cache.sheet, shouldCache);
|
||||
|
||||
if (shouldCache) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React__namespace.createElement("style", (_ref = {}, _ref["data-emotion"] = cache.key + "-global " + serializedNames, _ref.dangerouslySetInnerHTML = {
|
||||
__html: rules
|
||||
}, _ref.nonce = cache.sheet.nonce, _ref));
|
||||
} // yes, i know these hooks are used conditionally
|
||||
});
|
||||
|
||||
{
|
||||
Global.displayName = 'EmotionGlobal';
|
||||
}
|
||||
|
||||
function css() {
|
||||
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
||||
args[_key] = arguments[_key];
|
||||
}
|
||||
|
||||
return serialize.serializeStyles(args);
|
||||
}
|
||||
|
||||
function keyframes() {
|
||||
var insertable = css.apply(void 0, arguments);
|
||||
var name = "animation-" + insertable.name;
|
||||
return {
|
||||
name: name,
|
||||
styles: "@keyframes " + name + "{" + insertable.styles + "}",
|
||||
anim: 1,
|
||||
toString: function toString() {
|
||||
return "_EMO_" + this.name + "_" + this.styles + "_EMO_";
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
var classnames = function classnames(args) {
|
||||
var len = args.length;
|
||||
var i = 0;
|
||||
var cls = '';
|
||||
|
||||
for (; i < len; i++) {
|
||||
var arg = args[i];
|
||||
if (arg == null) continue;
|
||||
var toAdd = void 0;
|
||||
|
||||
switch (typeof arg) {
|
||||
case 'boolean':
|
||||
break;
|
||||
|
||||
case 'object':
|
||||
{
|
||||
if (Array.isArray(arg)) {
|
||||
toAdd = classnames(arg);
|
||||
} else {
|
||||
if (arg.styles !== undefined && arg.name !== undefined) {
|
||||
console.error('You have passed styles created with `css` from `@emotion/react` package to the `cx`.\n' + '`cx` is meant to compose class names (strings) so you should convert those styles to a class name by passing them to the `css` received from <ClassNames/> component.');
|
||||
}
|
||||
|
||||
toAdd = '';
|
||||
|
||||
for (var k in arg) {
|
||||
if (arg[k] && k) {
|
||||
toAdd && (toAdd += ' ');
|
||||
toAdd += k;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
break;
|
||||
}
|
||||
|
||||
default:
|
||||
{
|
||||
toAdd = arg;
|
||||
}
|
||||
}
|
||||
|
||||
if (toAdd) {
|
||||
cls && (cls += ' ');
|
||||
cls += toAdd;
|
||||
}
|
||||
}
|
||||
|
||||
return cls;
|
||||
};
|
||||
|
||||
function merge(registered, css, className) {
|
||||
var registeredStyles = [];
|
||||
var rawClassName = utils.getRegisteredStyles(registered, registeredStyles, className);
|
||||
|
||||
if (registeredStyles.length < 2) {
|
||||
return className;
|
||||
}
|
||||
|
||||
return rawClassName + css(registeredStyles);
|
||||
}
|
||||
|
||||
var Insertion = function Insertion(_ref) {
|
||||
var cache = _ref.cache,
|
||||
serializedArr = _ref.serializedArr;
|
||||
var rules = useInsertionEffectWithFallbacks.useInsertionEffectAlwaysWithSyncFallback(function () {
|
||||
var rules = '';
|
||||
|
||||
for (var i = 0; i < serializedArr.length; i++) {
|
||||
var res = utils.insertStyles(cache, serializedArr[i], false);
|
||||
|
||||
if (res !== undefined) {
|
||||
rules += res;
|
||||
}
|
||||
}
|
||||
|
||||
{
|
||||
return rules;
|
||||
}
|
||||
});
|
||||
|
||||
if (rules.length !== 0) {
|
||||
var _ref2;
|
||||
|
||||
return /*#__PURE__*/React__namespace.createElement("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedArr.map(function (serialized) {
|
||||
return serialized.name;
|
||||
}).join(' '), _ref2.dangerouslySetInnerHTML = {
|
||||
__html: rules
|
||||
}, _ref2.nonce = cache.sheet.nonce, _ref2));
|
||||
}
|
||||
|
||||
return null;
|
||||
};
|
||||
|
||||
var ClassNames = /* #__PURE__ */emotionElement.withEmotionCache(function (props, cache) {
|
||||
var hasRendered = false;
|
||||
var serializedArr = [];
|
||||
|
||||
var css = function css() {
|
||||
if (hasRendered && isDevelopment) {
|
||||
throw new Error('css can only be used during render');
|
||||
}
|
||||
|
||||
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
||||
args[_key] = arguments[_key];
|
||||
}
|
||||
|
||||
var serialized = serialize.serializeStyles(args, cache.registered);
|
||||
serializedArr.push(serialized); // registration has to happen here as the result of this might get consumed by `cx`
|
||||
|
||||
utils.registerStyles(cache, serialized, false);
|
||||
return cache.key + "-" + serialized.name;
|
||||
};
|
||||
|
||||
var cx = function cx() {
|
||||
if (hasRendered && isDevelopment) {
|
||||
throw new Error('cx can only be used during render');
|
||||
}
|
||||
|
||||
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
||||
args[_key2] = arguments[_key2];
|
||||
}
|
||||
|
||||
return merge(cache.registered, css, classnames(args));
|
||||
};
|
||||
|
||||
var content = {
|
||||
css: css,
|
||||
cx: cx,
|
||||
theme: React__namespace.useContext(emotionElement.ThemeContext)
|
||||
};
|
||||
var ele = props.children(content);
|
||||
hasRendered = true;
|
||||
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Insertion, {
|
||||
cache: cache,
|
||||
serializedArr: serializedArr
|
||||
}), ele);
|
||||
});
|
||||
|
||||
{
|
||||
ClassNames.displayName = 'EmotionClassNames';
|
||||
}
|
||||
|
||||
{
|
||||
var isBrowser = typeof document !== 'undefined'; // #1727, #2905 for some reason Jest and Vitest evaluate modules twice if some consuming module gets mocked
|
||||
|
||||
var isTestEnv = typeof jest !== 'undefined' || typeof vi !== 'undefined';
|
||||
|
||||
if (isBrowser && !isTestEnv) {
|
||||
// globalThis has wide browser support - https://caniuse.com/?search=globalThis, Node.js 12 and later
|
||||
var globalContext = typeof globalThis !== 'undefined' ? globalThis // eslint-disable-line no-undef
|
||||
: isBrowser ? window : global;
|
||||
var globalKey = "__EMOTION_REACT_" + pkg.version.split('.')[0] + "__";
|
||||
|
||||
if (globalContext[globalKey]) {
|
||||
console.warn('You are loading @emotion/react when it is already loaded. Running ' + 'multiple instances may cause problems. This can happen if multiple ' + 'versions are used, or if multiple builds of the same version are ' + 'used.');
|
||||
}
|
||||
|
||||
globalContext[globalKey] = true;
|
||||
}
|
||||
}
|
||||
|
||||
exports.CacheProvider = emotionElement.CacheProvider;
|
||||
exports.ThemeContext = emotionElement.ThemeContext;
|
||||
exports.ThemeProvider = emotionElement.ThemeProvider;
|
||||
exports.__unsafe_useEmotionCache = emotionElement.__unsafe_useEmotionCache;
|
||||
exports.useTheme = emotionElement.useTheme;
|
||||
Object.defineProperty(exports, 'withEmotionCache', {
|
||||
enumerable: true,
|
||||
get: function () { return emotionElement.withEmotionCache; }
|
||||
});
|
||||
exports.withTheme = emotionElement.withTheme;
|
||||
exports.ClassNames = ClassNames;
|
||||
exports.Global = Global;
|
||||
exports.createElement = exports.jsx;
|
||||
exports.css = css;
|
||||
exports.keyframes = keyframes;
|
||||
15
node_modules/@emotion/react/dist/emotion-react.development.edge-light.cjs.mjs
generated
vendored
Normal file
15
node_modules/@emotion/react/dist/emotion-react.development.edge-light.cjs.mjs
generated
vendored
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
export {
|
||||
CacheProvider,
|
||||
ClassNames,
|
||||
Global,
|
||||
ThemeContext,
|
||||
ThemeProvider,
|
||||
__unsafe_useEmotionCache,
|
||||
createElement,
|
||||
css,
|
||||
jsx,
|
||||
keyframes,
|
||||
useTheme,
|
||||
withEmotionCache,
|
||||
withTheme
|
||||
} from "./emotion-react.development.edge-light.cjs.js";
|
||||
593
node_modules/@emotion/react/dist/emotion-react.development.edge-light.esm.js
generated
vendored
Normal file
593
node_modules/@emotion/react/dist/emotion-react.development.edge-light.esm.js
generated
vendored
Normal file
|
|
@ -0,0 +1,593 @@
|
|||
import { h as hasOwn, E as Emotion, c as createEmotionProps, w as withEmotionCache, T as ThemeContext } from './emotion-element-516430c7.development.edge-light.esm.js';
|
||||
export { C as CacheProvider, T as ThemeContext, a as ThemeProvider, _ as __unsafe_useEmotionCache, u as useTheme, w as withEmotionCache, b as withTheme } from './emotion-element-516430c7.development.edge-light.esm.js';
|
||||
import * as React from 'react';
|
||||
import { insertStyles, registerStyles, getRegisteredStyles } from '@emotion/utils';
|
||||
import { useInsertionEffectAlwaysWithSyncFallback } from '@emotion/use-insertion-effect-with-fallbacks';
|
||||
import { serializeStyles } from '@emotion/serialize';
|
||||
import '@emotion/cache';
|
||||
import '@babel/runtime/helpers/extends';
|
||||
import '@emotion/weak-memoize';
|
||||
import '../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.esm.js';
|
||||
import 'hoist-non-react-statics';
|
||||
|
||||
var isDevelopment = true;
|
||||
|
||||
var pkg = {
|
||||
name: "@emotion/react",
|
||||
version: "11.14.0",
|
||||
main: "dist/emotion-react.cjs.js",
|
||||
module: "dist/emotion-react.esm.js",
|
||||
types: "dist/emotion-react.cjs.d.ts",
|
||||
exports: {
|
||||
".": {
|
||||
types: {
|
||||
"import": "./dist/emotion-react.cjs.mjs",
|
||||
"default": "./dist/emotion-react.cjs.js"
|
||||
},
|
||||
development: {
|
||||
"edge-light": {
|
||||
module: "./dist/emotion-react.development.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.development.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.development.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./dist/emotion-react.development.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.development.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.development.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./dist/emotion-react.development.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.development.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.development.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./dist/emotion-react.browser.development.esm.js",
|
||||
"import": "./dist/emotion-react.browser.development.cjs.mjs",
|
||||
"default": "./dist/emotion-react.browser.development.cjs.js"
|
||||
},
|
||||
module: "./dist/emotion-react.development.esm.js",
|
||||
"import": "./dist/emotion-react.development.cjs.mjs",
|
||||
"default": "./dist/emotion-react.development.cjs.js"
|
||||
},
|
||||
"edge-light": {
|
||||
module: "./dist/emotion-react.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./dist/emotion-react.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./dist/emotion-react.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./dist/emotion-react.browser.esm.js",
|
||||
"import": "./dist/emotion-react.browser.cjs.mjs",
|
||||
"default": "./dist/emotion-react.browser.cjs.js"
|
||||
},
|
||||
module: "./dist/emotion-react.esm.js",
|
||||
"import": "./dist/emotion-react.cjs.mjs",
|
||||
"default": "./dist/emotion-react.cjs.js"
|
||||
},
|
||||
"./jsx-runtime": {
|
||||
types: {
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.js"
|
||||
},
|
||||
development: {
|
||||
"edge-light": {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.development.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.development.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.development.cjs.js"
|
||||
},
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.development.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.cjs.js"
|
||||
},
|
||||
"edge-light": {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.cjs.js"
|
||||
},
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.js"
|
||||
},
|
||||
"./_isolated-hnrs": {
|
||||
types: {
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.js"
|
||||
},
|
||||
development: {
|
||||
"edge-light": {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.development.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.development.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.development.cjs.js"
|
||||
},
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.cjs.js"
|
||||
},
|
||||
"edge-light": {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.cjs.js"
|
||||
},
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.js"
|
||||
},
|
||||
"./jsx-dev-runtime": {
|
||||
types: {
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.js"
|
||||
},
|
||||
development: {
|
||||
"edge-light": {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.development.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.development.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.development.cjs.js"
|
||||
},
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.cjs.js"
|
||||
},
|
||||
"edge-light": {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.cjs.js"
|
||||
},
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.js"
|
||||
},
|
||||
"./package.json": "./package.json",
|
||||
"./types/css-prop": "./types/css-prop.d.ts",
|
||||
"./macro": {
|
||||
types: {
|
||||
"import": "./macro.d.mts",
|
||||
"default": "./macro.d.ts"
|
||||
},
|
||||
"default": "./macro.js"
|
||||
}
|
||||
},
|
||||
imports: {
|
||||
"#is-development": {
|
||||
development: "./src/conditions/true.ts",
|
||||
"default": "./src/conditions/false.ts"
|
||||
},
|
||||
"#is-browser": {
|
||||
"edge-light": "./src/conditions/false.ts",
|
||||
workerd: "./src/conditions/false.ts",
|
||||
worker: "./src/conditions/false.ts",
|
||||
browser: "./src/conditions/true.ts",
|
||||
"default": "./src/conditions/is-browser.ts"
|
||||
}
|
||||
},
|
||||
files: [
|
||||
"src",
|
||||
"dist",
|
||||
"jsx-runtime",
|
||||
"jsx-dev-runtime",
|
||||
"_isolated-hnrs",
|
||||
"types/css-prop.d.ts",
|
||||
"macro.*"
|
||||
],
|
||||
sideEffects: false,
|
||||
author: "Emotion Contributors",
|
||||
license: "MIT",
|
||||
scripts: {
|
||||
"test:typescript": "dtslint types"
|
||||
},
|
||||
dependencies: {
|
||||
"@babel/runtime": "^7.18.3",
|
||||
"@emotion/babel-plugin": "^11.13.5",
|
||||
"@emotion/cache": "^11.14.0",
|
||||
"@emotion/serialize": "^1.3.3",
|
||||
"@emotion/use-insertion-effect-with-fallbacks": "^1.2.0",
|
||||
"@emotion/utils": "^1.4.2",
|
||||
"@emotion/weak-memoize": "^0.4.0",
|
||||
"hoist-non-react-statics": "^3.3.1"
|
||||
},
|
||||
peerDependencies: {
|
||||
react: ">=16.8.0"
|
||||
},
|
||||
peerDependenciesMeta: {
|
||||
"@types/react": {
|
||||
optional: true
|
||||
}
|
||||
},
|
||||
devDependencies: {
|
||||
"@definitelytyped/dtslint": "0.0.112",
|
||||
"@emotion/css": "11.13.5",
|
||||
"@emotion/css-prettifier": "1.2.0",
|
||||
"@emotion/server": "11.11.0",
|
||||
"@emotion/styled": "11.14.0",
|
||||
"@types/hoist-non-react-statics": "^3.3.5",
|
||||
"html-tag-names": "^1.1.2",
|
||||
react: "16.14.0",
|
||||
"svg-tag-names": "^1.1.1",
|
||||
typescript: "^5.4.5"
|
||||
},
|
||||
repository: "https://github.com/emotion-js/emotion/tree/main/packages/react",
|
||||
publishConfig: {
|
||||
access: "public"
|
||||
},
|
||||
"umd:main": "dist/emotion-react.umd.min.js",
|
||||
preconstruct: {
|
||||
entrypoints: [
|
||||
"./index.ts",
|
||||
"./jsx-runtime.ts",
|
||||
"./jsx-dev-runtime.ts",
|
||||
"./_isolated-hnrs.ts"
|
||||
],
|
||||
umdName: "emotionReact",
|
||||
exports: {
|
||||
extra: {
|
||||
"./types/css-prop": "./types/css-prop.d.ts",
|
||||
"./macro": {
|
||||
types: {
|
||||
"import": "./macro.d.mts",
|
||||
"default": "./macro.d.ts"
|
||||
},
|
||||
"default": "./macro.js"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
var jsx = function jsx(type, props) {
|
||||
// eslint-disable-next-line prefer-rest-params
|
||||
var args = arguments;
|
||||
|
||||
if (props == null || !hasOwn.call(props, 'css')) {
|
||||
return React.createElement.apply(undefined, args);
|
||||
}
|
||||
|
||||
var argsLength = args.length;
|
||||
var createElementArgArray = new Array(argsLength);
|
||||
createElementArgArray[0] = Emotion;
|
||||
createElementArgArray[1] = createEmotionProps(type, props);
|
||||
|
||||
for (var i = 2; i < argsLength; i++) {
|
||||
createElementArgArray[i] = args[i];
|
||||
}
|
||||
|
||||
return React.createElement.apply(null, createElementArgArray);
|
||||
};
|
||||
|
||||
(function (_jsx) {
|
||||
var JSX;
|
||||
|
||||
(function (_JSX) {})(JSX || (JSX = _jsx.JSX || (_jsx.JSX = {})));
|
||||
})(jsx || (jsx = {}));
|
||||
|
||||
var warnedAboutCssPropForGlobal = false; // maintain place over rerenders.
|
||||
// initial render from browser, insertBefore context.sheet.tags[0] or if a style hasn't been inserted there yet, appendChild
|
||||
// initial client-side render from SSR, use place of hydrating tag
|
||||
|
||||
var Global = /* #__PURE__ */withEmotionCache(function (props, cache) {
|
||||
if (!warnedAboutCssPropForGlobal && ( // check for className as well since the user is
|
||||
// probably using the custom createElement which
|
||||
// means it will be turned into a className prop
|
||||
// I don't really want to add it to the type since it shouldn't be used
|
||||
'className' in props && props.className || 'css' in props && props.css)) {
|
||||
console.error("It looks like you're using the css prop on Global, did you mean to use the styles prop instead?");
|
||||
warnedAboutCssPropForGlobal = true;
|
||||
}
|
||||
|
||||
var styles = props.styles;
|
||||
var serialized = serializeStyles([styles], undefined, React.useContext(ThemeContext));
|
||||
|
||||
{
|
||||
var _ref;
|
||||
|
||||
var serializedNames = serialized.name;
|
||||
var serializedStyles = serialized.styles;
|
||||
var next = serialized.next;
|
||||
|
||||
while (next !== undefined) {
|
||||
serializedNames += ' ' + next.name;
|
||||
serializedStyles += next.styles;
|
||||
next = next.next;
|
||||
}
|
||||
|
||||
var shouldCache = cache.compat === true;
|
||||
var rules = cache.insert("", {
|
||||
name: serializedNames,
|
||||
styles: serializedStyles
|
||||
}, cache.sheet, shouldCache);
|
||||
|
||||
if (shouldCache) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React.createElement("style", (_ref = {}, _ref["data-emotion"] = cache.key + "-global " + serializedNames, _ref.dangerouslySetInnerHTML = {
|
||||
__html: rules
|
||||
}, _ref.nonce = cache.sheet.nonce, _ref));
|
||||
} // yes, i know these hooks are used conditionally
|
||||
});
|
||||
|
||||
{
|
||||
Global.displayName = 'EmotionGlobal';
|
||||
}
|
||||
|
||||
function css() {
|
||||
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
||||
args[_key] = arguments[_key];
|
||||
}
|
||||
|
||||
return serializeStyles(args);
|
||||
}
|
||||
|
||||
function keyframes() {
|
||||
var insertable = css.apply(void 0, arguments);
|
||||
var name = "animation-" + insertable.name;
|
||||
return {
|
||||
name: name,
|
||||
styles: "@keyframes " + name + "{" + insertable.styles + "}",
|
||||
anim: 1,
|
||||
toString: function toString() {
|
||||
return "_EMO_" + this.name + "_" + this.styles + "_EMO_";
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
var classnames = function classnames(args) {
|
||||
var len = args.length;
|
||||
var i = 0;
|
||||
var cls = '';
|
||||
|
||||
for (; i < len; i++) {
|
||||
var arg = args[i];
|
||||
if (arg == null) continue;
|
||||
var toAdd = void 0;
|
||||
|
||||
switch (typeof arg) {
|
||||
case 'boolean':
|
||||
break;
|
||||
|
||||
case 'object':
|
||||
{
|
||||
if (Array.isArray(arg)) {
|
||||
toAdd = classnames(arg);
|
||||
} else {
|
||||
if (arg.styles !== undefined && arg.name !== undefined) {
|
||||
console.error('You have passed styles created with `css` from `@emotion/react` package to the `cx`.\n' + '`cx` is meant to compose class names (strings) so you should convert those styles to a class name by passing them to the `css` received from <ClassNames/> component.');
|
||||
}
|
||||
|
||||
toAdd = '';
|
||||
|
||||
for (var k in arg) {
|
||||
if (arg[k] && k) {
|
||||
toAdd && (toAdd += ' ');
|
||||
toAdd += k;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
break;
|
||||
}
|
||||
|
||||
default:
|
||||
{
|
||||
toAdd = arg;
|
||||
}
|
||||
}
|
||||
|
||||
if (toAdd) {
|
||||
cls && (cls += ' ');
|
||||
cls += toAdd;
|
||||
}
|
||||
}
|
||||
|
||||
return cls;
|
||||
};
|
||||
|
||||
function merge(registered, css, className) {
|
||||
var registeredStyles = [];
|
||||
var rawClassName = getRegisteredStyles(registered, registeredStyles, className);
|
||||
|
||||
if (registeredStyles.length < 2) {
|
||||
return className;
|
||||
}
|
||||
|
||||
return rawClassName + css(registeredStyles);
|
||||
}
|
||||
|
||||
var Insertion = function Insertion(_ref) {
|
||||
var cache = _ref.cache,
|
||||
serializedArr = _ref.serializedArr;
|
||||
var rules = useInsertionEffectAlwaysWithSyncFallback(function () {
|
||||
var rules = '';
|
||||
|
||||
for (var i = 0; i < serializedArr.length; i++) {
|
||||
var res = insertStyles(cache, serializedArr[i], false);
|
||||
|
||||
if (res !== undefined) {
|
||||
rules += res;
|
||||
}
|
||||
}
|
||||
|
||||
{
|
||||
return rules;
|
||||
}
|
||||
});
|
||||
|
||||
if (rules.length !== 0) {
|
||||
var _ref2;
|
||||
|
||||
return /*#__PURE__*/React.createElement("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedArr.map(function (serialized) {
|
||||
return serialized.name;
|
||||
}).join(' '), _ref2.dangerouslySetInnerHTML = {
|
||||
__html: rules
|
||||
}, _ref2.nonce = cache.sheet.nonce, _ref2));
|
||||
}
|
||||
|
||||
return null;
|
||||
};
|
||||
|
||||
var ClassNames = /* #__PURE__ */withEmotionCache(function (props, cache) {
|
||||
var hasRendered = false;
|
||||
var serializedArr = [];
|
||||
|
||||
var css = function css() {
|
||||
if (hasRendered && isDevelopment) {
|
||||
throw new Error('css can only be used during render');
|
||||
}
|
||||
|
||||
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
||||
args[_key] = arguments[_key];
|
||||
}
|
||||
|
||||
var serialized = serializeStyles(args, cache.registered);
|
||||
serializedArr.push(serialized); // registration has to happen here as the result of this might get consumed by `cx`
|
||||
|
||||
registerStyles(cache, serialized, false);
|
||||
return cache.key + "-" + serialized.name;
|
||||
};
|
||||
|
||||
var cx = function cx() {
|
||||
if (hasRendered && isDevelopment) {
|
||||
throw new Error('cx can only be used during render');
|
||||
}
|
||||
|
||||
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
||||
args[_key2] = arguments[_key2];
|
||||
}
|
||||
|
||||
return merge(cache.registered, css, classnames(args));
|
||||
};
|
||||
|
||||
var content = {
|
||||
css: css,
|
||||
cx: cx,
|
||||
theme: React.useContext(ThemeContext)
|
||||
};
|
||||
var ele = props.children(content);
|
||||
hasRendered = true;
|
||||
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Insertion, {
|
||||
cache: cache,
|
||||
serializedArr: serializedArr
|
||||
}), ele);
|
||||
});
|
||||
|
||||
{
|
||||
ClassNames.displayName = 'EmotionClassNames';
|
||||
}
|
||||
|
||||
{
|
||||
var isBrowser = typeof document !== 'undefined'; // #1727, #2905 for some reason Jest and Vitest evaluate modules twice if some consuming module gets mocked
|
||||
|
||||
var isTestEnv = typeof jest !== 'undefined' || typeof vi !== 'undefined';
|
||||
|
||||
if (isBrowser && !isTestEnv) {
|
||||
// globalThis has wide browser support - https://caniuse.com/?search=globalThis, Node.js 12 and later
|
||||
var globalContext = typeof globalThis !== 'undefined' ? globalThis // eslint-disable-line no-undef
|
||||
: isBrowser ? window : global;
|
||||
var globalKey = "__EMOTION_REACT_" + pkg.version.split('.')[0] + "__";
|
||||
|
||||
if (globalContext[globalKey]) {
|
||||
console.warn('You are loading @emotion/react when it is already loaded. Running ' + 'multiple instances may cause problems. This can happen if multiple ' + 'versions are used, or if multiple builds of the same version are ' + 'used.');
|
||||
}
|
||||
|
||||
globalContext[globalKey] = true;
|
||||
}
|
||||
}
|
||||
|
||||
export { ClassNames, Global, jsx as createElement, css, jsx, keyframes };
|
||||
652
node_modules/@emotion/react/dist/emotion-react.development.esm.js
generated
vendored
Normal file
652
node_modules/@emotion/react/dist/emotion-react.development.esm.js
generated
vendored
Normal file
|
|
@ -0,0 +1,652 @@
|
|||
import { h as hasOwn, E as Emotion, c as createEmotionProps, w as withEmotionCache, T as ThemeContext, i as isBrowser$1 } from './emotion-element-782f682d.development.esm.js';
|
||||
export { C as CacheProvider, T as ThemeContext, a as ThemeProvider, _ as __unsafe_useEmotionCache, u as useTheme, w as withEmotionCache, b as withTheme } from './emotion-element-782f682d.development.esm.js';
|
||||
import * as React from 'react';
|
||||
import { insertStyles, registerStyles, getRegisteredStyles } from '@emotion/utils';
|
||||
import { useInsertionEffectWithLayoutFallback, useInsertionEffectAlwaysWithSyncFallback } from '@emotion/use-insertion-effect-with-fallbacks';
|
||||
import { serializeStyles } from '@emotion/serialize';
|
||||
import '@emotion/cache';
|
||||
import '@babel/runtime/helpers/extends';
|
||||
import '@emotion/weak-memoize';
|
||||
import '../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.esm.js';
|
||||
import 'hoist-non-react-statics';
|
||||
|
||||
var isDevelopment = true;
|
||||
|
||||
var pkg = {
|
||||
name: "@emotion/react",
|
||||
version: "11.14.0",
|
||||
main: "dist/emotion-react.cjs.js",
|
||||
module: "dist/emotion-react.esm.js",
|
||||
types: "dist/emotion-react.cjs.d.ts",
|
||||
exports: {
|
||||
".": {
|
||||
types: {
|
||||
"import": "./dist/emotion-react.cjs.mjs",
|
||||
"default": "./dist/emotion-react.cjs.js"
|
||||
},
|
||||
development: {
|
||||
"edge-light": {
|
||||
module: "./dist/emotion-react.development.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.development.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.development.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./dist/emotion-react.development.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.development.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.development.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./dist/emotion-react.development.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.development.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.development.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./dist/emotion-react.browser.development.esm.js",
|
||||
"import": "./dist/emotion-react.browser.development.cjs.mjs",
|
||||
"default": "./dist/emotion-react.browser.development.cjs.js"
|
||||
},
|
||||
module: "./dist/emotion-react.development.esm.js",
|
||||
"import": "./dist/emotion-react.development.cjs.mjs",
|
||||
"default": "./dist/emotion-react.development.cjs.js"
|
||||
},
|
||||
"edge-light": {
|
||||
module: "./dist/emotion-react.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./dist/emotion-react.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./dist/emotion-react.edge-light.esm.js",
|
||||
"import": "./dist/emotion-react.edge-light.cjs.mjs",
|
||||
"default": "./dist/emotion-react.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./dist/emotion-react.browser.esm.js",
|
||||
"import": "./dist/emotion-react.browser.cjs.mjs",
|
||||
"default": "./dist/emotion-react.browser.cjs.js"
|
||||
},
|
||||
module: "./dist/emotion-react.esm.js",
|
||||
"import": "./dist/emotion-react.cjs.mjs",
|
||||
"default": "./dist/emotion-react.cjs.js"
|
||||
},
|
||||
"./jsx-runtime": {
|
||||
types: {
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.js"
|
||||
},
|
||||
development: {
|
||||
"edge-light": {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.development.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.development.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.development.cjs.js"
|
||||
},
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.development.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.development.cjs.js"
|
||||
},
|
||||
"edge-light": {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.cjs.js"
|
||||
},
|
||||
module: "./jsx-runtime/dist/emotion-react-jsx-runtime.esm.js",
|
||||
"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.mjs",
|
||||
"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.js"
|
||||
},
|
||||
"./_isolated-hnrs": {
|
||||
types: {
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.js"
|
||||
},
|
||||
development: {
|
||||
"edge-light": {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.development.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.development.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.development.cjs.js"
|
||||
},
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.development.cjs.js"
|
||||
},
|
||||
"edge-light": {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.cjs.js"
|
||||
},
|
||||
module: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.esm.js",
|
||||
"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.mjs",
|
||||
"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.js"
|
||||
},
|
||||
"./jsx-dev-runtime": {
|
||||
types: {
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.js"
|
||||
},
|
||||
development: {
|
||||
"edge-light": {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.development.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.development.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.development.cjs.js"
|
||||
},
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.development.cjs.js"
|
||||
},
|
||||
"edge-light": {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.js"
|
||||
},
|
||||
worker: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.js"
|
||||
},
|
||||
workerd: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.edge-light.cjs.js"
|
||||
},
|
||||
browser: {
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.cjs.js"
|
||||
},
|
||||
module: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.esm.js",
|
||||
"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.mjs",
|
||||
"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.js"
|
||||
},
|
||||
"./package.json": "./package.json",
|
||||
"./types/css-prop": "./types/css-prop.d.ts",
|
||||
"./macro": {
|
||||
types: {
|
||||
"import": "./macro.d.mts",
|
||||
"default": "./macro.d.ts"
|
||||
},
|
||||
"default": "./macro.js"
|
||||
}
|
||||
},
|
||||
imports: {
|
||||
"#is-development": {
|
||||
development: "./src/conditions/true.ts",
|
||||
"default": "./src/conditions/false.ts"
|
||||
},
|
||||
"#is-browser": {
|
||||
"edge-light": "./src/conditions/false.ts",
|
||||
workerd: "./src/conditions/false.ts",
|
||||
worker: "./src/conditions/false.ts",
|
||||
browser: "./src/conditions/true.ts",
|
||||
"default": "./src/conditions/is-browser.ts"
|
||||
}
|
||||
},
|
||||
files: [
|
||||
"src",
|
||||
"dist",
|
||||
"jsx-runtime",
|
||||
"jsx-dev-runtime",
|
||||
"_isolated-hnrs",
|
||||
"types/css-prop.d.ts",
|
||||
"macro.*"
|
||||
],
|
||||
sideEffects: false,
|
||||
author: "Emotion Contributors",
|
||||
license: "MIT",
|
||||
scripts: {
|
||||
"test:typescript": "dtslint types"
|
||||
},
|
||||
dependencies: {
|
||||
"@babel/runtime": "^7.18.3",
|
||||
"@emotion/babel-plugin": "^11.13.5",
|
||||
"@emotion/cache": "^11.14.0",
|
||||
"@emotion/serialize": "^1.3.3",
|
||||
"@emotion/use-insertion-effect-with-fallbacks": "^1.2.0",
|
||||
"@emotion/utils": "^1.4.2",
|
||||
"@emotion/weak-memoize": "^0.4.0",
|
||||
"hoist-non-react-statics": "^3.3.1"
|
||||
},
|
||||
peerDependencies: {
|
||||
react: ">=16.8.0"
|
||||
},
|
||||
peerDependenciesMeta: {
|
||||
"@types/react": {
|
||||
optional: true
|
||||
}
|
||||
},
|
||||
devDependencies: {
|
||||
"@definitelytyped/dtslint": "0.0.112",
|
||||
"@emotion/css": "11.13.5",
|
||||
"@emotion/css-prettifier": "1.2.0",
|
||||
"@emotion/server": "11.11.0",
|
||||
"@emotion/styled": "11.14.0",
|
||||
"@types/hoist-non-react-statics": "^3.3.5",
|
||||
"html-tag-names": "^1.1.2",
|
||||
react: "16.14.0",
|
||||
"svg-tag-names": "^1.1.1",
|
||||
typescript: "^5.4.5"
|
||||
},
|
||||
repository: "https://github.com/emotion-js/emotion/tree/main/packages/react",
|
||||
publishConfig: {
|
||||
access: "public"
|
||||
},
|
||||
"umd:main": "dist/emotion-react.umd.min.js",
|
||||
preconstruct: {
|
||||
entrypoints: [
|
||||
"./index.ts",
|
||||
"./jsx-runtime.ts",
|
||||
"./jsx-dev-runtime.ts",
|
||||
"./_isolated-hnrs.ts"
|
||||
],
|
||||
umdName: "emotionReact",
|
||||
exports: {
|
||||
extra: {
|
||||
"./types/css-prop": "./types/css-prop.d.ts",
|
||||
"./macro": {
|
||||
types: {
|
||||
"import": "./macro.d.mts",
|
||||
"default": "./macro.d.ts"
|
||||
},
|
||||
"default": "./macro.js"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
var jsx = function jsx(type, props) {
|
||||
// eslint-disable-next-line prefer-rest-params
|
||||
var args = arguments;
|
||||
|
||||
if (props == null || !hasOwn.call(props, 'css')) {
|
||||
return React.createElement.apply(undefined, args);
|
||||
}
|
||||
|
||||
var argsLength = args.length;
|
||||
var createElementArgArray = new Array(argsLength);
|
||||
createElementArgArray[0] = Emotion;
|
||||
createElementArgArray[1] = createEmotionProps(type, props);
|
||||
|
||||
for (var i = 2; i < argsLength; i++) {
|
||||
createElementArgArray[i] = args[i];
|
||||
}
|
||||
|
||||
return React.createElement.apply(null, createElementArgArray);
|
||||
};
|
||||
|
||||
(function (_jsx) {
|
||||
var JSX;
|
||||
|
||||
(function (_JSX) {})(JSX || (JSX = _jsx.JSX || (_jsx.JSX = {})));
|
||||
})(jsx || (jsx = {}));
|
||||
|
||||
var warnedAboutCssPropForGlobal = false; // maintain place over rerenders.
|
||||
// initial render from browser, insertBefore context.sheet.tags[0] or if a style hasn't been inserted there yet, appendChild
|
||||
// initial client-side render from SSR, use place of hydrating tag
|
||||
|
||||
var Global = /* #__PURE__ */withEmotionCache(function (props, cache) {
|
||||
if (!warnedAboutCssPropForGlobal && ( // check for className as well since the user is
|
||||
// probably using the custom createElement which
|
||||
// means it will be turned into a className prop
|
||||
// I don't really want to add it to the type since it shouldn't be used
|
||||
'className' in props && props.className || 'css' in props && props.css)) {
|
||||
console.error("It looks like you're using the css prop on Global, did you mean to use the styles prop instead?");
|
||||
warnedAboutCssPropForGlobal = true;
|
||||
}
|
||||
|
||||
var styles = props.styles;
|
||||
var serialized = serializeStyles([styles], undefined, React.useContext(ThemeContext));
|
||||
|
||||
if (!isBrowser$1) {
|
||||
var _ref;
|
||||
|
||||
var serializedNames = serialized.name;
|
||||
var serializedStyles = serialized.styles;
|
||||
var next = serialized.next;
|
||||
|
||||
while (next !== undefined) {
|
||||
serializedNames += ' ' + next.name;
|
||||
serializedStyles += next.styles;
|
||||
next = next.next;
|
||||
}
|
||||
|
||||
var shouldCache = cache.compat === true;
|
||||
var rules = cache.insert("", {
|
||||
name: serializedNames,
|
||||
styles: serializedStyles
|
||||
}, cache.sheet, shouldCache);
|
||||
|
||||
if (shouldCache) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React.createElement("style", (_ref = {}, _ref["data-emotion"] = cache.key + "-global " + serializedNames, _ref.dangerouslySetInnerHTML = {
|
||||
__html: rules
|
||||
}, _ref.nonce = cache.sheet.nonce, _ref));
|
||||
} // yes, i know these hooks are used conditionally
|
||||
// but it is based on a constant that will never change at runtime
|
||||
// it's effectively like having two implementations and switching them out
|
||||
// so it's not actually breaking anything
|
||||
|
||||
|
||||
var sheetRef = React.useRef();
|
||||
useInsertionEffectWithLayoutFallback(function () {
|
||||
var key = cache.key + "-global"; // use case of https://github.com/emotion-js/emotion/issues/2675
|
||||
|
||||
var sheet = new cache.sheet.constructor({
|
||||
key: key,
|
||||
nonce: cache.sheet.nonce,
|
||||
container: cache.sheet.container,
|
||||
speedy: cache.sheet.isSpeedy
|
||||
});
|
||||
var rehydrating = false;
|
||||
var node = document.querySelector("style[data-emotion=\"" + key + " " + serialized.name + "\"]");
|
||||
|
||||
if (cache.sheet.tags.length) {
|
||||
sheet.before = cache.sheet.tags[0];
|
||||
}
|
||||
|
||||
if (node !== null) {
|
||||
rehydrating = true; // clear the hash so this node won't be recognizable as rehydratable by other <Global/>s
|
||||
|
||||
node.setAttribute('data-emotion', key);
|
||||
sheet.hydrate([node]);
|
||||
}
|
||||
|
||||
sheetRef.current = [sheet, rehydrating];
|
||||
return function () {
|
||||
sheet.flush();
|
||||
};
|
||||
}, [cache]);
|
||||
useInsertionEffectWithLayoutFallback(function () {
|
||||
var sheetRefCurrent = sheetRef.current;
|
||||
var sheet = sheetRefCurrent[0],
|
||||
rehydrating = sheetRefCurrent[1];
|
||||
|
||||
if (rehydrating) {
|
||||
sheetRefCurrent[1] = false;
|
||||
return;
|
||||
}
|
||||
|
||||
if (serialized.next !== undefined) {
|
||||
// insert keyframes
|
||||
insertStyles(cache, serialized.next, true);
|
||||
}
|
||||
|
||||
if (sheet.tags.length) {
|
||||
// if this doesn't exist then it will be null so the style element will be appended
|
||||
var element = sheet.tags[sheet.tags.length - 1].nextElementSibling;
|
||||
sheet.before = element;
|
||||
sheet.flush();
|
||||
}
|
||||
|
||||
cache.insert("", serialized, sheet, false);
|
||||
}, [cache, serialized.name]);
|
||||
return null;
|
||||
});
|
||||
|
||||
{
|
||||
Global.displayName = 'EmotionGlobal';
|
||||
}
|
||||
|
||||
function css() {
|
||||
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
||||
args[_key] = arguments[_key];
|
||||
}
|
||||
|
||||
return serializeStyles(args);
|
||||
}
|
||||
|
||||
function keyframes() {
|
||||
var insertable = css.apply(void 0, arguments);
|
||||
var name = "animation-" + insertable.name;
|
||||
return {
|
||||
name: name,
|
||||
styles: "@keyframes " + name + "{" + insertable.styles + "}",
|
||||
anim: 1,
|
||||
toString: function toString() {
|
||||
return "_EMO_" + this.name + "_" + this.styles + "_EMO_";
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
var classnames = function classnames(args) {
|
||||
var len = args.length;
|
||||
var i = 0;
|
||||
var cls = '';
|
||||
|
||||
for (; i < len; i++) {
|
||||
var arg = args[i];
|
||||
if (arg == null) continue;
|
||||
var toAdd = void 0;
|
||||
|
||||
switch (typeof arg) {
|
||||
case 'boolean':
|
||||
break;
|
||||
|
||||
case 'object':
|
||||
{
|
||||
if (Array.isArray(arg)) {
|
||||
toAdd = classnames(arg);
|
||||
} else {
|
||||
if (arg.styles !== undefined && arg.name !== undefined) {
|
||||
console.error('You have passed styles created with `css` from `@emotion/react` package to the `cx`.\n' + '`cx` is meant to compose class names (strings) so you should convert those styles to a class name by passing them to the `css` received from <ClassNames/> component.');
|
||||
}
|
||||
|
||||
toAdd = '';
|
||||
|
||||
for (var k in arg) {
|
||||
if (arg[k] && k) {
|
||||
toAdd && (toAdd += ' ');
|
||||
toAdd += k;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
break;
|
||||
}
|
||||
|
||||
default:
|
||||
{
|
||||
toAdd = arg;
|
||||
}
|
||||
}
|
||||
|
||||
if (toAdd) {
|
||||
cls && (cls += ' ');
|
||||
cls += toAdd;
|
||||
}
|
||||
}
|
||||
|
||||
return cls;
|
||||
};
|
||||
|
||||
function merge(registered, css, className) {
|
||||
var registeredStyles = [];
|
||||
var rawClassName = getRegisteredStyles(registered, registeredStyles, className);
|
||||
|
||||
if (registeredStyles.length < 2) {
|
||||
return className;
|
||||
}
|
||||
|
||||
return rawClassName + css(registeredStyles);
|
||||
}
|
||||
|
||||
var Insertion = function Insertion(_ref) {
|
||||
var cache = _ref.cache,
|
||||
serializedArr = _ref.serializedArr;
|
||||
var rules = useInsertionEffectAlwaysWithSyncFallback(function () {
|
||||
var rules = '';
|
||||
|
||||
for (var i = 0; i < serializedArr.length; i++) {
|
||||
var res = insertStyles(cache, serializedArr[i], false);
|
||||
|
||||
if (!isBrowser$1 && res !== undefined) {
|
||||
rules += res;
|
||||
}
|
||||
}
|
||||
|
||||
if (!isBrowser$1) {
|
||||
return rules;
|
||||
}
|
||||
});
|
||||
|
||||
if (!isBrowser$1 && rules.length !== 0) {
|
||||
var _ref2;
|
||||
|
||||
return /*#__PURE__*/React.createElement("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedArr.map(function (serialized) {
|
||||
return serialized.name;
|
||||
}).join(' '), _ref2.dangerouslySetInnerHTML = {
|
||||
__html: rules
|
||||
}, _ref2.nonce = cache.sheet.nonce, _ref2));
|
||||
}
|
||||
|
||||
return null;
|
||||
};
|
||||
|
||||
var ClassNames = /* #__PURE__ */withEmotionCache(function (props, cache) {
|
||||
var hasRendered = false;
|
||||
var serializedArr = [];
|
||||
|
||||
var css = function css() {
|
||||
if (hasRendered && isDevelopment) {
|
||||
throw new Error('css can only be used during render');
|
||||
}
|
||||
|
||||
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
||||
args[_key] = arguments[_key];
|
||||
}
|
||||
|
||||
var serialized = serializeStyles(args, cache.registered);
|
||||
serializedArr.push(serialized); // registration has to happen here as the result of this might get consumed by `cx`
|
||||
|
||||
registerStyles(cache, serialized, false);
|
||||
return cache.key + "-" + serialized.name;
|
||||
};
|
||||
|
||||
var cx = function cx() {
|
||||
if (hasRendered && isDevelopment) {
|
||||
throw new Error('cx can only be used during render');
|
||||
}
|
||||
|
||||
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
||||
args[_key2] = arguments[_key2];
|
||||
}
|
||||
|
||||
return merge(cache.registered, css, classnames(args));
|
||||
};
|
||||
|
||||
var content = {
|
||||
css: css,
|
||||
cx: cx,
|
||||
theme: React.useContext(ThemeContext)
|
||||
};
|
||||
var ele = props.children(content);
|
||||
hasRendered = true;
|
||||
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Insertion, {
|
||||
cache: cache,
|
||||
serializedArr: serializedArr
|
||||
}), ele);
|
||||
});
|
||||
|
||||
{
|
||||
ClassNames.displayName = 'EmotionClassNames';
|
||||
}
|
||||
|
||||
{
|
||||
var isBrowser = typeof document !== 'undefined'; // #1727, #2905 for some reason Jest and Vitest evaluate modules twice if some consuming module gets mocked
|
||||
|
||||
var isTestEnv = typeof jest !== 'undefined' || typeof vi !== 'undefined';
|
||||
|
||||
if (isBrowser && !isTestEnv) {
|
||||
// globalThis has wide browser support - https://caniuse.com/?search=globalThis, Node.js 12 and later
|
||||
var globalContext = typeof globalThis !== 'undefined' ? globalThis // eslint-disable-line no-undef
|
||||
: isBrowser ? window : global;
|
||||
var globalKey = "__EMOTION_REACT_" + pkg.version.split('.')[0] + "__";
|
||||
|
||||
if (globalContext[globalKey]) {
|
||||
console.warn('You are loading @emotion/react when it is already loaded. Running ' + 'multiple instances may cause problems. This can happen if multiple ' + 'versions are used, or if multiple builds of the same version are ' + 'used.');
|
||||
}
|
||||
|
||||
globalContext[globalKey] = true;
|
||||
}
|
||||
}
|
||||
|
||||
export { ClassNames, Global, jsx as createElement, css, jsx, keyframes };
|
||||
270
node_modules/@emotion/react/dist/emotion-react.edge-light.cjs.js
generated
vendored
Normal file
270
node_modules/@emotion/react/dist/emotion-react.edge-light.cjs.js
generated
vendored
Normal file
|
|
@ -0,0 +1,270 @@
|
|||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, '__esModule', { value: true });
|
||||
|
||||
var emotionElement = require('./emotion-element-af3dc15b.edge-light.cjs.js');
|
||||
var React = require('react');
|
||||
var utils = require('@emotion/utils');
|
||||
var useInsertionEffectWithFallbacks = require('@emotion/use-insertion-effect-with-fallbacks');
|
||||
var serialize = require('@emotion/serialize');
|
||||
require('@emotion/cache');
|
||||
require('@babel/runtime/helpers/extends');
|
||||
require('@emotion/weak-memoize');
|
||||
require('../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.cjs.js');
|
||||
require('hoist-non-react-statics');
|
||||
|
||||
function _interopNamespace(e) {
|
||||
if (e && e.__esModule) return e;
|
||||
var n = Object.create(null);
|
||||
if (e) {
|
||||
Object.keys(e).forEach(function (k) {
|
||||
if (k !== 'default') {
|
||||
var d = Object.getOwnPropertyDescriptor(e, k);
|
||||
Object.defineProperty(n, k, d.get ? d : {
|
||||
enumerable: true,
|
||||
get: function () { return e[k]; }
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
n["default"] = e;
|
||||
return Object.freeze(n);
|
||||
}
|
||||
|
||||
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
||||
|
||||
exports.jsx = function jsx(type, props) {
|
||||
// eslint-disable-next-line prefer-rest-params
|
||||
var args = arguments;
|
||||
|
||||
if (props == null || !emotionElement.hasOwn.call(props, 'css')) {
|
||||
return React__namespace.createElement.apply(undefined, args);
|
||||
}
|
||||
|
||||
var argsLength = args.length;
|
||||
var createElementArgArray = new Array(argsLength);
|
||||
createElementArgArray[0] = emotionElement.Emotion;
|
||||
createElementArgArray[1] = emotionElement.createEmotionProps(type, props);
|
||||
|
||||
for (var i = 2; i < argsLength; i++) {
|
||||
createElementArgArray[i] = args[i];
|
||||
}
|
||||
|
||||
return React__namespace.createElement.apply(null, createElementArgArray);
|
||||
};
|
||||
|
||||
(function (_jsx) {
|
||||
var JSX;
|
||||
|
||||
(function (_JSX) {})(JSX || (JSX = _jsx.JSX || (_jsx.JSX = {})));
|
||||
})(exports.jsx || (exports.jsx = {}));
|
||||
|
||||
// initial render from browser, insertBefore context.sheet.tags[0] or if a style hasn't been inserted there yet, appendChild
|
||||
// initial client-side render from SSR, use place of hydrating tag
|
||||
|
||||
var Global = /* #__PURE__ */emotionElement.withEmotionCache(function (props, cache) {
|
||||
|
||||
var styles = props.styles;
|
||||
var serialized = serialize.serializeStyles([styles], undefined, React__namespace.useContext(emotionElement.ThemeContext));
|
||||
|
||||
{
|
||||
var _ref;
|
||||
|
||||
var serializedNames = serialized.name;
|
||||
var serializedStyles = serialized.styles;
|
||||
var next = serialized.next;
|
||||
|
||||
while (next !== undefined) {
|
||||
serializedNames += ' ' + next.name;
|
||||
serializedStyles += next.styles;
|
||||
next = next.next;
|
||||
}
|
||||
|
||||
var shouldCache = cache.compat === true;
|
||||
var rules = cache.insert("", {
|
||||
name: serializedNames,
|
||||
styles: serializedStyles
|
||||
}, cache.sheet, shouldCache);
|
||||
|
||||
if (shouldCache) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React__namespace.createElement("style", (_ref = {}, _ref["data-emotion"] = cache.key + "-global " + serializedNames, _ref.dangerouslySetInnerHTML = {
|
||||
__html: rules
|
||||
}, _ref.nonce = cache.sheet.nonce, _ref));
|
||||
} // yes, i know these hooks are used conditionally
|
||||
});
|
||||
|
||||
function css() {
|
||||
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
||||
args[_key] = arguments[_key];
|
||||
}
|
||||
|
||||
return serialize.serializeStyles(args);
|
||||
}
|
||||
|
||||
function keyframes() {
|
||||
var insertable = css.apply(void 0, arguments);
|
||||
var name = "animation-" + insertable.name;
|
||||
return {
|
||||
name: name,
|
||||
styles: "@keyframes " + name + "{" + insertable.styles + "}",
|
||||
anim: 1,
|
||||
toString: function toString() {
|
||||
return "_EMO_" + this.name + "_" + this.styles + "_EMO_";
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
var classnames = function classnames(args) {
|
||||
var len = args.length;
|
||||
var i = 0;
|
||||
var cls = '';
|
||||
|
||||
for (; i < len; i++) {
|
||||
var arg = args[i];
|
||||
if (arg == null) continue;
|
||||
var toAdd = void 0;
|
||||
|
||||
switch (typeof arg) {
|
||||
case 'boolean':
|
||||
break;
|
||||
|
||||
case 'object':
|
||||
{
|
||||
if (Array.isArray(arg)) {
|
||||
toAdd = classnames(arg);
|
||||
} else {
|
||||
|
||||
toAdd = '';
|
||||
|
||||
for (var k in arg) {
|
||||
if (arg[k] && k) {
|
||||
toAdd && (toAdd += ' ');
|
||||
toAdd += k;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
break;
|
||||
}
|
||||
|
||||
default:
|
||||
{
|
||||
toAdd = arg;
|
||||
}
|
||||
}
|
||||
|
||||
if (toAdd) {
|
||||
cls && (cls += ' ');
|
||||
cls += toAdd;
|
||||
}
|
||||
}
|
||||
|
||||
return cls;
|
||||
};
|
||||
|
||||
function merge(registered, css, className) {
|
||||
var registeredStyles = [];
|
||||
var rawClassName = utils.getRegisteredStyles(registered, registeredStyles, className);
|
||||
|
||||
if (registeredStyles.length < 2) {
|
||||
return className;
|
||||
}
|
||||
|
||||
return rawClassName + css(registeredStyles);
|
||||
}
|
||||
|
||||
var Insertion = function Insertion(_ref) {
|
||||
var cache = _ref.cache,
|
||||
serializedArr = _ref.serializedArr;
|
||||
var rules = useInsertionEffectWithFallbacks.useInsertionEffectAlwaysWithSyncFallback(function () {
|
||||
var rules = '';
|
||||
|
||||
for (var i = 0; i < serializedArr.length; i++) {
|
||||
var res = utils.insertStyles(cache, serializedArr[i], false);
|
||||
|
||||
if (res !== undefined) {
|
||||
rules += res;
|
||||
}
|
||||
}
|
||||
|
||||
{
|
||||
return rules;
|
||||
}
|
||||
});
|
||||
|
||||
if (rules.length !== 0) {
|
||||
var _ref2;
|
||||
|
||||
return /*#__PURE__*/React__namespace.createElement("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedArr.map(function (serialized) {
|
||||
return serialized.name;
|
||||
}).join(' '), _ref2.dangerouslySetInnerHTML = {
|
||||
__html: rules
|
||||
}, _ref2.nonce = cache.sheet.nonce, _ref2));
|
||||
}
|
||||
|
||||
return null;
|
||||
};
|
||||
|
||||
var ClassNames = /* #__PURE__ */emotionElement.withEmotionCache(function (props, cache) {
|
||||
var hasRendered = false;
|
||||
var serializedArr = [];
|
||||
|
||||
var css = function css() {
|
||||
if (hasRendered && emotionElement.isDevelopment) {
|
||||
throw new Error('css can only be used during render');
|
||||
}
|
||||
|
||||
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
||||
args[_key] = arguments[_key];
|
||||
}
|
||||
|
||||
var serialized = serialize.serializeStyles(args, cache.registered);
|
||||
serializedArr.push(serialized); // registration has to happen here as the result of this might get consumed by `cx`
|
||||
|
||||
utils.registerStyles(cache, serialized, false);
|
||||
return cache.key + "-" + serialized.name;
|
||||
};
|
||||
|
||||
var cx = function cx() {
|
||||
if (hasRendered && emotionElement.isDevelopment) {
|
||||
throw new Error('cx can only be used during render');
|
||||
}
|
||||
|
||||
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
||||
args[_key2] = arguments[_key2];
|
||||
}
|
||||
|
||||
return merge(cache.registered, css, classnames(args));
|
||||
};
|
||||
|
||||
var content = {
|
||||
css: css,
|
||||
cx: cx,
|
||||
theme: React__namespace.useContext(emotionElement.ThemeContext)
|
||||
};
|
||||
var ele = props.children(content);
|
||||
hasRendered = true;
|
||||
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Insertion, {
|
||||
cache: cache,
|
||||
serializedArr: serializedArr
|
||||
}), ele);
|
||||
});
|
||||
|
||||
exports.CacheProvider = emotionElement.CacheProvider;
|
||||
exports.ThemeContext = emotionElement.ThemeContext;
|
||||
exports.ThemeProvider = emotionElement.ThemeProvider;
|
||||
exports.__unsafe_useEmotionCache = emotionElement.__unsafe_useEmotionCache;
|
||||
exports.useTheme = emotionElement.useTheme;
|
||||
Object.defineProperty(exports, 'withEmotionCache', {
|
||||
enumerable: true,
|
||||
get: function () { return emotionElement.withEmotionCache; }
|
||||
});
|
||||
exports.withTheme = emotionElement.withTheme;
|
||||
exports.ClassNames = ClassNames;
|
||||
exports.Global = Global;
|
||||
exports.createElement = exports.jsx;
|
||||
exports.css = css;
|
||||
exports.keyframes = keyframes;
|
||||
15
node_modules/@emotion/react/dist/emotion-react.edge-light.cjs.mjs
generated
vendored
Normal file
15
node_modules/@emotion/react/dist/emotion-react.edge-light.cjs.mjs
generated
vendored
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
export {
|
||||
CacheProvider,
|
||||
ClassNames,
|
||||
Global,
|
||||
ThemeContext,
|
||||
ThemeProvider,
|
||||
__unsafe_useEmotionCache,
|
||||
createElement,
|
||||
css,
|
||||
jsx,
|
||||
keyframes,
|
||||
useTheme,
|
||||
withEmotionCache,
|
||||
withTheme
|
||||
} from "./emotion-react.edge-light.cjs.js";
|
||||
233
node_modules/@emotion/react/dist/emotion-react.edge-light.esm.js
generated
vendored
Normal file
233
node_modules/@emotion/react/dist/emotion-react.edge-light.esm.js
generated
vendored
Normal file
|
|
@ -0,0 +1,233 @@
|
|||
import { h as hasOwn, E as Emotion, c as createEmotionProps, w as withEmotionCache, T as ThemeContext, i as isDevelopment } from './emotion-element-8113875a.edge-light.esm.js';
|
||||
export { C as CacheProvider, T as ThemeContext, a as ThemeProvider, _ as __unsafe_useEmotionCache, u as useTheme, w as withEmotionCache, b as withTheme } from './emotion-element-8113875a.edge-light.esm.js';
|
||||
import * as React from 'react';
|
||||
import { insertStyles, registerStyles, getRegisteredStyles } from '@emotion/utils';
|
||||
import { useInsertionEffectAlwaysWithSyncFallback } from '@emotion/use-insertion-effect-with-fallbacks';
|
||||
import { serializeStyles } from '@emotion/serialize';
|
||||
import '@emotion/cache';
|
||||
import '@babel/runtime/helpers/extends';
|
||||
import '@emotion/weak-memoize';
|
||||
import '../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.edge-light.esm.js';
|
||||
import 'hoist-non-react-statics';
|
||||
|
||||
var jsx = function jsx(type, props) {
|
||||
// eslint-disable-next-line prefer-rest-params
|
||||
var args = arguments;
|
||||
|
||||
if (props == null || !hasOwn.call(props, 'css')) {
|
||||
return React.createElement.apply(undefined, args);
|
||||
}
|
||||
|
||||
var argsLength = args.length;
|
||||
var createElementArgArray = new Array(argsLength);
|
||||
createElementArgArray[0] = Emotion;
|
||||
createElementArgArray[1] = createEmotionProps(type, props);
|
||||
|
||||
for (var i = 2; i < argsLength; i++) {
|
||||
createElementArgArray[i] = args[i];
|
||||
}
|
||||
|
||||
return React.createElement.apply(null, createElementArgArray);
|
||||
};
|
||||
|
||||
(function (_jsx) {
|
||||
var JSX;
|
||||
|
||||
(function (_JSX) {})(JSX || (JSX = _jsx.JSX || (_jsx.JSX = {})));
|
||||
})(jsx || (jsx = {}));
|
||||
|
||||
// initial render from browser, insertBefore context.sheet.tags[0] or if a style hasn't been inserted there yet, appendChild
|
||||
// initial client-side render from SSR, use place of hydrating tag
|
||||
|
||||
var Global = /* #__PURE__ */withEmotionCache(function (props, cache) {
|
||||
|
||||
var styles = props.styles;
|
||||
var serialized = serializeStyles([styles], undefined, React.useContext(ThemeContext));
|
||||
|
||||
{
|
||||
var _ref;
|
||||
|
||||
var serializedNames = serialized.name;
|
||||
var serializedStyles = serialized.styles;
|
||||
var next = serialized.next;
|
||||
|
||||
while (next !== undefined) {
|
||||
serializedNames += ' ' + next.name;
|
||||
serializedStyles += next.styles;
|
||||
next = next.next;
|
||||
}
|
||||
|
||||
var shouldCache = cache.compat === true;
|
||||
var rules = cache.insert("", {
|
||||
name: serializedNames,
|
||||
styles: serializedStyles
|
||||
}, cache.sheet, shouldCache);
|
||||
|
||||
if (shouldCache) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React.createElement("style", (_ref = {}, _ref["data-emotion"] = cache.key + "-global " + serializedNames, _ref.dangerouslySetInnerHTML = {
|
||||
__html: rules
|
||||
}, _ref.nonce = cache.sheet.nonce, _ref));
|
||||
} // yes, i know these hooks are used conditionally
|
||||
});
|
||||
|
||||
function css() {
|
||||
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
||||
args[_key] = arguments[_key];
|
||||
}
|
||||
|
||||
return serializeStyles(args);
|
||||
}
|
||||
|
||||
function keyframes() {
|
||||
var insertable = css.apply(void 0, arguments);
|
||||
var name = "animation-" + insertable.name;
|
||||
return {
|
||||
name: name,
|
||||
styles: "@keyframes " + name + "{" + insertable.styles + "}",
|
||||
anim: 1,
|
||||
toString: function toString() {
|
||||
return "_EMO_" + this.name + "_" + this.styles + "_EMO_";
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
var classnames = function classnames(args) {
|
||||
var len = args.length;
|
||||
var i = 0;
|
||||
var cls = '';
|
||||
|
||||
for (; i < len; i++) {
|
||||
var arg = args[i];
|
||||
if (arg == null) continue;
|
||||
var toAdd = void 0;
|
||||
|
||||
switch (typeof arg) {
|
||||
case 'boolean':
|
||||
break;
|
||||
|
||||
case 'object':
|
||||
{
|
||||
if (Array.isArray(arg)) {
|
||||
toAdd = classnames(arg);
|
||||
} else {
|
||||
|
||||
toAdd = '';
|
||||
|
||||
for (var k in arg) {
|
||||
if (arg[k] && k) {
|
||||
toAdd && (toAdd += ' ');
|
||||
toAdd += k;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
break;
|
||||
}
|
||||
|
||||
default:
|
||||
{
|
||||
toAdd = arg;
|
||||
}
|
||||
}
|
||||
|
||||
if (toAdd) {
|
||||
cls && (cls += ' ');
|
||||
cls += toAdd;
|
||||
}
|
||||
}
|
||||
|
||||
return cls;
|
||||
};
|
||||
|
||||
function merge(registered, css, className) {
|
||||
var registeredStyles = [];
|
||||
var rawClassName = getRegisteredStyles(registered, registeredStyles, className);
|
||||
|
||||
if (registeredStyles.length < 2) {
|
||||
return className;
|
||||
}
|
||||
|
||||
return rawClassName + css(registeredStyles);
|
||||
}
|
||||
|
||||
var Insertion = function Insertion(_ref) {
|
||||
var cache = _ref.cache,
|
||||
serializedArr = _ref.serializedArr;
|
||||
var rules = useInsertionEffectAlwaysWithSyncFallback(function () {
|
||||
var rules = '';
|
||||
|
||||
for (var i = 0; i < serializedArr.length; i++) {
|
||||
var res = insertStyles(cache, serializedArr[i], false);
|
||||
|
||||
if (res !== undefined) {
|
||||
rules += res;
|
||||
}
|
||||
}
|
||||
|
||||
{
|
||||
return rules;
|
||||
}
|
||||
});
|
||||
|
||||
if (rules.length !== 0) {
|
||||
var _ref2;
|
||||
|
||||
return /*#__PURE__*/React.createElement("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedArr.map(function (serialized) {
|
||||
return serialized.name;
|
||||
}).join(' '), _ref2.dangerouslySetInnerHTML = {
|
||||
__html: rules
|
||||
}, _ref2.nonce = cache.sheet.nonce, _ref2));
|
||||
}
|
||||
|
||||
return null;
|
||||
};
|
||||
|
||||
var ClassNames = /* #__PURE__ */withEmotionCache(function (props, cache) {
|
||||
var hasRendered = false;
|
||||
var serializedArr = [];
|
||||
|
||||
var css = function css() {
|
||||
if (hasRendered && isDevelopment) {
|
||||
throw new Error('css can only be used during render');
|
||||
}
|
||||
|
||||
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
||||
args[_key] = arguments[_key];
|
||||
}
|
||||
|
||||
var serialized = serializeStyles(args, cache.registered);
|
||||
serializedArr.push(serialized); // registration has to happen here as the result of this might get consumed by `cx`
|
||||
|
||||
registerStyles(cache, serialized, false);
|
||||
return cache.key + "-" + serialized.name;
|
||||
};
|
||||
|
||||
var cx = function cx() {
|
||||
if (hasRendered && isDevelopment) {
|
||||
throw new Error('cx can only be used during render');
|
||||
}
|
||||
|
||||
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
||||
args[_key2] = arguments[_key2];
|
||||
}
|
||||
|
||||
return merge(cache.registered, css, classnames(args));
|
||||
};
|
||||
|
||||
var content = {
|
||||
css: css,
|
||||
cx: cx,
|
||||
theme: React.useContext(ThemeContext)
|
||||
};
|
||||
var ele = props.children(content);
|
||||
hasRendered = true;
|
||||
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Insertion, {
|
||||
cache: cache,
|
||||
serializedArr: serializedArr
|
||||
}), ele);
|
||||
});
|
||||
|
||||
export { ClassNames, Global, jsx as createElement, css, jsx, keyframes };
|
||||
292
node_modules/@emotion/react/dist/emotion-react.esm.js
generated
vendored
Normal file
292
node_modules/@emotion/react/dist/emotion-react.esm.js
generated
vendored
Normal file
|
|
@ -0,0 +1,292 @@
|
|||
import { h as hasOwn, E as Emotion, c as createEmotionProps, w as withEmotionCache, T as ThemeContext, i as isBrowser, a as isDevelopment } from './emotion-element-d59e098f.esm.js';
|
||||
export { C as CacheProvider, T as ThemeContext, b as ThemeProvider, _ as __unsafe_useEmotionCache, u as useTheme, w as withEmotionCache, d as withTheme } from './emotion-element-d59e098f.esm.js';
|
||||
import * as React from 'react';
|
||||
import { insertStyles, registerStyles, getRegisteredStyles } from '@emotion/utils';
|
||||
import { useInsertionEffectWithLayoutFallback, useInsertionEffectAlwaysWithSyncFallback } from '@emotion/use-insertion-effect-with-fallbacks';
|
||||
import { serializeStyles } from '@emotion/serialize';
|
||||
import '@emotion/cache';
|
||||
import '@babel/runtime/helpers/extends';
|
||||
import '@emotion/weak-memoize';
|
||||
import '../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.esm.js';
|
||||
import 'hoist-non-react-statics';
|
||||
|
||||
var jsx = function jsx(type, props) {
|
||||
// eslint-disable-next-line prefer-rest-params
|
||||
var args = arguments;
|
||||
|
||||
if (props == null || !hasOwn.call(props, 'css')) {
|
||||
return React.createElement.apply(undefined, args);
|
||||
}
|
||||
|
||||
var argsLength = args.length;
|
||||
var createElementArgArray = new Array(argsLength);
|
||||
createElementArgArray[0] = Emotion;
|
||||
createElementArgArray[1] = createEmotionProps(type, props);
|
||||
|
||||
for (var i = 2; i < argsLength; i++) {
|
||||
createElementArgArray[i] = args[i];
|
||||
}
|
||||
|
||||
return React.createElement.apply(null, createElementArgArray);
|
||||
};
|
||||
|
||||
(function (_jsx) {
|
||||
var JSX;
|
||||
|
||||
(function (_JSX) {})(JSX || (JSX = _jsx.JSX || (_jsx.JSX = {})));
|
||||
})(jsx || (jsx = {}));
|
||||
|
||||
// initial render from browser, insertBefore context.sheet.tags[0] or if a style hasn't been inserted there yet, appendChild
|
||||
// initial client-side render from SSR, use place of hydrating tag
|
||||
|
||||
var Global = /* #__PURE__ */withEmotionCache(function (props, cache) {
|
||||
|
||||
var styles = props.styles;
|
||||
var serialized = serializeStyles([styles], undefined, React.useContext(ThemeContext));
|
||||
|
||||
if (!isBrowser) {
|
||||
var _ref;
|
||||
|
||||
var serializedNames = serialized.name;
|
||||
var serializedStyles = serialized.styles;
|
||||
var next = serialized.next;
|
||||
|
||||
while (next !== undefined) {
|
||||
serializedNames += ' ' + next.name;
|
||||
serializedStyles += next.styles;
|
||||
next = next.next;
|
||||
}
|
||||
|
||||
var shouldCache = cache.compat === true;
|
||||
var rules = cache.insert("", {
|
||||
name: serializedNames,
|
||||
styles: serializedStyles
|
||||
}, cache.sheet, shouldCache);
|
||||
|
||||
if (shouldCache) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React.createElement("style", (_ref = {}, _ref["data-emotion"] = cache.key + "-global " + serializedNames, _ref.dangerouslySetInnerHTML = {
|
||||
__html: rules
|
||||
}, _ref.nonce = cache.sheet.nonce, _ref));
|
||||
} // yes, i know these hooks are used conditionally
|
||||
// but it is based on a constant that will never change at runtime
|
||||
// it's effectively like having two implementations and switching them out
|
||||
// so it's not actually breaking anything
|
||||
|
||||
|
||||
var sheetRef = React.useRef();
|
||||
useInsertionEffectWithLayoutFallback(function () {
|
||||
var key = cache.key + "-global"; // use case of https://github.com/emotion-js/emotion/issues/2675
|
||||
|
||||
var sheet = new cache.sheet.constructor({
|
||||
key: key,
|
||||
nonce: cache.sheet.nonce,
|
||||
container: cache.sheet.container,
|
||||
speedy: cache.sheet.isSpeedy
|
||||
});
|
||||
var rehydrating = false;
|
||||
var node = document.querySelector("style[data-emotion=\"" + key + " " + serialized.name + "\"]");
|
||||
|
||||
if (cache.sheet.tags.length) {
|
||||
sheet.before = cache.sheet.tags[0];
|
||||
}
|
||||
|
||||
if (node !== null) {
|
||||
rehydrating = true; // clear the hash so this node won't be recognizable as rehydratable by other <Global/>s
|
||||
|
||||
node.setAttribute('data-emotion', key);
|
||||
sheet.hydrate([node]);
|
||||
}
|
||||
|
||||
sheetRef.current = [sheet, rehydrating];
|
||||
return function () {
|
||||
sheet.flush();
|
||||
};
|
||||
}, [cache]);
|
||||
useInsertionEffectWithLayoutFallback(function () {
|
||||
var sheetRefCurrent = sheetRef.current;
|
||||
var sheet = sheetRefCurrent[0],
|
||||
rehydrating = sheetRefCurrent[1];
|
||||
|
||||
if (rehydrating) {
|
||||
sheetRefCurrent[1] = false;
|
||||
return;
|
||||
}
|
||||
|
||||
if (serialized.next !== undefined) {
|
||||
// insert keyframes
|
||||
insertStyles(cache, serialized.next, true);
|
||||
}
|
||||
|
||||
if (sheet.tags.length) {
|
||||
// if this doesn't exist then it will be null so the style element will be appended
|
||||
var element = sheet.tags[sheet.tags.length - 1].nextElementSibling;
|
||||
sheet.before = element;
|
||||
sheet.flush();
|
||||
}
|
||||
|
||||
cache.insert("", serialized, sheet, false);
|
||||
}, [cache, serialized.name]);
|
||||
return null;
|
||||
});
|
||||
|
||||
function css() {
|
||||
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
||||
args[_key] = arguments[_key];
|
||||
}
|
||||
|
||||
return serializeStyles(args);
|
||||
}
|
||||
|
||||
function keyframes() {
|
||||
var insertable = css.apply(void 0, arguments);
|
||||
var name = "animation-" + insertable.name;
|
||||
return {
|
||||
name: name,
|
||||
styles: "@keyframes " + name + "{" + insertable.styles + "}",
|
||||
anim: 1,
|
||||
toString: function toString() {
|
||||
return "_EMO_" + this.name + "_" + this.styles + "_EMO_";
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
var classnames = function classnames(args) {
|
||||
var len = args.length;
|
||||
var i = 0;
|
||||
var cls = '';
|
||||
|
||||
for (; i < len; i++) {
|
||||
var arg = args[i];
|
||||
if (arg == null) continue;
|
||||
var toAdd = void 0;
|
||||
|
||||
switch (typeof arg) {
|
||||
case 'boolean':
|
||||
break;
|
||||
|
||||
case 'object':
|
||||
{
|
||||
if (Array.isArray(arg)) {
|
||||
toAdd = classnames(arg);
|
||||
} else {
|
||||
|
||||
toAdd = '';
|
||||
|
||||
for (var k in arg) {
|
||||
if (arg[k] && k) {
|
||||
toAdd && (toAdd += ' ');
|
||||
toAdd += k;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
break;
|
||||
}
|
||||
|
||||
default:
|
||||
{
|
||||
toAdd = arg;
|
||||
}
|
||||
}
|
||||
|
||||
if (toAdd) {
|
||||
cls && (cls += ' ');
|
||||
cls += toAdd;
|
||||
}
|
||||
}
|
||||
|
||||
return cls;
|
||||
};
|
||||
|
||||
function merge(registered, css, className) {
|
||||
var registeredStyles = [];
|
||||
var rawClassName = getRegisteredStyles(registered, registeredStyles, className);
|
||||
|
||||
if (registeredStyles.length < 2) {
|
||||
return className;
|
||||
}
|
||||
|
||||
return rawClassName + css(registeredStyles);
|
||||
}
|
||||
|
||||
var Insertion = function Insertion(_ref) {
|
||||
var cache = _ref.cache,
|
||||
serializedArr = _ref.serializedArr;
|
||||
var rules = useInsertionEffectAlwaysWithSyncFallback(function () {
|
||||
var rules = '';
|
||||
|
||||
for (var i = 0; i < serializedArr.length; i++) {
|
||||
var res = insertStyles(cache, serializedArr[i], false);
|
||||
|
||||
if (!isBrowser && res !== undefined) {
|
||||
rules += res;
|
||||
}
|
||||
}
|
||||
|
||||
if (!isBrowser) {
|
||||
return rules;
|
||||
}
|
||||
});
|
||||
|
||||
if (!isBrowser && rules.length !== 0) {
|
||||
var _ref2;
|
||||
|
||||
return /*#__PURE__*/React.createElement("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedArr.map(function (serialized) {
|
||||
return serialized.name;
|
||||
}).join(' '), _ref2.dangerouslySetInnerHTML = {
|
||||
__html: rules
|
||||
}, _ref2.nonce = cache.sheet.nonce, _ref2));
|
||||
}
|
||||
|
||||
return null;
|
||||
};
|
||||
|
||||
var ClassNames = /* #__PURE__ */withEmotionCache(function (props, cache) {
|
||||
var hasRendered = false;
|
||||
var serializedArr = [];
|
||||
|
||||
var css = function css() {
|
||||
if (hasRendered && isDevelopment) {
|
||||
throw new Error('css can only be used during render');
|
||||
}
|
||||
|
||||
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
||||
args[_key] = arguments[_key];
|
||||
}
|
||||
|
||||
var serialized = serializeStyles(args, cache.registered);
|
||||
serializedArr.push(serialized); // registration has to happen here as the result of this might get consumed by `cx`
|
||||
|
||||
registerStyles(cache, serialized, false);
|
||||
return cache.key + "-" + serialized.name;
|
||||
};
|
||||
|
||||
var cx = function cx() {
|
||||
if (hasRendered && isDevelopment) {
|
||||
throw new Error('cx can only be used during render');
|
||||
}
|
||||
|
||||
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
||||
args[_key2] = arguments[_key2];
|
||||
}
|
||||
|
||||
return merge(cache.registered, css, classnames(args));
|
||||
};
|
||||
|
||||
var content = {
|
||||
css: css,
|
||||
cx: cx,
|
||||
theme: React.useContext(ThemeContext)
|
||||
};
|
||||
var ele = props.children(content);
|
||||
hasRendered = true;
|
||||
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Insertion, {
|
||||
cache: cache,
|
||||
serializedArr: serializedArr
|
||||
}), ele);
|
||||
});
|
||||
|
||||
export { ClassNames, Global, jsx as createElement, css, jsx, keyframes };
|
||||
2
node_modules/@emotion/react/dist/emotion-react.umd.min.js
generated
vendored
Normal file
2
node_modules/@emotion/react/dist/emotion-react.umd.min.js
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
1
node_modules/@emotion/react/dist/emotion-react.umd.min.js.map
generated
vendored
Normal file
1
node_modules/@emotion/react/dist/emotion-react.umd.min.js.map
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
Loading…
Add table
Add a link
Reference in a new issue