@sprinklrjs/spaceweb 10.1.0

package/style/__mocks__/CSS.mock.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @author Ivan Torres
+ */
+import { ReactElement } from 'react';
+import { Styles } from '../../types';
+declare type Props = {
+    styleTest: Styles | Styles[];
+};
+declare const StyledComponent: (props: Props) => ReactElement;
+export default StyledComponent;

package/style/__mocks__/CSS.mock.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var useStyle_1 = (0, tslib_1.__importDefault)(require("../useStyle"));
+var StyledComponent = function (props) {
+    var styleTest = props.styleTest;
+    var css = (0, useStyle_1.default)().css;
+    return ((0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ "data-testid": "cssComponent", className: css.apply(void 0, (0, tslib_1.__spreadArray)([], (0, tslib_1.__read)((Array.isArray(styleTest) ? styleTest : [styleTest])), false)) }, { children: "Hello World!" }), void 0));
+};
+exports.default = StyledComponent;

package/style/__mocks__/UseStyle.mock.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @author Ivan Torres
+ */
+import { ReactElement } from 'react';
+import { StyleUtils } from '../../types';
+declare type Props = {
+    children: (styleUtils: StyleUtils) => ReactElement;
+};
+declare const _default: ({ children }: Props) => ReactElement;
+export default _default;

package/style/__mocks__/UseStyle.mock.js

@@ -0,0 +1,11 @@
+"use strict";
+/**
+ * @author Ivan Torres
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var useStyle_1 = (0, tslib_1.__importDefault)(require("../useStyle"));
+exports.default = (function (_a) {
+    var children = _a.children;
+    return children((0, useStyle_1.default)());
+});

package/style/_buildUtils.d.ts

@@ -0,0 +1,4 @@
+import { StyleUtils, ThemeContext, StyleObject } from '../types';
+declare type StyletronCSS = (arg: StyleObject) => string;
+declare const _default: (ctx: ThemeContext, styletronCSS: StyletronCSS) => StyleUtils;
+export default _default;

package/style/_buildUtils.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var _getStyle_1 = (0, tslib_1.__importDefault)(require("./_getStyle"));
+var _css_1 = (0, tslib_1.__importDefault)(require("./_css"));
+var _px2rem_1 = (0, tslib_1.__importDefault)(require("./_px2rem"));
+exports.default = (function (ctx, styletronCSS) {
+    var css = _css_1.default.bind(null, ctx, styletronCSS);
+    var getStyle = _getStyle_1.default.bind(null, ctx);
+    var px2rem = _px2rem_1.default.bind(null, ctx);
+    return (0, tslib_1.__assign)((0, tslib_1.__assign)({}, ctx), { css: css, getStyle: getStyle, px2rem: px2rem });
+});

package/style/_css.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @author Ivan Torres
+ */
+import { Styles, StyleUtils, StyleObject } from '../types';
+declare const _css: (utils: StyleUtils, styletronCSS: (arg: StyleObject) => string, ...args: Styles[]) => string;
+export default _css;

package/style/_css.js

@@ -0,0 +1,20 @@
+"use strict";
+/**
+ * @author Ivan Torres
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var classNames_1 = (0, tslib_1.__importDefault)(require("../classNames"));
+var _parseStyle_1 = (0, tslib_1.__importDefault)(require("./_parseStyle"));
+var _css = function (utils, styletronCSS) {
+    var args = [];
+    for (var _i = 2; _i < arguments.length; _i++) {
+        args[_i - 2] = arguments[_i];
+    }
+    // NOTE: prepend previously generated classes by styletron, this can happen
+    // when re-styling a component built with `styled` or `className` added
+    // on top of it:
+    var _a = (0, tslib_1.__read)((0, _parseStyle_1.default)(utils, {}, args), 2), styleObject = _a[0], invalidArgs = _a[1];
+    return (0, classNames_1.default)(invalidArgs, styletronCSS(styleObject));
+};
+exports.default = _css;

package/style/_escapeClassName.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @author Ivan Torres
+ */
+/// <reference types="lodash" />
+declare const _default: ((className: string) => string) & import("lodash").MemoizedFunction;
+export default _default;

