@peculiar/react-components 0.0.2-alpha.247 → 0.0.2-alpha.252

package/dist/cjs/Avatar/avatar.js

@@ -89,9 +89,8 @@ function initials(name) {
 exports.Avatar = React.forwardRef(function (props, ref) {
     var _a;
     var className = props.className, size = props.size, src = props.src, name = props.name, _b = props.getInitials, getInitials = _b === void 0 ? initials : _b, background = props.background, color = props.color, typographyProps = props.typographyProps, other = __rest(props, ["className", "size", "src", "name", "getInitials", "background", "color", "typographyProps"]);
-    var status = hooks_1.useImage({ src: src });
-    var hasLoaded = status === 'loaded';
-    var showImage = src && hasLoaded;
+    var image = hooks_1.useImage(src).image;
+    var showImage = image === null || image === void 0 ? void 0 : image.src;
     var showInitials = name && getInitials;
     var children = null;
     if (showImage) {

package/dist/cjs/Avatar/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/Avatar/avatar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/Avatar/avatar.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/Image/image.js

@@ -46,12 +46,11 @@ var React = __importStar(require("react"));
 var hooks_1 = require("../hooks");
 exports.Image = React.forwardRef(function (props, ref) {
     var className = props.className, src = props.src, fallback = props.fallback, loading = props.loading, alt = props.alt, other = __rest(props, ["className", "src", "fallback", "loading", "alt"]);
-    var status = hooks_1.useImage({ src: src });
-    var hasLoaded = status === 'loaded';
+    var _a = hooks_1.useImage(src), status = _a.status, image = _a.image;
     var hasError = status === 'failed';
-    var showImage = src && hasLoaded;
+    var showImage = image === null || image === void 0 ? void 0 : image.src;
     if (showImage) {
-        return (React.createElement("img", __assign({}, other, { ref: ref, alt: alt, src: src, className: className })));
+        return (React.createElement("img", __assign({}, other, { ref: ref, alt: alt, src: image.src, className: className })));
     }
     if (fallback && hasError) {
         return fallback;

package/dist/cjs/Image/image.js.map

@@ -1 +1 @@
-{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../src/Image/image.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,kCAAoC;AAwBvB,QAAA,KAAK,GAAG,KAAK,CAAC,UAAU,CAA+B,UAAC,KAAK,EAAE,GAAG;IAE3E,IAAA,SAAS,GAMP,KAAK,UANE,EACT,GAAG,GAKD,KAAK,IALJ,EACH,QAAQ,GAIN,KAAK,SAJC,EACR,OAAO,GAGL,KAAK,QAHA,EACP,GAAG,GAED,KAAK,IAFJ,EACA,KAAK,UACN,KAAK,EAPH,kDAOL,CADS,CACA;IACV,IAAM,MAAM,GAAG,gBAAQ,CAAC,EAAE,GAAG,KAAA,EAAE,CAAC,CAAC;IACjC,IAAM,SAAS,GAAG,MAAM,KAAK,QAAQ,CAAC;IACtC,IAAM,QAAQ,GAAG,MAAM,KAAK,QAAQ,CAAC;IACrC,IAAM,SAAS,GAAG,GAAG,IAAI,SAAS,CAAC;IAEnC,IAAI,SAAS,EAAE;QACb,OAAO,CACL,wCACM,KAAK,IACT,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,IACpB,CACH,CAAC;KACH;IAED,IAAI,QAAQ,IAAI,QAAQ,EAAE;QACxB,OAAO,QAAQ,CAAC;KACjB;IAED,IAAI,OAAO,EAAE;QACX,OAAO,OAAO,CAAC;KAChB;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC,CAAC;AAEH,aAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,aAAK,CAAC,YAAY,GAAG,EAAE,CAAC"}
+{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../src/Image/image.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,kCAAoC;AAwBvB,QAAA,KAAK,GAAG,KAAK,CAAC,UAAU,CAA+B,UAAC,KAAK,EAAE,GAAG;IAE3E,IAAA,SAAS,GAMP,KAAK,UANE,EACT,GAAG,GAKD,KAAK,IALJ,EACH,QAAQ,GAIN,KAAK,SAJC,EACR,OAAO,GAGL,KAAK,QAHA,EACP,GAAG,GAED,KAAK,IAFJ,EACA,KAAK,UACN,KAAK,EAPH,kDAOL,CADS,CACA;IACJ,IAAA,KAAoB,gBAAQ,CAAC,GAAG,CAAC,EAA/B,MAAM,YAAA,EAAE,KAAK,WAAkB,CAAC;IACxC,IAAM,QAAQ,GAAG,MAAM,KAAK,QAAQ,CAAC;IACrC,IAAM,SAAS,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC;IAE7B,IAAI,SAAS,EAAE;QACb,OAAO,CACL,wCACM,KAAK,IACT,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,SAAS,EAAE,SAAS,IACpB,CACH,CAAC;KACH;IAED,IAAI,QAAQ,IAAI,QAAQ,EAAE;QACxB,OAAO,QAAQ,CAAC;KACjB;IAED,IAAI,OAAO,EAAE;QACX,OAAO,OAAO,CAAC;KAChB;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC,CAAC;AAEH,aAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,aAAK,CAAC,YAAY,GAAG,EAAE,CAAC"}

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/hooks/use_image.js

@@ -3,34 +3,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useImage = void 0;
 var react_1 = require("react");
 var utils_1 = require("../utils");
-/**
- * React hook that loads an image in the browser,
- * and let's us know the `status` so we can show image
- * fallback if it is still `pending`
- *
- * @returns the status of the image loading progress
- *
- * @example
- *
- * ```jsx
- * function App(){
- *   const status = useImage({ src: "image.png" })
- *   return status === "loaded" ? <img src="image.png" /> : <Placeholder />
- * }
- * ```
- */
-function useImage(options) {
-    var src = options.src, onLoad = options.onLoad, onError = options.onError;
+function useImage(src, options) {
+    if (options === void 0) { options = {}; }
+    var onLoad = options.onLoad, onError = options.onError;
     var _a = react_1.useState('pending'), status = _a[0], setStatus = _a[1];
-    react_1.useEffect(function () {
-        setStatus(src ? 'loading' : 'pending');
-    }, [src]);
     var imageRef = react_1.useRef();
     var flush = function () {
         if (imageRef.current) {
             imageRef.current.onload = null;
             imageRef.current.onerror = null;
-            imageRef.current = null;
+            imageRef.current = undefined;
         }
     };
     var load = react_1.useCallback(function () {
@@ -41,7 +23,6 @@ function useImage(options) {
         var img = new Image();
         img.src = src;
         img.onload = function (event) {
-            flush();
             setStatus('loaded');
             if (onLoad) {
                 onLoad(event);
@@ -56,6 +37,9 @@ function useImage(options) {
         };
         imageRef.current = img;
     }, [src, onLoad, onError]);
+    react_1.useEffect(function () {
+        setStatus(src ? 'loading' : 'pending');
+    }, [src]);
     utils_1.useEnhancedEffect(function () {
         if (status === 'loading') {
             load();
@@ -64,7 +48,7 @@ function useImage(options) {
             flush();
         };
     }, [status, load]);
-    return status;
+    return { status: status, image: imageRef.current };
 }
 exports.useImage = useImage;
 //# sourceMappingURL=use_image.js.map

package/dist/cjs/hooks/use_image.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_image.js","sourceRoot":"","sources":["../../../src/hooks/use_image.ts"],"names":[],"mappings":";;;AAAA,+BAKe;AACf,kCAA6C;AAmB7C;;;;;;;;;;;;;;;GAeG;AACH,SAAgB,QAAQ,CAAC,OAAwB;IAE7C,IAAA,GAAG,GAGD,OAAO,IAHN,EACH,MAAM,GAEJ,OAAO,OAFH,EACN,OAAO,GACL,OAAO,QADF,CACG;IAEN,IAAA,KAAsB,gBAAQ,CAAS,SAAS,CAAC,EAAhD,MAAM,QAAA,EAAE,SAAS,QAA+B,CAAC;IAExD,iBAAS,CAAC;QACR,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,IAAM,QAAQ,GAAG,cAAM,EAA2B,CAAC;IAEnD,IAAM,KAAK,GAAG;QACZ,IAAI,QAAQ,CAAC,OAAO,EAAE;YACpB,QAAQ,CAAC,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC;YAC/B,QAAQ,CAAC,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;YAChC,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;SACzB;IACH,CAAC,CAAC;IAEF,IAAM,IAAI,GAAG,mBAAW,CAAC;QACvB,IAAI,CAAC,GAAG,EAAE;YACR,OAAO;SACR;QAED,KAAK,EAAE,CAAC;QAER,IAAM,GAAG,GAAG,IAAI,KAAK,EAAE,CAAC;QAExB,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC;QAEd,GAAG,CAAC,MAAM,GAAG,UAAC,KAAK;YACjB,KAAK,EAAE,CAAC;YACR,SAAS,CAAC,QAAQ,CAAC,CAAC;YAEpB,IAAI,MAAM,EAAE;gBACV,MAAM,CAAC,KAAY,CAAC,CAAC;aACtB;QACH,CAAC,CAAC;QAEF,GAAG,CAAC,OAAO,GAAG,UAAC,KAAK;YAClB,KAAK,EAAE,CAAC;YACR,SAAS,CAAC,QAAQ,CAAC,CAAC;YAEpB,IAAI,OAAO,EAAE;gBACX,OAAO,CAAC,KAAY,CAAC,CAAC;aACvB;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,OAAO,GAAG,GAAG,CAAC;IACzB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAE3B,yBAAiB,CAAC;QAChB,IAAI,MAAM,KAAK,SAAS,EAAE;YACxB,IAAI,EAAE,CAAC;SACR;QAED,OAAO;YACL,KAAK,EAAE,CAAC;QACV,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;IAEnB,OAAO,MAAM,CAAC;AAChB,CAAC;AAlED,4BAkEC"}
+{"version":3,"file":"use_image.js","sourceRoot":"","sources":["../../../src/hooks/use_image.ts"],"names":[],"mappings":";;;AAAA,+BAKe;AACf,kCAA6C;AAqC7C,SAAgB,QAAQ,CAAC,GAAW,EAAE,OAAiC;IAAjC,wBAAA,EAAA,YAAiC;IAEnE,IAAA,MAAM,GAEJ,OAAO,OAFH,EACN,OAAO,GACL,OAAO,QADF,CACG;IAEN,IAAA,KAAsB,gBAAQ,CAAS,SAAS,CAAC,EAAhD,MAAM,QAAA,EAAE,SAAS,QAA+B,CAAC;IACxD,IAAM,QAAQ,GAAG,cAAM,EAA+B,CAAC;IAEvD,IAAM,KAAK,GAAG;QACZ,IAAI,QAAQ,CAAC,OAAO,EAAE;YACpB,QAAQ,CAAC,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC;YAC/B,QAAQ,CAAC,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;YAChC,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;SAC9B;IACH,CAAC,CAAC;IAEF,IAAM,IAAI,GAAG,mBAAW,CAAC;QACvB,IAAI,CAAC,GAAG,EAAE;YACR,OAAO;SACR;QAED,KAAK,EAAE,CAAC;QAER,IAAM,GAAG,GAAG,IAAI,KAAK,EAAE,CAAC;QAExB,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC;QAEd,GAAG,CAAC,MAAM,GAAG,UAAC,KAAK;YACjB,SAAS,CAAC,QAAQ,CAAC,CAAC;YAEpB,IAAI,MAAM,EAAE;gBACV,MAAM,CAAC,KAAY,CAAC,CAAC;aACtB;QACH,CAAC,CAAC;QAEF,GAAG,CAAC,OAAO,GAAG,UAAC,KAAK;YAClB,KAAK,EAAE,CAAC;YACR,SAAS,CAAC,QAAQ,CAAC,CAAC;YAEpB,IAAI,OAAO,EAAE;gBACX,OAAO,CAAC,KAAY,CAAC,CAAC;aACvB;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,OAAO,GAAG,GAAG,CAAC;IACzB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAE3B,iBAAS,CAAC;QACR,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,yBAAiB,CAAC;QAChB,IAAI,MAAM,KAAK,SAAS,EAAE;YACxB,IAAI,EAAE,CAAC;SACR;QAED,OAAO;YACL,KAAK,EAAE,CAAC;QACV,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;IAEnB,OAAO,EAAE,MAAM,QAAA,EAAE,KAAK,EAAE,QAAQ,CAAC,OAAO,EAAE,CAAC;AAC7C,CAAC;AA/DD,4BA+DC"}

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/Avatar/avatar.js

@@ -67,9 +67,8 @@ function initials(name) {
 export var Avatar = React.forwardRef(function (props, ref) {
     var _a;
     var className = props.className, size = props.size, src = props.src, name = props.name, _b = props.getInitials, getInitials = _b === void 0 ? initials : _b, background = props.background, color = props.color, typographyProps = props.typographyProps, other = __rest(props, ["className", "size", "src", "name", "getInitials", "background", "color", "typographyProps"]);
-    var status = useImage({ src: src });
-    var hasLoaded = status === 'loaded';
-    var showImage = src && hasLoaded;
+    var image = useImage(src).image;
+    var showImage = image === null || image === void 0 ? void 0 : image.src;
     var showInitials = name && getInitials;
     var children = null;
     if (showImage) {

package/dist/esm/Avatar/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/Avatar/avatar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/Avatar/avatar.tsx"],"names":[],"mappings":"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"}

package/dist/esm/Image/image.js

@@ -24,12 +24,11 @@ import * as React from 'react';
 import { useImage } from '../hooks';
 export var Image = React.forwardRef(function (props, ref) {
     var className = props.className, src = props.src, fallback = props.fallback, loading = props.loading, alt = props.alt, other = __rest(props, ["className", "src", "fallback", "loading", "alt"]);
-    var status = useImage({ src: src });
-    var hasLoaded = status === 'loaded';
+    var _a = useImage(src), status = _a.status, image = _a.image;
     var hasError = status === 'failed';
-    var showImage = src && hasLoaded;
+    var showImage = image === null || image === void 0 ? void 0 : image.src;
     if (showImage) {
-        return (React.createElement("img", __assign({}, other, { ref: ref, alt: alt, src: src, className: className })));
+        return (React.createElement("img", __assign({}, other, { ref: ref, alt: alt, src: image.src, className: className })));
     }
     if (fallback && hasError) {
         return fallback;

package/dist/esm/Image/image.js.map

@@ -1 +1 @@
-{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../src/Image/image.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAwBpC,MAAM,CAAC,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAA+B,UAAC,KAAK,EAAE,GAAG;IAE3E,IAAA,SAAS,GAMP,KAAK,UANE,EACT,GAAG,GAKD,KAAK,IALJ,EACH,QAAQ,GAIN,KAAK,SAJC,EACR,OAAO,GAGL,KAAK,QAHA,EACP,GAAG,GAED,KAAK,IAFJ,EACA,KAAK,UACN,KAAK,EAPH,kDAOL,CADS,CACA;IACV,IAAM,MAAM,GAAG,QAAQ,CAAC,EAAE,GAAG,KAAA,EAAE,CAAC,CAAC;IACjC,IAAM,SAAS,GAAG,MAAM,KAAK,QAAQ,CAAC;IACtC,IAAM,QAAQ,GAAG,MAAM,KAAK,QAAQ,CAAC;IACrC,IAAM,SAAS,GAAG,GAAG,IAAI,SAAS,CAAC;IAEnC,IAAI,SAAS,EAAE;QACb,OAAO,CACL,wCACM,KAAK,IACT,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,IACpB,CACH,CAAC;KACH;IAED,IAAI,QAAQ,IAAI,QAAQ,EAAE;QACxB,OAAO,QAAQ,CAAC;KACjB;IAED,IAAI,OAAO,EAAE;QACX,OAAO,OAAO,CAAC;KAChB;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC,CAAC;AAEH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,KAAK,CAAC,YAAY,GAAG,EAAE,CAAC"}
+{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../src/Image/image.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAwBpC,MAAM,CAAC,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAA+B,UAAC,KAAK,EAAE,GAAG;IAE3E,IAAA,SAAS,GAMP,KAAK,UANE,EACT,GAAG,GAKD,KAAK,IALJ,EACH,QAAQ,GAIN,KAAK,SAJC,EACR,OAAO,GAGL,KAAK,QAHA,EACP,GAAG,GAED,KAAK,IAFJ,EACA,KAAK,UACN,KAAK,EAPH,kDAOL,CADS,CACA;IACJ,IAAA,KAAoB,QAAQ,CAAC,GAAG,CAAC,EAA/B,MAAM,YAAA,EAAE,KAAK,WAAkB,CAAC;IACxC,IAAM,QAAQ,GAAG,MAAM,KAAK,QAAQ,CAAC;IACrC,IAAM,SAAS,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC;IAE7B,IAAI,SAAS,EAAE;QACb,OAAO,CACL,wCACM,KAAK,IACT,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,SAAS,EAAE,SAAS,IACpB,CACH,CAAC;KACH;IAED,IAAI,QAAQ,IAAI,QAAQ,EAAE;QACxB,OAAO,QAAQ,CAAC;KACjB;IAED,IAAI,OAAO,EAAE;QACX,OAAO,OAAO,CAAC;KAChB;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC,CAAC;AAEH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,KAAK,CAAC,YAAY,GAAG,EAAE,CAAC"}

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/hooks/use_image.js

@@ -1,33 +1,15 @@
 import { useState, useEffect, useRef, useCallback, } from 'react';
 import { useEnhancedEffect } from '../utils';
-/**
- * React hook that loads an image in the browser,
- * and let's us know the `status` so we can show image
- * fallback if it is still `pending`
- *
- * @returns the status of the image loading progress
- *
- * @example
- *
- * ```jsx
- * function App(){
- *   const status = useImage({ src: "image.png" })
- *   return status === "loaded" ? <img src="image.png" /> : <Placeholder />
- * }
- * ```
- */
-export function useImage(options) {
-    var src = options.src, onLoad = options.onLoad, onError = options.onError;
+export function useImage(src, options) {
+    if (options === void 0) { options = {}; }
+    var onLoad = options.onLoad, onError = options.onError;
     var _a = useState('pending'), status = _a[0], setStatus = _a[1];
-    useEffect(function () {
-        setStatus(src ? 'loading' : 'pending');
-    }, [src]);
     var imageRef = useRef();
     var flush = function () {
         if (imageRef.current) {
             imageRef.current.onload = null;
             imageRef.current.onerror = null;
-            imageRef.current = null;
+            imageRef.current = undefined;
         }
     };
     var load = useCallback(function () {
@@ -38,7 +20,6 @@ export function useImage(options) {
         var img = new Image();
         img.src = src;
         img.onload = function (event) {
-            flush();
             setStatus('loaded');
             if (onLoad) {
                 onLoad(event);
@@ -53,6 +34,9 @@ export function useImage(options) {
         };
         imageRef.current = img;
     }, [src, onLoad, onError]);
+    useEffect(function () {
+        setStatus(src ? 'loading' : 'pending');
+    }, [src]);
     useEnhancedEffect(function () {
         if (status === 'loading') {
             load();
@@ -61,6 +45,6 @@ export function useImage(options) {
             flush();
         };
     }, [status, load]);
-    return status;
+    return { status: status, image: imageRef.current };
 }
 //# sourceMappingURL=use_image.js.map

package/dist/esm/hooks/use_image.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_image.js","sourceRoot":"","sources":["../../../src/hooks/use_image.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,SAAS,EACT,MAAM,EACN,WAAW,GACZ,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAmB7C;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,QAAQ,CAAC,OAAwB;IAE7C,IAAA,GAAG,GAGD,OAAO,IAHN,EACH,MAAM,GAEJ,OAAO,OAFH,EACN,OAAO,GACL,OAAO,QADF,CACG;IAEN,IAAA,KAAsB,QAAQ,CAAS,SAAS,CAAC,EAAhD,MAAM,QAAA,EAAE,SAAS,QAA+B,CAAC;IAExD,SAAS,CAAC;QACR,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,IAAM,QAAQ,GAAG,MAAM,EAA2B,CAAC;IAEnD,IAAM,KAAK,GAAG;QACZ,IAAI,QAAQ,CAAC,OAAO,EAAE;YACpB,QAAQ,CAAC,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC;YAC/B,QAAQ,CAAC,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;YAChC,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;SACzB;IACH,CAAC,CAAC;IAEF,IAAM,IAAI,GAAG,WAAW,CAAC;QACvB,IAAI,CAAC,GAAG,EAAE;YACR,OAAO;SACR;QAED,KAAK,EAAE,CAAC;QAER,IAAM,GAAG,GAAG,IAAI,KAAK,EAAE,CAAC;QAExB,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC;QAEd,GAAG,CAAC,MAAM,GAAG,UAAC,KAAK;YACjB,KAAK,EAAE,CAAC;YACR,SAAS,CAAC,QAAQ,CAAC,CAAC;YAEpB,IAAI,MAAM,EAAE;gBACV,MAAM,CAAC,KAAY,CAAC,CAAC;aACtB;QACH,CAAC,CAAC;QAEF,GAAG,CAAC,OAAO,GAAG,UAAC,KAAK;YAClB,KAAK,EAAE,CAAC;YACR,SAAS,CAAC,QAAQ,CAAC,CAAC;YAEpB,IAAI,OAAO,EAAE;gBACX,OAAO,CAAC,KAAY,CAAC,CAAC;aACvB;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,OAAO,GAAG,GAAG,CAAC;IACzB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAE3B,iBAAiB,CAAC;QAChB,IAAI,MAAM,KAAK,SAAS,EAAE;YACxB,IAAI,EAAE,CAAC;SACR;QAED,OAAO;YACL,KAAK,EAAE,CAAC;QACV,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;IAEnB,OAAO,MAAM,CAAC;AAChB,CAAC"}
+{"version":3,"file":"use_image.js","sourceRoot":"","sources":["../../../src/hooks/use_image.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,SAAS,EACT,MAAM,EACN,WAAW,GACZ,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAqC7C,MAAM,UAAU,QAAQ,CAAC,GAAW,EAAE,OAAiC;IAAjC,wBAAA,EAAA,YAAiC;IAEnE,IAAA,MAAM,GAEJ,OAAO,OAFH,EACN,OAAO,GACL,OAAO,QADF,CACG;IAEN,IAAA,KAAsB,QAAQ,CAAS,SAAS,CAAC,EAAhD,MAAM,QAAA,EAAE,SAAS,QAA+B,CAAC;IACxD,IAAM,QAAQ,GAAG,MAAM,EAA+B,CAAC;IAEvD,IAAM,KAAK,GAAG;QACZ,IAAI,QAAQ,CAAC,OAAO,EAAE;YACpB,QAAQ,CAAC,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC;YAC/B,QAAQ,CAAC,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;YAChC,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;SAC9B;IACH,CAAC,CAAC;IAEF,IAAM,IAAI,GAAG,WAAW,CAAC;QACvB,IAAI,CAAC,GAAG,EAAE;YACR,OAAO;SACR;QAED,KAAK,EAAE,CAAC;QAER,IAAM,GAAG,GAAG,IAAI,KAAK,EAAE,CAAC;QAExB,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC;QAEd,GAAG,CAAC,MAAM,GAAG,UAAC,KAAK;YACjB,SAAS,CAAC,QAAQ,CAAC,CAAC;YAEpB,IAAI,MAAM,EAAE;gBACV,MAAM,CAAC,KAAY,CAAC,CAAC;aACtB;QACH,CAAC,CAAC;QAEF,GAAG,CAAC,OAAO,GAAG,UAAC,KAAK;YAClB,KAAK,EAAE,CAAC;YACR,SAAS,CAAC,QAAQ,CAAC,CAAC;YAEpB,IAAI,OAAO,EAAE;gBACX,OAAO,CAAC,KAAY,CAAC,CAAC;aACvB;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,OAAO,GAAG,GAAG,CAAC;IACzB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAE3B,SAAS,CAAC;QACR,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,iBAAiB,CAAC;QAChB,IAAI,MAAM,KAAK,SAAS,EAAE;YACxB,IAAI,EAAE,CAAC;SACR;QAED,OAAO;YACL,KAAK,EAAE,CAAC;QACV,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;IAEnB,OAAO,EAAE,MAAM,QAAA,EAAE,KAAK,EAAE,QAAQ,CAAC,OAAO,EAAE,CAAC;AAC7C,CAAC"}

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/Avatar/avatar.js

@@ -44,9 +44,8 @@ function initials(name) {
 }
 export const Avatar = React.forwardRef((props, ref) => {
     const { className, size, src, name, getInitials = initials, background, color, typographyProps, ...other } = props;
-    const status = useImage({ src });
-    const hasLoaded = status === 'loaded';
-    const showImage = src && hasLoaded;
+    const { image } = useImage(src);
+    const showImage = image?.src;
     const showInitials = name && getInitials;
     let children = null;
     if (showImage) {

package/dist/esnext/Avatar/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/Avatar/avatar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/Avatar/avatar.tsx"],"names":[],"mappings":"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"}

package/dist/esnext/Image/image.js

@@ -2,12 +2,11 @@ import * as React from 'react';
 import { useImage } from '../hooks';
 export const Image = React.forwardRef((props, ref) => {
     const { className, src, fallback, loading, alt, ...other } = props;
-    const status = useImage({ src });
-    const hasLoaded = status === 'loaded';
+    const { status, image } = useImage(src);
     const hasError = status === 'failed';
-    const showImage = src && hasLoaded;
+    const showImage = image?.src;
     if (showImage) {
-        return (React.createElement("img", Object.assign({}, other, { ref: ref, alt: alt, src: src, className: className })));
+        return (React.createElement("img", Object.assign({}, other, { ref: ref, alt: alt, src: image.src, className: className })));
     }
     if (fallback && hasError) {
         return fallback;

package/dist/esnext/Image/image.js.map

@@ -1 +1 @@
-{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../src/Image/image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAwBpC,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACjF,MAAM,EACJ,SAAS,EACT,GAAG,EACH,QAAQ,EACR,OAAO,EACP,GAAG,EACH,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IACV,MAAM,MAAM,GAAG,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;IACjC,MAAM,SAAS,GAAG,MAAM,KAAK,QAAQ,CAAC;IACtC,MAAM,QAAQ,GAAG,MAAM,KAAK,QAAQ,CAAC;IACrC,MAAM,SAAS,GAAG,GAAG,IAAI,SAAS,CAAC;IAEnC,IAAI,SAAS,EAAE;QACb,OAAO,CACL,6CACM,KAAK,IACT,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,IACpB,CACH,CAAC;KACH;IAED,IAAI,QAAQ,IAAI,QAAQ,EAAE;QACxB,OAAO,QAAQ,CAAC;KACjB;IAED,IAAI,OAAO,EAAE;QACX,OAAO,OAAO,CAAC;KAChB;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC,CAAC;AAEH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,KAAK,CAAC,YAAY,GAAG,EAAE,CAAC"}
+{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../src/Image/image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAwBpC,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACjF,MAAM,EACJ,SAAS,EACT,GAAG,EACH,QAAQ,EACR,OAAO,EACP,GAAG,EACH,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,MAAM,KAAK,QAAQ,CAAC;IACrC,MAAM,SAAS,GAAG,KAAK,EAAE,GAAG,CAAC;IAE7B,IAAI,SAAS,EAAE;QACb,OAAO,CACL,6CACM,KAAK,IACT,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,SAAS,EAAE,SAAS,IACpB,CACH,CAAC;KACH;IAED,IAAI,QAAQ,IAAI,QAAQ,EAAE;QACxB,OAAO,QAAQ,CAAC;KACjB;IAED,IAAI,OAAO,EAAE;QACX,OAAO,OAAO,CAAC;KAChB;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC,CAAC;AAEH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,KAAK,CAAC,YAAY,GAAG,EAAE,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/hooks/use_image.js

@@ -1,33 +1,14 @@
 import { useState, useEffect, useRef, useCallback, } from 'react';
 import { useEnhancedEffect } from '../utils';
-/**
- * React hook that loads an image in the browser,
- * and let's us know the `status` so we can show image
- * fallback if it is still `pending`
- *
- * @returns the status of the image loading progress
- *
- * @example
- *
- * ```jsx
- * function App(){
- *   const status = useImage({ src: "image.png" })
- *   return status === "loaded" ? <img src="image.png" /> : <Placeholder />
- * }
- * ```
- */
-export function useImage(options) {
-    const { src, onLoad, onError, } = options;
+export function useImage(src, options = {}) {
+    const { onLoad, onError, } = options;
     const [status, setStatus] = useState('pending');
-    useEffect(() => {
-        setStatus(src ? 'loading' : 'pending');
-    }, [src]);
     const imageRef = useRef();
     const flush = () => {
         if (imageRef.current) {
             imageRef.current.onload = null;
             imageRef.current.onerror = null;
-            imageRef.current = null;
+            imageRef.current = undefined;
         }
     };
     const load = useCallback(() => {
@@ -38,7 +19,6 @@ export function useImage(options) {
         const img = new Image();
         img.src = src;
         img.onload = (event) => {
-            flush();
             setStatus('loaded');
             if (onLoad) {
                 onLoad(event);
@@ -53,6 +33,9 @@ export function useImage(options) {
         };
         imageRef.current = img;
     }, [src, onLoad, onError]);
+    useEffect(() => {
+        setStatus(src ? 'loading' : 'pending');
+    }, [src]);
     useEnhancedEffect(() => {
         if (status === 'loading') {
             load();
@@ -61,6 +44,6 @@ export function useImage(options) {
             flush();
         };
     }, [status, load]);
-    return status;
+    return { status, image: imageRef.current };
 }
 //# sourceMappingURL=use_image.js.map

package/dist/esnext/hooks/use_image.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_image.js","sourceRoot":"","sources":["../../../src/hooks/use_image.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,SAAS,EACT,MAAM,EACN,WAAW,GACZ,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAmB7C;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,QAAQ,CAAC,OAAwB;IAC/C,MAAM,EACJ,GAAG,EACH,MAAM,EACN,OAAO,GACR,GAAG,OAAO,CAAC;IAEZ,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAS,SAAS,CAAC,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,MAAM,QAAQ,GAAG,MAAM,EAA2B,CAAC;IAEnD,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,IAAI,QAAQ,CAAC,OAAO,EAAE;YACpB,QAAQ,CAAC,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC;YAC/B,QAAQ,CAAC,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;YAChC,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;SACzB;IACH,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5B,IAAI,CAAC,GAAG,EAAE;YACR,OAAO;SACR;QAED,KAAK,EAAE,CAAC;QAER,MAAM,GAAG,GAAG,IAAI,KAAK,EAAE,CAAC;QAExB,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC;QAEd,GAAG,CAAC,MAAM,GAAG,CAAC,KAAK,EAAE,EAAE;YACrB,KAAK,EAAE,CAAC;YACR,SAAS,CAAC,QAAQ,CAAC,CAAC;YAEpB,IAAI,MAAM,EAAE;gBACV,MAAM,CAAC,KAAY,CAAC,CAAC;aACtB;QACH,CAAC,CAAC;QAEF,GAAG,CAAC,OAAO,GAAG,CAAC,KAAK,EAAE,EAAE;YACtB,KAAK,EAAE,CAAC;YACR,SAAS,CAAC,QAAQ,CAAC,CAAC;YAEpB,IAAI,OAAO,EAAE;gBACX,OAAO,CAAC,KAAY,CAAC,CAAC;aACvB;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,OAAO,GAAG,GAAG,CAAC;IACzB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAE3B,iBAAiB,CAAC,GAAG,EAAE;QACrB,IAAI,MAAM,KAAK,SAAS,EAAE;YACxB,IAAI,EAAE,CAAC;SACR;QAED,OAAO,GAAG,EAAE;YACV,KAAK,EAAE,CAAC;QACV,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;IAEnB,OAAO,MAAM,CAAC;AAChB,CAAC"}
+{"version":3,"file":"use_image.js","sourceRoot":"","sources":["../../../src/hooks/use_image.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,SAAS,EACT,MAAM,EACN,WAAW,GACZ,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAqC7C,MAAM,UAAU,QAAQ,CAAC,GAAW,EAAE,UAA+B,EAAE;IACrE,MAAM,EACJ,MAAM,EACN,OAAO,GACR,GAAG,OAAO,CAAC;IAEZ,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAS,SAAS,CAAC,CAAC;IACxD,MAAM,QAAQ,GAAG,MAAM,EAA+B,CAAC;IAEvD,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,IAAI,QAAQ,CAAC,OAAO,EAAE;YACpB,QAAQ,CAAC,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC;YAC/B,QAAQ,CAAC,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;YAChC,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;SAC9B;IACH,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5B,IAAI,CAAC,GAAG,EAAE;YACR,OAAO;SACR;QAED,KAAK,EAAE,CAAC;QAER,MAAM,GAAG,GAAG,IAAI,KAAK,EAAE,CAAC;QAExB,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC;QAEd,GAAG,CAAC,MAAM,GAAG,CAAC,KAAK,EAAE,EAAE;YACrB,SAAS,CAAC,QAAQ,CAAC,CAAC;YAEpB,IAAI,MAAM,EAAE;gBACV,MAAM,CAAC,KAAY,CAAC,CAAC;aACtB;QACH,CAAC,CAAC;QAEF,GAAG,CAAC,OAAO,GAAG,CAAC,KAAK,EAAE,EAAE;YACtB,KAAK,EAAE,CAAC;YACR,SAAS,CAAC,QAAQ,CAAC,CAAC;YAEpB,IAAI,OAAO,EAAE;gBACX,OAAO,CAAC,KAAY,CAAC,CAAC;aACvB;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,OAAO,GAAG,GAAG,CAAC;IACzB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,iBAAiB,CAAC,GAAG,EAAE;QACrB,IAAI,MAAM,KAAK,SAAS,EAAE;YACxB,IAAI,EAAE,CAAC;SACR;QAED,OAAO,GAAG,EAAE;YACV,KAAK,EAAE,CAAC;QACV,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;IAEnB,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,CAAC,OAAO,EAAE,CAAC;AAC7C,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/Image/image.d.ts

@@ -3,7 +3,7 @@ declare type BaseProps = {
     /**
      * The `src` attribute for the `img` element.
      */
-    src?: string;
+    src: string;
     /**
      * Fallback element to show if image is loading.
      */

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/hooks/use_image.d.ts

@@ -1,9 +1,5 @@
 /// <reference types="react" />
-export declare type UseImageOptions = {
-    /**
-     * The image `src` attribute.
-     */
-    src: string;
+export declare type UseImageOptionsType = {
     /**
      * A callback for when the image `src` has been loaded.
      */
@@ -13,7 +9,7 @@ export declare type UseImageOptions = {
      */
     onError?: (error: string | React.SyntheticEvent<HTMLImageElement, Event>) => void;
 };
-declare type Status = 'loading' | 'failed' | 'pending' | 'loaded';
+declare type Status = ('loading' | 'failed' | 'pending' | 'loaded');
 /**
  * React hook that loads an image in the browser,
  * and let's us know the `status` so we can show image
@@ -25,10 +21,14 @@ declare type Status = 'loading' | 'failed' | 'pending' | 'loaded';
  *
  * ```jsx
  * function App(){
- *   const status = useImage({ src: "image.png" })
- *   return status === "loaded" ? <img src="image.png" /> : <Placeholder />
+ *   const [status, image] = useImage("image.png")
+ *   return status === "loaded" ? <img src={image.src} /> : <Placeholder />
  * }
  * ```
  */
-export declare function useImage(options: UseImageOptions): Status;
+declare type UseImageReturnType = {
+    status: Status;
+    image?: HTMLImageElement;
+};
+export declare function useImage(src: string, options?: UseImageOptionsType): UseImageReturnType;
 export {};

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.247+d854faf",
+  "version": "0.0.2-alpha.252+ab52392",
   "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.247+d854faf",
+    "@peculiar/color": "^0.0.2-alpha.252+ab52392",
     "@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": "d854fafa3d80759d6e5e7470bd58e9b317d18d8f"
+  "gitHead": "ab523927a62720c0a79fb78be2eb6376b2b79fb4"
 }

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 {};