@peculiar/react-components 0.0.2-alpha.245 → 0.0.2-alpha.251

package/dist/cjs/Slide/slide.js

@@ -35,7 +35,7 @@ var React = __importStar(require("react"));
 var react_transition_group_1 = require("react-transition-group");
 var hooks_1 = require("../hooks");
 exports.Slide = React.forwardRef(function (props, ref) {
-    var timeout = props.timeout, inProp = props.in, children = props.children, appear = props.appear, onEnter = props.onEnter, onEntered = props.onEntered, onEntering = props.onEntering, onExit = props.onExit, onExited = props.onExited, onExiting = props.onExiting;
+    var timeout = props.timeout, inProp = props.in, children = props.children, appear = props.appear, onEnter = props.onEnter, onEntered = props.onEntered, onEntering = props.onEntering, onExit = props.onExit, onExited = props.onExited, onExiting = props.onExiting, direction = props.direction;
     var nodeRef = React.useRef(null);
     var multiRef = hooks_1.useMergedRef(children.ref, ref, nodeRef);
     var handleEnter = function (isAppearing) {
@@ -46,8 +46,32 @@ exports.Slide = React.forwardRef(function (props, ref) {
             onEnter(isAppearing);
         }
     };
+    var getTranslateExitValue = function () {
+        if (direction === 'right' || direction === 'left') {
+            return 'translateX(0px)';
+        }
+        if (direction === 'up' || direction === 'down') {
+            return 'translateY(0px)';
+        }
+        return undefined;
+    };
+    var getTranslateEnterValue = function () {
+        if (direction === 'right') {
+            return 'translateX(100%)';
+        }
+        if (direction === 'left') {
+            return 'translateX(-100%)';
+        }
+        if (direction === 'up') {
+            return 'translateY(-100%)';
+        }
+        if (direction === 'down') {
+            return 'translateY(100%)';
+        }
+        return undefined;
+    };
     return (React.createElement(react_transition_group_1.Transition, { in: inProp, timeout: timeout, appear: appear, onEnter: handleEnter, onEntered: onEntered, onEntering: onEntering, onExit: onExit, onExited: onExited, onExiting: onExiting, nodeRef: nodeRef }, function (state) { return (React.cloneElement(children, {
-        style: __assign({ transform: (state === 'entering' || state === 'entered') ? 'translateX(0px)' : 'translateX(100%)', transition: "transform " + timeout + "ms", visibility: state === 'exited' && !inProp ? 'hidden' : undefined }, children.props.style),
+        style: __assign({ transform: (state === 'entering' || state === 'entered') ? getTranslateExitValue() : getTranslateEnterValue(), transition: "transform " + timeout + "ms", visibility: state === 'exited' && !inProp ? 'hidden' : undefined }, children.props.style),
         ref: multiRef,
     })); }));
 });

package/dist/cjs/Slide/slide.js.map

@@ -1 +1 @@
-{"version":3,"file":"slide.js","sourceRoot":"","sources":["../../../src/Slide/slide.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAE/B,iEAAoD;AACpD,kCAAwC;AAoC3B,QAAA,KAAK,GAAG,KAAK,CAAC,UAAU,CAAkB,UAAC,KAAK,EAAE,GAAG;IAE9D,IAAA,OAAO,GAUL,KAAK,QAVA,EACH,MAAM,GASR,KAAK,GATG,EACV,QAAQ,GAQN,KAAK,SARC,EACR,MAAM,GAOJ,KAAK,OAPD,EACN,OAAO,GAML,KAAK,QANA,EACP,SAAS,GAKP,KAAK,UALE,EACT,UAAU,GAIR,KAAK,WAJG,EACV,MAAM,GAGJ,KAAK,OAHD,EACN,QAAQ,GAEN,KAAK,SAFC,EACR,SAAS,GACP,KAAK,UADE,CACD;IACV,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACnC,IAAM,QAAQ,GAAG,oBAAY,CAAE,QAAgB,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC;IAEnE,IAAM,WAAW,GAAG,UAAC,WAAoB;QACvC,kEAAkE;QAClE,qCAAqC;QACrC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,+DAA+D;QAE7F,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,WAAW,CAAC,CAAC;SACtB;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,mCAAU,IACT,EAAE,EAAE,MAAM,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IAEf,UAAC,KAAK,IAAK,OAAA,CACV,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE;QAC3B,KAAK,aACH,SAAS,EAAE,CAAC,KAAK,KAAK,UAAU,IAAI,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,EACjG,UAAU,EAAE,eAAa,OAAO,OAAI,EACpC,UAAU,EAAE,KAAK,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,IAC7D,QAAQ,CAAC,KAAK,CAAC,KAAK,CACxB;QACD,GAAG,EAAE,QAAQ;KACd,CAAC,CACH,EAVW,CAUX,CACU,CACd,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,aAAK,CAAC,YAAY,GAAG;IACnB,OAAO,EAAE,GAAG;IACZ,SAAS,EAAE,OAAO;IAClB,MAAM,EAAE,IAAI;CACb,CAAC"}
+{"version":3,"file":"slide.js","sourceRoot":"","sources":["../../../src/Slide/slide.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/styles/index.js

@@ -10,16 +10,15 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.theme = exports.defaultTheme = exports.keyframes = exports.cx = exports.css = exports.ThemeProvider = void 0;
+exports.defaultTheme = exports.cache = exports.keyframes = exports.cx = exports.css = exports.ThemeProvider = void 0;
 var theme_provider_1 = require("./theme_provider");
 Object.defineProperty(exports, "ThemeProvider", { enumerable: true, get: function () { return theme_provider_1.ThemeProvider; } });
 var css_1 = require("./css");
 Object.defineProperty(exports, "css", { enumerable: true, get: function () { return css_1.css; } });
 Object.defineProperty(exports, "cx", { enumerable: true, get: function () { return css_1.cx; } });
 Object.defineProperty(exports, "keyframes", { enumerable: true, get: function () { return css_1.keyframes; } });
+Object.defineProperty(exports, "cache", { enumerable: true, get: function () { return css_1.cache; } });
 __exportStar(require("./types"), exports);
 var default_theme_1 = require("./default_theme");
 Object.defineProperty(exports, "defaultTheme", { enumerable: true, get: function () { return default_theme_1.defaultTheme; } });
-var utils_1 = require("./utils");
-Object.defineProperty(exports, "theme", { enumerable: true, get: function () { return utils_1.theme; } });
 //# sourceMappingURL=index.js.map

package/dist/cjs/styles/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/styles/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,mDAAiD;AAAxC,+GAAA,aAAa,OAAA;AACtB,6BAA2C;AAAlC,0FAAA,GAAG,OAAA;AAAE,yFAAA,EAAE,OAAA;AAAE,gGAAA,SAAS,OAAA;AAC3B,0CAAwB;AACxB,iDAA+C;AAAtC,6GAAA,YAAY,OAAA;AACrB,iCAAgC;AAAvB,8FAAA,KAAK,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/styles/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,mDAAiD;AAAxC,+GAAA,aAAa,OAAA;AACtB,6BAKe;AAJb,0FAAA,GAAG,OAAA;AACH,yFAAA,EAAE,OAAA;AACF,gGAAA,SAAS,OAAA;AACT,4FAAA,KAAK,OAAA;AAEP,0CAAwB;AACxB,iDAA+C;AAAtC,6GAAA,YAAY,OAAA"}

package/dist/cjs/styles/theme_provider.js

@@ -23,20 +23,13 @@ exports.ThemeProvider = void 0;
 var React = __importStar(require("react"));
 var core_1 = require("@emotion/core");
 var utils_1 = require("./utils");
-var event_manager_1 = require("./event_manager");
 var default_theme_1 = require("./default_theme");
 var ThemeProvider = function (props) {
     var children = props.children, themeProp = props.theme;
-    var _a = React.useState(function () { return (themeProp ? utils_1.createTheme(themeProp) : default_theme_1.defaultTheme); }), theme = _a[0], setTheme = _a[1];
-    React.useEffect(function () {
-        event_manager_1.eventManager
-            .on(event_manager_1.Event.Use, function (options) {
-            setTheme(utils_1.createTheme(options));
-        });
-        return function () {
-            event_manager_1.eventManager.list.clear();
-        };
-    }, []);
+    var theme = React.useMemo(function () {
+        var output = themeProp ? utils_1.createTheme(themeProp) : default_theme_1.defaultTheme;
+        return output;
+    }, [themeProp]);
     return (React.createElement(React.Fragment, null,
         React.createElement(core_1.Global, { styles: {
                 html: utils_1.createThemeCSSVariablesFromObject(theme),

package/dist/cjs/styles/theme_provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme_provider.js","sourceRoot":"","sources":["../../../src/styles/theme_provider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,sCAAuC;AACvC,iCAAyE;AACzE,iDAAsD;AACtD,iDAA+C;AAQxC,IAAM,aAAa,GAAiC,UAAC,KAAK;IAE7D,IAAA,QAAQ,GAEN,KAAK,SAFC,EACD,SAAS,GACd,KAAK,MADS,CACR;IACJ,IAAA,KAAoB,KAAK,CAAC,QAAQ,CAAC,cAAM,OAAA,CAC7C,SAAS,CAAC,CAAC,CAAC,mBAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,4BAAY,CAClD,EAF8C,CAE9C,CAAC,EAFK,KAAK,QAAA,EAAE,QAAQ,QAEpB,CAAC;IAEH,KAAK,CAAC,SAAS,CAAC;QACd,4BAAY;aACT,EAAE,CAAC,qBAAK,CAAC,GAAG,EAAE,UAAC,OAAO;YACrB,QAAQ,CAAC,mBAAW,CAAC,OAAO,CAAC,CAAC,CAAC;QACjC,CAAC,CAAC,CAAC;QAEL,OAAO;YACL,4BAAY,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;QAC5B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL;QACE,oBAAC,aAAM,IACL,MAAM,EAAE;gBACN,IAAI,EAAE,yCAAiC,CAAC,KAAK,CAAC;aAC/C,GACD;QACD,QAAQ,CACR,CACJ,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,aAAa,iBA8BxB;AAEF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
+{"version":3,"file":"theme_provider.js","sourceRoot":"","sources":["../../../src/styles/theme_provider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,sCAAuC;AACvC,iCAAyE;AACzE,iDAA+C;AAQxC,IAAM,aAAa,GAAiC,UAAC,KAAK;IAE7D,IAAA,QAAQ,GAEN,KAAK,SAFC,EACD,SAAS,GACd,KAAK,MADS,CACR;IAEV,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;QAC1B,IAAM,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,mBAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,4BAAY,CAAC;QAEjE,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL;QACE,oBAAC,aAAM,IACL,MAAM,EAAE;gBACN,IAAI,EAAE,yCAAiC,CAAC,KAAK,CAAC;aAC/C,GACD;QACD,QAAQ,CACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,aAAa,iBAsBxB;AAEF,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/dist/cjs/styles/utils.js

@@ -14,14 +14,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.theme = exports.createThemeCSSVariablesFromObject = exports.createTheme = exports.contrastThreshold = exports.themeCSSVariablePrefix = void 0;
+exports.createThemeCSSVariablesFromObject = exports.createTheme = exports.contrastThreshold = exports.themeCSSVariablePrefix = void 0;
 var flat_1 = __importDefault(require("flat"));
 var deepmerge_1 = __importDefault(require("deepmerge"));
 var color_1 = require("@peculiar/color");
 var default_theme_1 = require("./default_theme");
 var colors_1 = require("./colors");
 var sizes_1 = require("./sizes");
-var event_manager_1 = require("./event_manager");
 exports.themeCSSVariablePrefix = 'pv';
 exports.contrastThreshold = 2;
 var createTheme = function (options) {
@@ -52,9 +51,4 @@ var createThemeCSSVariablesFromObject = function (object) {
     return flatted;
 };
 exports.createThemeCSSVariablesFromObject = createThemeCSSVariablesFromObject;
-exports.theme = {
-    useTheme: function (options) {
-        event_manager_1.eventManager.emit(event_manager_1.Event.Use, options);
-    },
-};
 //# sourceMappingURL=utils.js.map

package/dist/cjs/styles/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/styles/utils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,8CAAwB;AACxB,wDAAkC;AAClC,yCAAwC;AACxC,iDAA+C;AAE/C,mCAIkB;AAClB,iCAEiB;AACjB,iDAAsD;AAEzC,QAAA,sBAAsB,GAAG,IAAI,CAAC;AAC9B,QAAA,iBAAiB,GAAG,CAAC,CAAC;AAE5B,IAAM,WAAW,GAAG,UAAC,OAA0B;;IACpD,IAAM,OAAO,GAAG,8BAAqB,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,OAAO,CAAC,CAAC;IAC/D,IAAM,SAAS,GAAG,gCAAuB,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,SAAS,CAAC,CAAC;IACrE,IAAM,KAAK,GAAG,4BAAmB,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,KAAK,CAAC,CAAC;IACzD,IAAM,IAAI,GAAG,wBAAgB,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,CAAC;IAE7C,SAAS,eAAe,CAAC,UAAkB;QACzC,IAAM,aAAa,GAAG,IAAI,aAAK,CAAC,UAAU,CAAC;aACxC,gBAAgB,CAAC,4BAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAE9C,OAAO,aAAa,GAAG,yBAAiB;YACtC,CAAC,CAAC,4BAAY,CAAC,KAAK,CAAC,KAAK;YAC1B,CAAC,CAAC,4BAAY,CAAC,KAAK,CAAC,KAAK,CAAC;IAC/B,CAAC;IAED,IAAM,YAAY,GAAG,mBAAS,CAAC,OAAO,EAAE;QACtC,KAAK,EAAE,wCACF,OAAO,GACP,SAAS,GACT,KAAK,KACR,kBAAkB,EAAE,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC,EACpD,oBAAoB,EAAE,eAAe,CAAC,SAAS,CAAC,SAAS,CAAC,EAC1D,gBAAgB,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,GACT;QACvC,IAAI,MAAA;KACL,CAAC,CAAC;IAEH,OAAO,mBAAS,CAAC,4BAAY,EAAE,YAAY,CAAC,CAAC;AAC/C,CAAC,CAAC;AA5BW,QAAA,WAAW,eA4BtB;AAEK,IAAM,iCAAiC,GAAG,UAAC,MAA2B;;IAC3E,IAAM,OAAO,GAAG,cAAI;QAEhB,GAAC,OAAK,8BAAwB,IAAG,MAAM;aAEzC,EAAE,SAAS,EAAE,GAAG,EAAE,CACnB,CAAC;IAEF,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AATW,QAAA,iCAAiC,qCAS5C;AAEW,QAAA,KAAK,GAAG;IACnB,QAAQ,EAAE,UAAC,OAAyB;QAClC,4BAAY,CAAC,IAAI,CAAC,qBAAK,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IACxC,CAAC;CACF,CAAC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/styles/utils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,8CAAwB;AACxB,wDAAkC;AAClC,yCAAwC;AACxC,iDAA+C;AAE/C,mCAIkB;AAClB,iCAEiB;AAEJ,QAAA,sBAAsB,GAAG,IAAI,CAAC;AAC9B,QAAA,iBAAiB,GAAG,CAAC,CAAC;AAE5B,IAAM,WAAW,GAAG,UAAC,OAA0B;;IACpD,IAAM,OAAO,GAAG,8BAAqB,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,OAAO,CAAC,CAAC;IAC/D,IAAM,SAAS,GAAG,gCAAuB,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,SAAS,CAAC,CAAC;IACrE,IAAM,KAAK,GAAG,4BAAmB,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,KAAK,CAAC,CAAC;IACzD,IAAM,IAAI,GAAG,wBAAgB,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,CAAC;IAE7C,SAAS,eAAe,CAAC,UAAkB;QACzC,IAAM,aAAa,GAAG,IAAI,aAAK,CAAC,UAAU,CAAC;aACxC,gBAAgB,CAAC,4BAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAE9C,OAAO,aAAa,GAAG,yBAAiB;YACtC,CAAC,CAAC,4BAAY,CAAC,KAAK,CAAC,KAAK;YAC1B,CAAC,CAAC,4BAAY,CAAC,KAAK,CAAC,KAAK,CAAC;IAC/B,CAAC;IAED,IAAM,YAAY,GAAG,mBAAS,CAAC,OAAO,EAAE;QACtC,KAAK,EAAE,wCACF,OAAO,GACP,SAAS,GACT,KAAK,KACR,kBAAkB,EAAE,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC,EACpD,oBAAoB,EAAE,eAAe,CAAC,SAAS,CAAC,SAAS,CAAC,EAC1D,gBAAgB,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,GACT;QACvC,IAAI,MAAA;KACL,CAAC,CAAC;IAEH,OAAO,mBAAS,CAAC,4BAAY,EAAE,YAAY,CAAC,CAAC;AAC/C,CAAC,CAAC;AA5BW,QAAA,WAAW,eA4BtB;AAEK,IAAM,iCAAiC,GAAG,UAAC,MAA2B;;IAC3E,IAAM,OAAO,GAAG,cAAI;QAEhB,GAAC,OAAK,8BAAwB,IAAG,MAAM;aAEzC,EAAE,SAAS,EAAE,GAAG,EAAE,CACnB,CAAC;IAEF,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AATW,QAAA,iCAAiC,qCAS5C"}

package/dist/esm/Slide/slide.js

@@ -13,7 +13,7 @@ import * as React from 'react';
 import { Transition } from 'react-transition-group';
 import { useMergedRef } from '../hooks';
 export var Slide = React.forwardRef(function (props, ref) {
-    var timeout = props.timeout, inProp = props.in, children = props.children, appear = props.appear, onEnter = props.onEnter, onEntered = props.onEntered, onEntering = props.onEntering, onExit = props.onExit, onExited = props.onExited, onExiting = props.onExiting;
+    var timeout = props.timeout, inProp = props.in, children = props.children, appear = props.appear, onEnter = props.onEnter, onEntered = props.onEntered, onEntering = props.onEntering, onExit = props.onExit, onExited = props.onExited, onExiting = props.onExiting, direction = props.direction;
     var nodeRef = React.useRef(null);
     var multiRef = useMergedRef(children.ref, ref, nodeRef);
     var handleEnter = function (isAppearing) {
@@ -24,8 +24,32 @@ export var Slide = React.forwardRef(function (props, ref) {
             onEnter(isAppearing);
         }
     };
+    var getTranslateExitValue = function () {
+        if (direction === 'right' || direction === 'left') {
+            return 'translateX(0px)';
+        }
+        if (direction === 'up' || direction === 'down') {
+            return 'translateY(0px)';
+        }
+        return undefined;
+    };
+    var getTranslateEnterValue = function () {
+        if (direction === 'right') {
+            return 'translateX(100%)';
+        }
+        if (direction === 'left') {
+            return 'translateX(-100%)';
+        }
+        if (direction === 'up') {
+            return 'translateY(-100%)';
+        }
+        if (direction === 'down') {
+            return 'translateY(100%)';
+        }
+        return undefined;
+    };
     return (React.createElement(Transition, { in: inProp, timeout: timeout, appear: appear, onEnter: handleEnter, onEntered: onEntered, onEntering: onEntering, onExit: onExit, onExited: onExited, onExiting: onExiting, nodeRef: nodeRef }, function (state) { return (React.cloneElement(children, {
-        style: __assign({ transform: (state === 'entering' || state === 'entered') ? 'translateX(0px)' : 'translateX(100%)', transition: "transform " + timeout + "ms", visibility: state === 'exited' && !inProp ? 'hidden' : undefined }, children.props.style),
+        style: __assign({ transform: (state === 'entering' || state === 'entered') ? getTranslateExitValue() : getTranslateEnterValue(), transition: "transform " + timeout + "ms", visibility: state === 'exited' && !inProp ? 'hidden' : undefined }, children.props.style),
         ref: multiRef,
     })); }));
 });

package/dist/esm/Slide/slide.js.map

@@ -1 +1 @@
-{"version":3,"file":"slide.js","sourceRoot":"","sources":["../../../src/Slide/slide.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAoCxC,MAAM,CAAC,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAkB,UAAC,KAAK,EAAE,GAAG;IAE9D,IAAA,OAAO,GAUL,KAAK,QAVA,EACH,MAAM,GASR,KAAK,GATG,EACV,QAAQ,GAQN,KAAK,SARC,EACR,MAAM,GAOJ,KAAK,OAPD,EACN,OAAO,GAML,KAAK,QANA,EACP,SAAS,GAKP,KAAK,UALE,EACT,UAAU,GAIR,KAAK,WAJG,EACV,MAAM,GAGJ,KAAK,OAHD,EACN,QAAQ,GAEN,KAAK,SAFC,EACR,SAAS,GACP,KAAK,UADE,CACD;IACV,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACnC,IAAM,QAAQ,GAAG,YAAY,CAAE,QAAgB,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC;IAEnE,IAAM,WAAW,GAAG,UAAC,WAAoB;QACvC,kEAAkE;QAClE,qCAAqC;QACrC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,+DAA+D;QAE7F,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,WAAW,CAAC,CAAC;SACtB;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,EAAE,EAAE,MAAM,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IAEf,UAAC,KAAK,IAAK,OAAA,CACV,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE;QAC3B,KAAK,aACH,SAAS,EAAE,CAAC,KAAK,KAAK,UAAU,IAAI,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,EACjG,UAAU,EAAE,eAAa,OAAO,OAAI,EACpC,UAAU,EAAE,KAAK,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,IAC7D,QAAQ,CAAC,KAAK,CAAC,KAAK,CACxB;QACD,GAAG,EAAE,QAAQ;KACd,CAAC,CACH,EAVW,CAUX,CACU,CACd,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,KAAK,CAAC,YAAY,GAAG;IACnB,OAAO,EAAE,GAAG;IACZ,SAAS,EAAE,OAAO;IAClB,MAAM,EAAE,IAAI;CACb,CAAC"}
+{"version":3,"file":"slide.js","sourceRoot":"","sources":["../../../src/Slide/slide.tsx"],"names":[],"mappings":"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"}

package/dist/esm/styles/index.js

@@ -1,6 +1,5 @@
 export { ThemeProvider } from './theme_provider';
-export { css, cx, keyframes } from './css';
+export { css, cx, keyframes, cache, } from './css';
 export * from './types';
 export { defaultTheme } from './default_theme';
-export { theme } from './utils';
 //# sourceMappingURL=index.js.map

package/dist/esm/styles/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3C,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EACL,GAAG,EACH,EAAE,EACF,SAAS,EACT,KAAK,GACN,MAAM,OAAO,CAAC;AACf,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/esm/styles/theme_provider.js

@@ -1,20 +1,13 @@
 import * as React from 'react';
 import { Global } from '@emotion/core';
 import { createTheme, createThemeCSSVariablesFromObject } from './utils';
-import { eventManager, Event } from './event_manager';
 import { defaultTheme } from './default_theme';
 export var ThemeProvider = function (props) {
     var children = props.children, themeProp = props.theme;
-    var _a = React.useState(function () { return (themeProp ? createTheme(themeProp) : defaultTheme); }), theme = _a[0], setTheme = _a[1];
-    React.useEffect(function () {
-        eventManager
-            .on(Event.Use, function (options) {
-            setTheme(createTheme(options));
-        });
-        return function () {
-            eventManager.list.clear();
-        };
-    }, []);
+    var theme = React.useMemo(function () {
+        var output = themeProp ? createTheme(themeProp) : defaultTheme;
+        return output;
+    }, [themeProp]);
     return (React.createElement(React.Fragment, null,
         React.createElement(Global, { styles: {
                 html: createThemeCSSVariablesFromObject(theme),

package/dist/esm/styles/theme_provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme_provider.js","sourceRoot":"","sources":["../../../src/styles/theme_provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,iCAAiC,EAAE,MAAM,SAAS,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAQ/C,MAAM,CAAC,IAAM,aAAa,GAAiC,UAAC,KAAK;IAE7D,IAAA,QAAQ,GAEN,KAAK,SAFC,EACD,SAAS,GACd,KAAK,MADS,CACR;IACJ,IAAA,KAAoB,KAAK,CAAC,QAAQ,CAAC,cAAM,OAAA,CAC7C,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,YAAY,CAClD,EAF8C,CAE9C,CAAC,EAFK,KAAK,QAAA,EAAE,QAAQ,QAEpB,CAAC;IAEH,KAAK,CAAC,SAAS,CAAC;QACd,YAAY;aACT,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,UAAC,OAAO;YACrB,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;QACjC,CAAC,CAAC,CAAC;QAEL,OAAO;YACL,YAAY,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;QAC5B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL;QACE,oBAAC,MAAM,IACL,MAAM,EAAE;gBACN,IAAI,EAAE,iCAAiC,CAAC,KAAK,CAAC;aAC/C,GACD;QACD,QAAQ,CACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
+{"version":3,"file":"theme_provider.js","sourceRoot":"","sources":["../../../src/styles/theme_provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,iCAAiC,EAAE,MAAM,SAAS,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAQ/C,MAAM,CAAC,IAAM,aAAa,GAAiC,UAAC,KAAK;IAE7D,IAAA,QAAQ,GAEN,KAAK,SAFC,EACD,SAAS,GACd,KAAK,MADS,CACR;IAEV,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;QAC1B,IAAM,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;QAEjE,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL;QACE,oBAAC,MAAM,IACL,MAAM,EAAE;gBACN,IAAI,EAAE,iCAAiC,CAAC,KAAK,CAAC;aAC/C,GACD;QACD,QAAQ,CACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/dist/esm/styles/utils.js

@@ -15,7 +15,6 @@ import { Color } from '@peculiar/color';
 import { defaultTheme } from './default_theme';
 import { generateWrongColors, generateSecondaryColors, generatePrimaryColors, } from './colors';
 import { generateBaseSize, } from './sizes';
-import { eventManager, Event } from './event_manager';
 export var themeCSSVariablePrefix = 'pv';
 export var contrastThreshold = 2;
 export var createTheme = function (options) {
@@ -44,9 +43,4 @@ export var createThemeCSSVariablesFromObject = function (object) {
         _a), { delimiter: '-' });
     return flatted;
 };
-export var theme = {
-    useTheme: function (options) {
-        eventManager.emit(Event.Use, options);
-    },
-};
 //# sourceMappingURL=utils.js.map

package/dist/esm/styles/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/styles/utils.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,SAAS,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,qBAAqB,GACtB,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,gBAAgB,GACjB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAEtD,MAAM,CAAC,IAAM,sBAAsB,GAAG,IAAI,CAAC;AAC3C,MAAM,CAAC,IAAM,iBAAiB,GAAG,CAAC,CAAC;AAEnC,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,OAA0B;;IACpD,IAAM,OAAO,GAAG,qBAAqB,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,OAAO,CAAC,CAAC;IAC/D,IAAM,SAAS,GAAG,uBAAuB,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,SAAS,CAAC,CAAC;IACrE,IAAM,KAAK,GAAG,mBAAmB,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,KAAK,CAAC,CAAC;IACzD,IAAM,IAAI,GAAG,gBAAgB,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,CAAC;IAE7C,SAAS,eAAe,CAAC,UAAkB;QACzC,IAAM,aAAa,GAAG,IAAI,KAAK,CAAC,UAAU,CAAC;aACxC,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAE9C,OAAO,aAAa,GAAG,iBAAiB;YACtC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK;YAC1B,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC;IAC/B,CAAC;IAED,IAAM,YAAY,GAAG,SAAS,CAAC,OAAO,EAAE;QACtC,KAAK,EAAE,wCACF,OAAO,GACP,SAAS,GACT,KAAK,KACR,kBAAkB,EAAE,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC,EACpD,oBAAoB,EAAE,eAAe,CAAC,SAAS,CAAC,SAAS,CAAC,EAC1D,gBAAgB,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,GACT;QACvC,IAAI,MAAA;KACL,CAAC,CAAC;IAEH,OAAO,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;AAC/C,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,iCAAiC,GAAG,UAAC,MAA2B;;IAC3E,IAAM,OAAO,GAAG,IAAI;QAEhB,GAAC,OAAK,sBAAwB,IAAG,MAAM;aAEzC,EAAE,SAAS,EAAE,GAAG,EAAE,CACnB,CAAC;IAEF,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAG;IACnB,QAAQ,EAAE,UAAC,OAAyB;QAClC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IACxC,CAAC;CACF,CAAC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/styles/utils.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,SAAS,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,qBAAqB,GACtB,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,gBAAgB,GACjB,MAAM,SAAS,CAAC;AAEjB,MAAM,CAAC,IAAM,sBAAsB,GAAG,IAAI,CAAC;AAC3C,MAAM,CAAC,IAAM,iBAAiB,GAAG,CAAC,CAAC;AAEnC,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,OAA0B;;IACpD,IAAM,OAAO,GAAG,qBAAqB,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,OAAO,CAAC,CAAC;IAC/D,IAAM,SAAS,GAAG,uBAAuB,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,SAAS,CAAC,CAAC;IACrE,IAAM,KAAK,GAAG,mBAAmB,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,KAAK,CAAC,CAAC;IACzD,IAAM,IAAI,GAAG,gBAAgB,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,CAAC;IAE7C,SAAS,eAAe,CAAC,UAAkB;QACzC,IAAM,aAAa,GAAG,IAAI,KAAK,CAAC,UAAU,CAAC;aACxC,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAE9C,OAAO,aAAa,GAAG,iBAAiB;YACtC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK;YAC1B,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC;IAC/B,CAAC;IAED,IAAM,YAAY,GAAG,SAAS,CAAC,OAAO,EAAE;QACtC,KAAK,EAAE,wCACF,OAAO,GACP,SAAS,GACT,KAAK,KACR,kBAAkB,EAAE,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC,EACpD,oBAAoB,EAAE,eAAe,CAAC,SAAS,CAAC,SAAS,CAAC,EAC1D,gBAAgB,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,GACT;QACvC,IAAI,MAAA;KACL,CAAC,CAAC;IAEH,OAAO,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;AAC/C,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,iCAAiC,GAAG,UAAC,MAA2B;;IAC3E,IAAM,OAAO,GAAG,IAAI;QAEhB,GAAC,OAAK,sBAAwB,IAAG,MAAM;aAEzC,EAAE,SAAS,EAAE,GAAG,EAAE,CACnB,CAAC;IAEF,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}

package/dist/esnext/Slide/slide.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Transition } from 'react-transition-group';
 import { useMergedRef } from '../hooks';
 export const Slide = React.forwardRef((props, ref) => {
-    const { timeout, in: inProp, children, appear, onEnter, onEntered, onEntering, onExit, onExited, onExiting, } = props;
+    const { timeout, in: inProp, children, appear, onEnter, onEntered, onEntering, onExit, onExited, onExiting, direction, } = props;
     const nodeRef = React.useRef(null);
     const multiRef = useMergedRef(children.ref, ref, nodeRef);
     const handleEnter = (isAppearing) => {
@@ -13,9 +13,33 @@ export const Slide = React.forwardRef((props, ref) => {
             onEnter(isAppearing);
         }
     };
+    const getTranslateExitValue = () => {
+        if (direction === 'right' || direction === 'left') {
+            return 'translateX(0px)';
+        }
+        if (direction === 'up' || direction === 'down') {
+            return 'translateY(0px)';
+        }
+        return undefined;
+    };
+    const getTranslateEnterValue = () => {
+        if (direction === 'right') {
+            return 'translateX(100%)';
+        }
+        if (direction === 'left') {
+            return 'translateX(-100%)';
+        }
+        if (direction === 'up') {
+            return 'translateY(-100%)';
+        }
+        if (direction === 'down') {
+            return 'translateY(100%)';
+        }
+        return undefined;
+    };
     return (React.createElement(Transition, { in: inProp, timeout: timeout, appear: appear, onEnter: handleEnter, onEntered: onEntered, onEntering: onEntering, onExit: onExit, onExited: onExited, onExiting: onExiting, nodeRef: nodeRef }, (state) => (React.cloneElement(children, {
         style: {
-            transform: (state === 'entering' || state === 'entered') ? 'translateX(0px)' : 'translateX(100%)',
+            transform: (state === 'entering' || state === 'entered') ? getTranslateExitValue() : getTranslateEnterValue(),
             transition: `transform ${timeout}ms`,
             visibility: state === 'exited' && !inProp ? 'hidden' : undefined,
             ...children.props.style,

package/dist/esnext/Slide/slide.js.map

@@ -1 +1 @@
-{"version":3,"file":"slide.js","sourceRoot":"","sources":["../../../src/Slide/slide.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAoCxC,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAkB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACpE,MAAM,EACJ,OAAO,EACP,EAAE,EAAE,MAAM,EACV,QAAQ,EACR,MAAM,EACN,OAAO,EACP,SAAS,EACT,UAAU,EACV,MAAM,EACN,QAAQ,EACR,SAAS,GACV,GAAG,KAAK,CAAC;IACV,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACnC,MAAM,QAAQ,GAAG,YAAY,CAAE,QAAgB,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC;IAEnE,MAAM,WAAW,GAAG,CAAC,WAAoB,EAAE,EAAE;QAC3C,kEAAkE;QAClE,qCAAqC;QACrC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,+DAA+D;QAE7F,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,WAAW,CAAC,CAAC;SACtB;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,EAAE,EAAE,MAAM,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IAEf,CAAC,KAAK,EAAE,EAAE,CAAC,CACV,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE;QAC3B,KAAK,EAAE;YACL,SAAS,EAAE,CAAC,KAAK,KAAK,UAAU,IAAI,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB;YACjG,UAAU,EAAE,aAAa,OAAO,IAAI;YACpC,UAAU,EAAE,KAAK,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;YAChE,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK;SACxB;QACD,GAAG,EAAE,QAAQ;KACd,CAAC,CACH,CACU,CACd,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,KAAK,CAAC,YAAY,GAAG;IACnB,OAAO,EAAE,GAAG;IACZ,SAAS,EAAE,OAAO;IAClB,MAAM,EAAE,IAAI;CACb,CAAC"}
+{"version":3,"file":"slide.js","sourceRoot":"","sources":["../../../src/Slide/slide.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAoCxC,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAkB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACpE,MAAM,EACJ,OAAO,EACP,EAAE,EAAE,MAAM,EACV,QAAQ,EACR,MAAM,EACN,OAAO,EACP,SAAS,EACT,UAAU,EACV,MAAM,EACN,QAAQ,EACR,SAAS,EACT,SAAS,GACV,GAAG,KAAK,CAAC;IACV,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAc,IAAI,CAAC,CAAC;IAChD,MAAM,QAAQ,GAAG,YAAY,CAAE,QAAgB,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC;IAEnE,MAAM,WAAW,GAAG,CAAC,WAAoB,EAAE,EAAE;QAC3C,kEAAkE;QAClE,qCAAqC;QACrC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,+DAA+D;QAE7F,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,WAAW,CAAC,CAAC;SACtB;IACH,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,GAAG,EAAE;QACjC,IAAI,SAAS,KAAK,OAAO,IAAI,SAAS,KAAK,MAAM,EAAE;YACjD,OAAO,iBAAiB,CAAC;SAC1B;QAED,IAAI,SAAS,KAAK,IAAI,IAAI,SAAS,KAAK,MAAM,EAAE;YAC9C,OAAO,iBAAiB,CAAC;SAC1B;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAClC,IAAI,SAAS,KAAK,OAAO,EAAE;YACzB,OAAO,kBAAkB,CAAC;SAC3B;QAED,IAAI,SAAS,KAAK,MAAM,EAAE;YACxB,OAAO,mBAAmB,CAAC;SAC5B;QAED,IAAI,SAAS,KAAK,IAAI,EAAE;YACtB,OAAO,mBAAmB,CAAC;SAC5B;QAED,IAAI,SAAS,KAAK,MAAM,EAAE;YACxB,OAAO,kBAAkB,CAAC;SAC3B;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,EAAE,EAAE,MAAM,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IAEf,CAAC,KAAK,EAAE,EAAE,CAAC,CACV,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE;QAC3B,KAAK,EAAE;YACL,SAAS,EAAE,CAAC,KAAK,KAAK,UAAU,IAAI,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,qBAAqB,EAAE,CAAC,CAAC,CAAC,sBAAsB,EAAE;YAC7G,UAAU,EAAE,aAAa,OAAO,IAAI;YACpC,UAAU,EAAE,KAAK,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;YAChE,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK;SACxB;QACD,GAAG,EAAE,QAAQ;KACd,CAAC,CACH,CACU,CACd,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,KAAK,CAAC,YAAY,GAAG;IACnB,OAAO,EAAE,GAAG;IACZ,SAAS,EAAE,OAAO;IAClB,MAAM,EAAE,IAAI;CACb,CAAC"}

package/dist/esnext/styles/index.js

@@ -1,6 +1,5 @@
 export { ThemeProvider } from './theme_provider';
-export { css, cx, keyframes } from './css';
+export { css, cx, keyframes, cache, } from './css';
 export * from './types';
 export { defaultTheme } from './default_theme';
-export { theme } from './utils';
 //# sourceMappingURL=index.js.map

package/dist/esnext/styles/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3C,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EACL,GAAG,EACH,EAAE,EACF,SAAS,EACT,KAAK,GACN,MAAM,OAAO,CAAC;AACf,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/esnext/styles/theme_provider.js

@@ -1,20 +1,13 @@
 import * as React from 'react';
 import { Global } from '@emotion/core';
 import { createTheme, createThemeCSSVariablesFromObject } from './utils';
-import { eventManager, Event } from './event_manager';
 import { defaultTheme } from './default_theme';
 export const ThemeProvider = (props) => {
     const { children, theme: themeProp, } = props;
-    const [theme, setTheme] = React.useState(() => (themeProp ? createTheme(themeProp) : defaultTheme));
-    React.useEffect(() => {
-        eventManager
-            .on(Event.Use, (options) => {
-            setTheme(createTheme(options));
-        });
-        return () => {
-            eventManager.list.clear();
-        };
-    }, []);
+    const theme = React.useMemo(() => {
+        const output = themeProp ? createTheme(themeProp) : defaultTheme;
+        return output;
+    }, [themeProp]);
     return (React.createElement(React.Fragment, null,
         React.createElement(Global, { styles: {
                 html: createThemeCSSVariablesFromObject(theme),

package/dist/esnext/styles/theme_provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme_provider.js","sourceRoot":"","sources":["../../../src/styles/theme_provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,iCAAiC,EAAE,MAAM,SAAS,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAQ/C,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,KAAK,EAAE,EAAE;IACnE,MAAM,EACJ,QAAQ,EACR,KAAK,EAAE,SAAS,GACjB,GAAG,KAAK,CAAC;IACV,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAC7C,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,YAAY,CAClD,CAAC,CAAC;IAEH,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,YAAY;aACT,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE;YACzB,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;QACjC,CAAC,CAAC,CAAC;QAEL,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;QAC5B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL;QACE,oBAAC,MAAM,IACL,MAAM,EAAE;gBACN,IAAI,EAAE,iCAAiC,CAAC,KAAK,CAAC;aAC/C,GACD;QACD,QAAQ,CACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
+{"version":3,"file":"theme_provider.js","sourceRoot":"","sources":["../../../src/styles/theme_provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,iCAAiC,EAAE,MAAM,SAAS,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAQ/C,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,KAAK,EAAE,EAAE;IACnE,MAAM,EACJ,QAAQ,EACR,KAAK,EAAE,SAAS,GACjB,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC/B,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;QAEjE,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL;QACE,oBAAC,MAAM,IACL,MAAM,EAAE;gBACN,IAAI,EAAE,iCAAiC,CAAC,KAAK,CAAC;aAC/C,GACD;QACD,QAAQ,CACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/dist/esnext/styles/utils.js

@@ -4,7 +4,6 @@ import { Color } from '@peculiar/color';
 import { defaultTheme } from './default_theme';
 import { generateWrongColors, generateSecondaryColors, generatePrimaryColors, } from './colors';
 import { generateBaseSize, } from './sizes';
-import { eventManager, Event } from './event_manager';
 export const themeCSSVariablePrefix = 'pv';
 export const contrastThreshold = 2;
 export const createTheme = (options) => {
@@ -38,9 +37,4 @@ export const createThemeCSSVariablesFromObject = (object) => {
     }, { delimiter: '-' });
     return flatted;
 };
-export const theme = {
-    useTheme: (options) => {
-        eventManager.emit(Event.Use, options);
-    },
-};
 //# sourceMappingURL=utils.js.map

package/dist/esnext/styles/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/styles/utils.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,SAAS,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,qBAAqB,GACtB,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,gBAAgB,GACjB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAEtD,MAAM,CAAC,MAAM,sBAAsB,GAAG,IAAI,CAAC;AAC3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,CAAC;AAEnC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,OAA0B,EAAE,EAAE;IACxD,MAAM,OAAO,GAAG,qBAAqB,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;IAC/D,MAAM,SAAS,GAAG,uBAAuB,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC;IACrE,MAAM,KAAK,GAAG,mBAAmB,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IACzD,MAAM,IAAI,GAAG,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAE7C,SAAS,eAAe,CAAC,UAAkB;QACzC,MAAM,aAAa,GAAG,IAAI,KAAK,CAAC,UAAU,CAAC;aACxC,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAE9C,OAAO,aAAa,GAAG,iBAAiB;YACtC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK;YAC1B,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC;IAC/B,CAAC;IAED,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO,EAAE;QACtC,KAAK,EAAE;YACL,GAAG,OAAO;YACV,GAAG,SAAS;YACZ,GAAG,KAAK;YACR,kBAAkB,EAAE,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC;YACpD,oBAAoB,EAAE,eAAe,CAAC,SAAS,CAAC,SAAS,CAAC;YAC1D,gBAAgB,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC;SACT;QACvC,IAAI;KACL,CAAC,CAAC;IAEH,OAAO,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;AAC/C,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iCAAiC,GAAG,CAAC,MAA2B,EAAE,EAAE;IAC/E,MAAM,OAAO,GAAG,IAAI,CAClB;QACE,CAAC,KAAK,sBAAsB,EAAE,CAAC,EAAE,MAAM;KACxC,EACD,EAAE,SAAS,EAAE,GAAG,EAAE,CACnB,CAAC;IAEF,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,QAAQ,EAAE,CAAC,OAAyB,EAAE,EAAE;QACtC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IACxC,CAAC;CACF,CAAC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/styles/utils.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,SAAS,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,qBAAqB,GACtB,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,gBAAgB,GACjB,MAAM,SAAS,CAAC;AAEjB,MAAM,CAAC,MAAM,sBAAsB,GAAG,IAAI,CAAC;AAC3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,CAAC;AAEnC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,OAA0B,EAAE,EAAE;IACxD,MAAM,OAAO,GAAG,qBAAqB,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;IAC/D,MAAM,SAAS,GAAG,uBAAuB,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC;IACrE,MAAM,KAAK,GAAG,mBAAmB,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IACzD,MAAM,IAAI,GAAG,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAE7C,SAAS,eAAe,CAAC,UAAkB;QACzC,MAAM,aAAa,GAAG,IAAI,KAAK,CAAC,UAAU,CAAC;aACxC,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAE9C,OAAO,aAAa,GAAG,iBAAiB;YACtC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK;YAC1B,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC;IAC/B,CAAC;IAED,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO,EAAE;QACtC,KAAK,EAAE;YACL,GAAG,OAAO;YACV,GAAG,SAAS;YACZ,GAAG,KAAK;YACR,kBAAkB,EAAE,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC;YACpD,oBAAoB,EAAE,eAAe,CAAC,SAAS,CAAC,SAAS,CAAC;YAC1D,gBAAgB,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC;SACT;QACvC,IAAI;KACL,CAAC,CAAC;IAEH,OAAO,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;AAC/C,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iCAAiC,GAAG,CAAC,MAA2B,EAAE,EAAE;IAC/E,MAAM,OAAO,GAAG,IAAI,CAClB;QACE,CAAC,KAAK,sBAAsB,EAAE,CAAC,EAAE,MAAM;KACxC,EACD,EAAE,SAAS,EAAE,GAAG,EAAE,CACnB,CAAC;IAEF,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}

package/dist/types/Slide/slide.d.ts

@@ -17,7 +17,7 @@ declare type BaseProps = {
     /**
      * Direction the child node will enter from.
      */
-    direction?: ('right');
+    direction?: ('right' | 'left' | 'up' | 'down');
     /**
      * Perform the enter transition when it first mounts if `in` is also `true`.
      */

package/dist/types/styles/index.d.ts

@@ -1,5 +1,4 @@
 export { ThemeProvider } from './theme_provider';
-export { css, cx, keyframes } from './css';
+export { css, cx, keyframes, cache, } from './css';
 export * from './types';
 export { defaultTheme } from './default_theme';
-export { theme } from './utils';

package/dist/types/styles/utils.d.ts

@@ -29,6 +29,3 @@ export declare const createTheme: (options?: ThemeOptionsType) => {
     };
 };
 export declare const createThemeCSSVariablesFromObject: (object: Record<string, any>) => Record<string, string>;
-export declare const theme: {
-    useTheme: (options: ThemeOptionsType) => void;
-};

package/dist/types/utils/use_enhanced_effect.d.ts

@@ -1,2 +1,2 @@
-import { useEffect } from 'react';
-export declare const useEnhancedEffect: typeof useEffect;
+import { useLayoutEffect } from 'react';
+export declare const useEnhancedEffect: typeof useLayoutEffect;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@peculiar/react-components",
   "private": false,
-  "version": "0.0.2-alpha.245+5c53f5d",
+  "version": "0.0.2-alpha.251+5aa37ee",
   "author": "PeculiarVentures Team",
   "description": "A simple and customizable component library to build faster, beautiful, and more accessible React applications.",
   "keywords": [
@@ -40,7 +40,7 @@
   "dependencies": {
     "@emotion/core": "^10.1.1",
     "@emotion/css": "^11.1.3",
-    "@peculiar/color": "^0.0.2-alpha.245+5c53f5d",
+    "@peculiar/color": "^0.0.2-alpha.251+5aa37ee",
     "@popperjs/core": "^2.9.3",
     "@types/flat": "^5.0.2",
     "@types/react-transition-group": "^4.4.2",
@@ -83,5 +83,5 @@
     "node": ">=12.x"
   },
   "license": "MIT",
-  "gitHead": "5c53f5d7cfb2b5752f57885e5a90cee9ad3ef14a"
+  "gitHead": "5aa37ee34fe6f13a3834e970b9f3c907cda4b92f"
 }

package/dist/cjs/styles/event_manager.js

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.eventManager = exports.Event = void 0;
-var Event;
-(function (Event) {
-    Event[Event["Use"] = 0] = "Use";
-})(Event = exports.Event || (exports.Event = {}));
-exports.eventManager = {
-    list: new Map(),
-    on: function (event, callback) {
-        if (!this.list.has(event)) {
-            this.list.set(event, []);
-        }
-        this.list.get(event).push(callback);
-        return this;
-    },
-    off: function (event, callback) {
-        if (callback) {
-            var cb = this.list.get(event).filter(function (fn) { return fn !== callback; });
-            this.list.set(event, cb);
-            return this;
-        }
-        this.list.delete(event);
-        return this;
-    },
-    emit: function (event) {
-        var args = [];
-        for (var _i = 1; _i < arguments.length; _i++) {
-            args[_i - 1] = arguments[_i];
-        }
-        if (this.list.has(event)) {
-            this.list.get(event).forEach(function (callback) {
-                setTimeout(function () {
-                    // @ts-ignore
-                    callback.apply(void 0, args);
-                }, 0);
-            });
-        }
-    },
-};
-//# sourceMappingURL=event_manager.js.map

package/dist/cjs/styles/event_manager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"event_manager.js","sourceRoot":"","sources":["../../../src/styles/event_manager.ts"],"names":[],"mappings":";;;AAEA,IAAY,KAEX;AAFD,WAAY,KAAK;IACf,+BAAG,CAAA;AACL,CAAC,EAFW,KAAK,GAAL,aAAK,KAAL,aAAK,QAEhB;AAcY,QAAA,YAAY,GAAiB;IACxC,IAAI,EAAE,IAAI,GAAG,EAAE;IAEf,EAAE,EAAF,UAAG,KAAY,EAAE,QAAkB;QACjC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YACzB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;SAC1B;QAED,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAErC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,GAAG,EAAH,UAAI,KAAK,EAAE,QAAQ;QACjB,IAAI,QAAQ,EAAE;YACZ,IAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAE,CAAC,MAAM,CAAC,UAAC,EAAY,IAAK,OAAA,EAAE,KAAK,QAAQ,EAAf,CAAe,CAAC,CAAC;YAE3E,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YAEzB,OAAO,IAAI,CAAC;SACb;QAED,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAExB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,EAAJ,UAAK,KAAY;QAAE,cAAc;aAAd,UAAc,EAAd,qBAAc,EAAd,IAAc;YAAd,6BAAc;;QAC/B,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YACxB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAE,CAAC,OAAO,CAAC,UAAC,QAAkB;gBAC/C,UAAU,CAAC;oBACT,aAAa;oBACb,QAAQ,eAAI,IAAI,EAAE;gBACpB,CAAC,EAAE,CAAC,CAAC,CAAC;YACR,CAAC,CAAC,CAAC;SACJ;IACH,CAAC;CACF,CAAC"}

package/dist/esm/styles/event_manager.js

@@ -1,38 +0,0 @@
-export var Event;
-(function (Event) {
-    Event[Event["Use"] = 0] = "Use";
-})(Event || (Event = {}));
-export var eventManager = {
-    list: new Map(),
-    on: function (event, callback) {
-        if (!this.list.has(event)) {
-            this.list.set(event, []);
-        }
-        this.list.get(event).push(callback);
-        return this;
-    },
-    off: function (event, callback) {
-        if (callback) {
-            var cb = this.list.get(event).filter(function (fn) { return fn !== callback; });
-            this.list.set(event, cb);
-            return this;
-        }
-        this.list.delete(event);
-        return this;
-    },
-    emit: function (event) {
-        var args = [];
-        for (var _i = 1; _i < arguments.length; _i++) {
-            args[_i - 1] = arguments[_i];
-        }
-        if (this.list.has(event)) {
-            this.list.get(event).forEach(function (callback) {
-                setTimeout(function () {
-                    // @ts-ignore
-                    callback.apply(void 0, args);
-                }, 0);
-            });
-        }
-    },
-};
-//# sourceMappingURL=event_manager.js.map

package/dist/esm/styles/event_manager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"event_manager.js","sourceRoot":"","sources":["../../../src/styles/event_manager.ts"],"names":[],"mappings":"AAEA,MAAM,CAAN,IAAY,KAEX;AAFD,WAAY,KAAK;IACf,+BAAG,CAAA;AACL,CAAC,EAFW,KAAK,KAAL,KAAK,QAEhB;AAcD,MAAM,CAAC,IAAM,YAAY,GAAiB;IACxC,IAAI,EAAE,IAAI,GAAG,EAAE;IAEf,EAAE,EAAF,UAAG,KAAY,EAAE,QAAkB;QACjC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YACzB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;SAC1B;QAED,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAErC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,GAAG,EAAH,UAAI,KAAK,EAAE,QAAQ;QACjB,IAAI,QAAQ,EAAE;YACZ,IAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAE,CAAC,MAAM,CAAC,UAAC,EAAY,IAAK,OAAA,EAAE,KAAK,QAAQ,EAAf,CAAe,CAAC,CAAC;YAE3E,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YAEzB,OAAO,IAAI,CAAC;SACb;QAED,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAExB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,EAAJ,UAAK,KAAY;QAAE,cAAc;aAAd,UAAc,EAAd,qBAAc,EAAd,IAAc;YAAd,6BAAc;;QAC/B,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YACxB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAE,CAAC,OAAO,CAAC,UAAC,QAAkB;gBAC/C,UAAU,CAAC;oBACT,aAAa;oBACb,QAAQ,eAAI,IAAI,EAAE;gBACpB,CAAC,EAAE,CAAC,CAAC,CAAC;YACR,CAAC,CAAC,CAAC;SACJ;IACH,CAAC;CACF,CAAC"}

package/dist/esnext/styles/event_manager.js

@@ -1,34 +0,0 @@
-export var Event;
-(function (Event) {
-    Event[Event["Use"] = 0] = "Use";
-})(Event || (Event = {}));
-export const eventManager = {
-    list: new Map(),
-    on(event, callback) {
-        if (!this.list.has(event)) {
-            this.list.set(event, []);
-        }
-        this.list.get(event).push(callback);
-        return this;
-    },
-    off(event, callback) {
-        if (callback) {
-            const cb = this.list.get(event).filter((fn) => fn !== callback);
-            this.list.set(event, cb);
-            return this;
-        }
-        this.list.delete(event);
-        return this;
-    },
-    emit(event, ...args) {
-        if (this.list.has(event)) {
-            this.list.get(event).forEach((callback) => {
-                setTimeout(() => {
-                    // @ts-ignore
-                    callback(...args);
-                }, 0);
-            });
-        }
-    },
-};
-//# sourceMappingURL=event_manager.js.map

package/dist/esnext/styles/event_manager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"event_manager.js","sourceRoot":"","sources":["../../../src/styles/event_manager.ts"],"names":[],"mappings":"AAEA,MAAM,CAAN,IAAY,KAEX;AAFD,WAAY,KAAK;IACf,+BAAG,CAAA;AACL,CAAC,EAFW,KAAK,KAAL,KAAK,QAEhB;AAcD,MAAM,CAAC,MAAM,YAAY,GAAiB;IACxC,IAAI,EAAE,IAAI,GAAG,EAAE;IAEf,EAAE,CAAC,KAAY,EAAE,QAAkB;QACjC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YACzB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;SAC1B;QAED,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAErC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,GAAG,CAAC,KAAK,EAAE,QAAQ;QACjB,IAAI,QAAQ,EAAE;YACZ,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAE,CAAC,MAAM,CAAC,CAAC,EAAY,EAAE,EAAE,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC;YAE3E,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YAEzB,OAAO,IAAI,CAAC;SACb;QAED,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAExB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,CAAC,KAAY,EAAE,GAAG,IAAW;QAC/B,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YACxB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAE,CAAC,OAAO,CAAC,CAAC,QAAkB,EAAE,EAAE;gBACnD,UAAU,CAAC,GAAG,EAAE;oBACd,aAAa;oBACb,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC;gBACpB,CAAC,EAAE,CAAC,CAAC,CAAC;YACR,CAAC,CAAC,CAAC;SACJ;IACH,CAAC;CACF,CAAC"}

package/dist/types/styles/event_manager.d.ts

@@ -1,14 +0,0 @@
-import type { ThemeOptionsType } from './types';
-export declare enum Event {
-    Use = 0
-}
-declare type OnUseCallback = (options: ThemeOptionsType) => void;
-declare type Callback = OnUseCallback;
-export interface EventManager {
-    list: Map<Event, Callback[]>;
-    on(event: Event.Use, callback: OnUseCallback): EventManager;
-    off(event: Event, callback?: Callback): EventManager;
-    emit(event: Event.Use, options: ThemeOptionsType): void;
-}
-export declare const eventManager: EventManager;
-export {};