package/style/_escapeClassName.js

@@ -0,0 +1,9 @@
+"use strict";
+/**
+ * @author Ivan Torres
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var memoize_1 = (0, tslib_1.__importDefault)(require("lodash/memoize"));
+var _escapeClassName = function (className) { return className.replace(/\//g, '\\/'); };
+exports.default = (0, memoize_1.default)(_escapeClassName);

package/style/_getStyle.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @author Ivan Torres
+ */
+import { Styles, StyleUtils, StyleObject } from '../types';
+declare const _getStyle: (utils: StyleUtils, ...args: Styles[]) => StyleObject;
+export default _getStyle;

package/style/_getStyle.js

@@ -0,0 +1,17 @@
+"use strict";
+/**
+ * @author Ivan Torres
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var _parseStyle_1 = (0, tslib_1.__importDefault)(require("./_parseStyle"));
+var EMPTY_OBJECT = {};
+var _getStyle = function (utils) {
+    var args = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        args[_i - 1] = arguments[_i];
+    }
+    var _a = (0, tslib_1.__read)((0, _parseStyle_1.default)(utils, EMPTY_OBJECT, args), 1), styleObject = _a[0];
+    return styleObject;
+};
+exports.default = _getStyle;

package/style/_getStyleWithProps.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @author Ivan Torres
+ */
+import { Styles, StyleUtils, StyleObject } from '../types';
+declare const _getStyleWithProps: (utils: StyleUtils, props: any, ...args: Styles[]) => StyleObject;
+export default _getStyleWithProps;

package/style/_getStyleWithProps.js

@@ -0,0 +1,17 @@
+"use strict";
+/**
+ * @author Ivan Torres
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var _parseStyle_1 = (0, tslib_1.__importDefault)(require("./_parseStyle"));
+/* eslint @typescript-eslint/no-explicit-any: 0 */
+var _getStyleWithProps = function (utils, props) {
+    var args = [];
+    for (var _i = 2; _i < arguments.length; _i++) {
+        args[_i - 2] = arguments[_i];
+    }
+    var _a = (0, tslib_1.__read)((0, _parseStyle_1.default)(utils, props, args), 1), styleObject = _a[0];
+    return styleObject;
+};
+exports.default = _getStyleWithProps;

package/style/_parseStyle.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @author Ivan Torres
+ */
+import { Styles, StyleUtils, StyleObject } from '../types';
+export declare const PSEUDO_SELECTORS: {
+    hover: string;
+    focus: string;
+    active: string;
+    disabled: string;
+    visited: string;
+    'first-child': string;
+    'last-child': string;
+    'odd-child': string;
+    'even-child': string;
+    'focus-within': string;
+    'focus-visible': string;
+};
+declare const _parseStyle: (utils: StyleUtils, props: any, ...args: Styles[]) => [StyleObject, string[]];
+export default _parseStyle;

package/style/_parseStyle.js

@@ -0,0 +1,71 @@
+"use strict";
+/**
+ * @author Ivan Torres
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PSEUDO_SELECTORS = void 0;
+var tslib_1 = require("tslib");
+/* eslint @typescript-eslint/no-use-before-define: 0, @typescript-eslint/no-explicit-any: 0 */
+var flattenDeep_1 = (0, tslib_1.__importDefault)(require("lodash/flattenDeep"));
+var merge_1 = (0, tslib_1.__importDefault)(require("lodash/merge"));
+var _escapeClassName_1 = (0, tslib_1.__importDefault)(require("./_escapeClassName"));
+exports.PSEUDO_SELECTORS = {
+    hover: ':hover',
+    focus: ':focus',
+    active: ':active',
+    disabled: ':disabled',
+    visited: ':visited',
+    'first-child': ':first-child',
+    'last-child': ':last-child',
+    'odd-child': ':nth-child(odd)',
+    'even-child': ':nth-child(2n)',
+    'focus-within': ':focus-within',
+    'focus-visible': ':focus-visible',
+};
+// @ts-ignore Array.prototype.flat - will always be defined
+var flattenDeep = Array.prototype.flat ? function (arr) { return arr.flat(Infinity); } : flattenDeep_1.default;
+var _parseStyle = function (utils, props) {
+    var args = [];
+    for (var _i = 2; _i < arguments.length; _i++) {
+        args[_i - 2] = arguments[_i];
+    }
+    var invalidArgs = [];
+    if (!args.length)
+        return [{}, invalidArgs];
+    var styleObject = flattenDeep(args).reduce(function (mergedStyleObject, arg) {
+        if (!arg)
+            return mergedStyleObject;
+        if (typeof arg === 'string') {
+            arg.split(' ').forEach(function (className) {
+                var isInvalidClassName = true;
+                if (className.indexOf(':') >= 0) {
+                    var _a = (0, tslib_1.__read)(className.split(':'), 2), prefix = _a[0], prefixedClassName = _a[1];
+                    if (utils.theme.screens[prefix]) {
+                        var mediaQuery = "@media screen and (min-width: ".concat(utils.theme.screens[prefix], ")");
+                        mergedStyleObject[mediaQuery] = Object.assign(mergedStyleObject[mediaQuery] || {}, utils.classes[(0, _escapeClassName_1.default)(prefixedClassName)]);
+                        isInvalidClassName = false;
+                    }
+                    if (exports.PSEUDO_SELECTORS[prefix]) {
+                        var prefixKey = exports.PSEUDO_SELECTORS[prefix];
+                        mergedStyleObject[prefixKey] = Object.assign(mergedStyleObject[prefixKey] || {}, utils.classes[(0, _escapeClassName_1.default)(prefixedClassName)]);
+                        isInvalidClassName = false;
+                    }
+                }
+                var utilityStyle = utils.classes[(0, _escapeClassName_1.default)(className)];
+                if (utilityStyle)
+                    Object.assign(mergedStyleObject, utilityStyle);
+                else if (isInvalidClassName)
+                    invalidArgs.push(className);
+            });
+            return mergedStyleObject;
+        }
+        if (typeof arg === 'function') {
+            var _a = (0, tslib_1.__read)(_parseStyle(utils, props, arg(utils, props)), 2), _styleObject = _a[0], _invalidArgs = _a[1];
+            invalidArgs = invalidArgs.concat(_invalidArgs);
+            return (0, merge_1.default)(mergedStyleObject, _styleObject);
+        }
+        return (0, merge_1.default)(mergedStyleObject, arg);
+    }, {});
+    return [styleObject, invalidArgs];
+};
+exports.default = _parseStyle;

package/style/_px2rem.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @author Ivan Torres
+ */
+import { ThemeContext } from '../types';
+declare const _default: ({ theme }: ThemeContext, pixels: number | string) => string;
+/**
+ * Translates length from pixels to rems units (based on theme `htmlFontSize`)
+ */
+export default _default;

package/style/_px2rem.js

@@ -0,0 +1,16 @@
+"use strict";
+/**
+ * @author Ivan Torres
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+var isPercent = /[0-9]+(?:\.[0-9]+)?%/;
+var BROWSER_DEFAULT_FONT_SIZE = '16px';
+/**
+ * Translates length from pixels to rems units (based on theme `htmlFontSize`)
+ */
+exports.default = (function (_a, pixels) {
+    var theme = _a.theme;
+    var htmlFontSize = (theme === null || theme === void 0 ? void 0 : theme.htmlFontSize) || BROWSER_DEFAULT_FONT_SIZE;
+    var fontPixels = isPercent.test(htmlFontSize) ? "".concat((parseFloat(htmlFontSize) / 100) * 16, "px") : htmlFontSize;
+    return "".concat((typeof pixels === 'string' ? parseInt(pixels, 10) : pixels) / parseInt(fontPixels, 10), "rem");
+});

package/style/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @author Ivan Torres
+ */
+export { default as styled } from './styled';
+export { default as useStyle } from './useStyle';

package/style/index.js

@@ -0,0 +1,13 @@
+"use strict";
+/**
+ * @author Ivan Torres
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyle = exports.styled = void 0;
+var styled_1 = require("./styled");
+Object.defineProperty(exports, "styled", { enumerable: true, get: function () { return __importDefault(styled_1).default; } });
+var useStyle_1 = require("./useStyle");
+Object.defineProperty(exports, "useStyle", { enumerable: true, get: function () { return __importDefault(useStyle_1).default; } });

package/style/package.json

@@ -0,0 +1,4 @@
+{
+  "sideEffects": false,
+  "module": "../esm/style/index.js"
+}

package/style/styled.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @author Ivan Torres
+ */
+import { ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from 'react';
+import * as React from 'react';
+import { Styles } from '../types';
+declare type Tag = keyof JSX.IntrinsicElements | React.ComponentType<any>;
+declare type StyledFunc = (ComponentOrTag: Tag, ...args: Styles[]) => StyledComponent;
+export declare type StyledComponent = ForwardRefExoticComponent<PropsWithoutRef<any> & RefAttributes<HTMLElement | React.ComponentClass>>;
+declare const styled: StyledFunc;
+export default styled;

package/style/styled.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * @author Ivan Torres
+ */
+/* eslint @typescript-eslint/no-explicit-any: 0 */
+var react_1 = require("react");
+var React = (0, tslib_1.__importStar)(require("react"));
+var classNames_1 = (0, tslib_1.__importDefault)(require("../classNames"));
+var theme_1 = require("../theme");
+var helpers_1 = require("../helpers");
+var _buildUtils_1 = (0, tslib_1.__importDefault)(require("./_buildUtils"));
+var _parseStyle_1 = (0, tslib_1.__importDefault)(require("./_parseStyle"));
+var useMemoizedStyletron_1 = (0, tslib_1.__importDefault)(require("./useMemoizedStyletron"));
+var styled = function (ComponentOrTag) {
+    var styleArgs = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        styleArgs[_i - 1] = arguments[_i];
+    }
+    var StyledInit = React.forwardRef(function (props, ref) {
+        var ctx = (0, theme_1.useTheme)();
+        var _a = (0, tslib_1.__read)((0, useMemoizedStyletron_1.default)(), 1), styletronCSS = _a[0];
+        var _b = props.className, className = _b === void 0 ? '' : _b, style = props.style, $style = props.$style, ownProps = (0, tslib_1.__rest)(props, ["className", "style", "$style"]);
+        var Component = props.$as || ComponentOrTag;
+        // NOTE: prepend previously generated classes by styletron, this can happen
+        // when re-styling a component built with `styled` or `className` added
+        // on top of it:
+        var utils = (0, _buildUtils_1.default)(ctx, styletronCSS);
+        var _c = (0, tslib_1.__read)((0, _parseStyle_1.default)(utils, ownProps, [styleArgs, className, $style, style]), 2), styleObject = _c[0], invalidArgs = _c[1];
+        var classNames = (0, classNames_1.default)(invalidArgs, styletronCSS(styleObject));
+        var componentProps = (0, react_1.useMemo)(function () { return (0, helpers_1.omit$props)(ownProps); }, [ownProps]);
+        return (0, jsx_runtime_1.jsx)(Component, (0, tslib_1.__assign)({}, componentProps, { className: classNames, ref: ref }), void 0);
+    });
+    StyledInit.displayName =
+        typeof ComponentOrTag === 'string'
+            ? "styled(".concat(ComponentOrTag, ")")
+            : "styled(".concat(ComponentOrTag.displayName || ComponentOrTag.name || ComponentOrTag, ")");
+    return React.memo(StyledInit);
+};
+exports.default = styled;

package/style/useMemoizedStyletron.d.ts

@@ -0,0 +1,5 @@
+/**
+ * styletron returns new `styletronCSS` function each time the hook is called. This hook memorizes the css function and returns same reference every time.
+ */
+declare const useMemoizedStyletron: () => [(arg: import("styletron-standard").StyleObject) => string, import("baseui").Theme];
+export default useMemoizedStyletron;

package/style/useMemoizedStyletron.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var baseui_1 = require("baseui");
+var react_1 = require("react");
+var useLatest_1 = require("../hooks/useLatest");
+/**
+ * styletron returns new `styletronCSS` function each time the hook is called. This hook memorizes the css function and returns same reference every time.
+ */
+var useMemoizedStyletron = function () {
+    var _a = (0, tslib_1.__read)((0, baseui_1.useStyletron)(), 2), styletronCSS = _a[0], theme = _a[1];
+    var cssRef = (0, useLatest_1.useLatest)(styletronCSS);
+    var css = (0, react_1.useCallback)(function (arg) { return cssRef.current(arg); }, [cssRef]);
+    return [css, theme];
+};
+exports.default = useMemoizedStyletron;

package/style/useStyle.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @author Ivan Torres
+ */
+import { StyleUtils } from '../types';
+declare const useStyle: () => StyleUtils;
+export default useStyle;

package/style/useStyle.js

@@ -0,0 +1,16 @@
+"use strict";
+/**
+ * @author Ivan Torres
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var theme_1 = require("../theme");
+var _buildUtils_1 = (0, tslib_1.__importDefault)(require("./_buildUtils"));
+var useMemoizedStyletron_1 = (0, tslib_1.__importDefault)(require("./useMemoizedStyletron"));
+var useStyle = function () {
+    var ctx = (0, theme_1.useTheme)();
+    var _a = (0, tslib_1.__read)((0, useMemoizedStyletron_1.default)(), 1), styletronCSS = _a[0];
+    return (0, react_1.useMemo)(function () { return (0, _buildUtils_1.default)(ctx, styletronCSS); }, [ctx, styletronCSS]);
+};
+exports.default = useStyle;

package/styleEngine/index.d.ts

@@ -0,0 +1 @@
+export * from './styleEngine';

package/styleEngine/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+(0, tslib_1.__exportStar)(require("./styleEngine"), exports);

package/styleEngine/package.json

@@ -0,0 +1,4 @@
+{
+  "sideEffects": false,
+  "module": "../esm/styleEngine/index.js"
+}

package/styleEngine/styleEngine.d.ts

@@ -0,0 +1,19 @@
+import { PropsWithChildren, ReactElement } from 'react';
+import { Sheet } from 'styletron-engine-atomic';
+import { StandardEngine } from '../types';
+export declare type ProviderProps = {
+    styleEngine?: StandardEngine;
+    debug?: boolean;
+};
+export declare const SPACEWEB_STYLE_PREFIX: Readonly<string>;
+export declare const SPACEWEB_STYLE_CONTAINER_ID: Readonly<string>;
+export declare const isServer: Readonly<boolean>;
+export declare const hydrate: (ownerDocument?: Document) => HTMLCollectionOf<HTMLStyleElement>;
+export declare const getStyleEngine: (ownerDocument?: Document) => StandardEngine;
+export declare const StyleProvider: {
+    (props: PropsWithChildren<ProviderProps>): ReactElement;
+    displayName: string;
+};
+export declare const getStylesheets: () => Sheet[];
+export declare const getStylesheetsHtml: () => string;
+export declare const appendCacheContainer: (ownerDocument?: Document) => Element;

package/styleEngine/styleEngine.js

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.appendCacheContainer = exports.getStylesheetsHtml = exports.getStylesheets = exports.StyleProvider = exports.getStyleEngine = exports.hydrate = exports.isServer = exports.SPACEWEB_STYLE_CONTAINER_ID = exports.SPACEWEB_STYLE_PREFIX = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+/* eslint @typescript-eslint/no-use-before-define: 0 */
+var react_1 = require("react");
+var styletron_engine_atomic_1 = require("styletron-engine-atomic");
+var styletron_react_1 = require("styletron-react");
+var DocumentProvider_1 = require("../spacewebProvider/DocumentProvider");
+exports.SPACEWEB_STYLE_PREFIX = 'sw--';
+exports.SPACEWEB_STYLE_CONTAINER_ID = 'spaceweb-style-cache';
+exports.isServer = typeof window === 'undefined';
+var NoopDebugEngine = /** @class */ (function () {
+    function NoopDebugEngine() {
+        this.debug = function () { return ''; };
+    }
+    return NoopDebugEngine;
+}());
+// NOTE: Define styletron as module variable (singleton)
+var styletron;
+var hasStyletron = function () { return typeof styletron !== 'undefined'; };
+// Throws and error if not called from the server.
+var ensureServer = function () {
+    if (!exports.isServer) {
+        throw new Error('This method can only be called from the server.');
+    }
+};
+// Throws and error if called from the server.
+var ensureClient = function () {
+    if (exports.isServer) {
+        throw new Error('This method can only be called from the browser.');
+    }
+};
+// Throws an error if Styletron engine is not initialized (`getStyleEngine`).
+var ensureEngine = function () {
+    if (!hasStyletron())
+        throw new Error("Styletron engine hasn't been initialized.");
+};
+var hydrate = function (ownerDocument) {
+    return (ownerDocument || document).getElementsByClassName('_spaceweb_hydrate_');
+};
+exports.hydrate = hydrate;
+// Gets isomorphic Styletron engine.
+var getStyleEngine = function (ownerDocument) {
+    if (exports.isServer) {
+        if (typeof styletron !== 'undefined')
+            return styletron;
+        styletron = new styletron_engine_atomic_1.Server({ prefix: exports.SPACEWEB_STYLE_PREFIX });
+    }
+    else {
+        var doc = ownerDocument || document;
+        var el = doc.getElementById(exports.SPACEWEB_STYLE_CONTAINER_ID);
+        if (el && styletron) {
+            return styletron;
+        }
+        // adds a style tag in document.head to make sure only one instance of styletron is created in an app.
+        (0, exports.appendCacheContainer)(ownerDocument);
+        styletron = new styletron_engine_atomic_1.Client({
+            hydrate: (0, exports.hydrate)(ownerDocument),
+            prefix: exports.SPACEWEB_STYLE_PREFIX,
+        });
+    }
+    return styletron;
+};
+exports.getStyleEngine = getStyleEngine;
+// @ts-ignore
+styletron_react_1.Provider.displayName = 'StyletronProvider';
+// Style engine provider (a.k.a. StyletronProvider).
+var StyleProvider = function (props) {
+    var doc = (0, DocumentProvider_1.useDocument)();
+    var debugEngine = (0, react_1.useMemo)(function () { return (props.debug ? new styletron_react_1.DebugEngine() : new NoopDebugEngine()); }, [props.debug]);
+    return ((0, jsx_runtime_1.jsx)(styletron_react_1.Provider, (0, tslib_1.__assign)({ debug: debugEngine, value: props.styleEngine || (0, exports.getStyleEngine)(doc), debugAfterHydration: !!props.debug }, { children: props.children }), void 0));
+};
+exports.StyleProvider = StyleProvider;
+exports.StyleProvider.displayName = 'StyleProvider';
+// Gets hydration stylesheets as `Sheet[]` (e.g. Next.js).
+var getStylesheets = function () {
+    ensureServer();
+    ensureEngine();
+    return styletron.getStylesheets();
+};
+exports.getStylesheets = getStylesheets;
+// Gets hydration stylesheets HTML code as string.
+var getStylesheetsHtml = function () {
+    ensureServer();
+    ensureEngine();
+    return styletron.getStylesheetsHtml();
+};
+exports.getStylesheetsHtml = getStylesheetsHtml;
+// Appends cache styles to the DOM and returns element's instance.
+var appendCacheContainer = function (ownerDocument) {
+    ensureClient();
+    var doc = ownerDocument || document;
+    var el = doc.getElementById(exports.SPACEWEB_STYLE_CONTAINER_ID);
+    if (el)
+        return el;
+    el = doc.createElement('style');
+    el.id = exports.SPACEWEB_STYLE_CONTAINER_ID;
+    doc.head.appendChild(el);
+    return el;
+};
+exports.appendCacheContainer = appendCacheContainer;

package/switch/__test__/switch.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect';