@dreamcommerce/aurora 2.2.1 → 2.2.3-1

package/build/cjs/packages/aurora/src/components/slide/components/slide_content.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var classnames = require('classnames');
+var css_classes = require('../css_classes.js');
+var main_module = require('../../../css/slide/main.module.less.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+const SlideContent = ({ children, footerHeightPx, classNames }) => {
+    const classes = classnames__default['default'](main_module['default'][css_classes['default'].slideContent], {
+        [classNames]: classNames
+    });
+    const heightStyles = footerHeightPx ? `calc(100% - ${footerHeightPx}px)` : '100%';
+    return (React__default['default'].createElement("div", { className: classes, style: { height: heightStyles } }, children));
+};
+
+exports.SlideContent = SlideContent;
+exports.default = SlideContent;
+//# sourceMappingURL=slide_content.js.map

package/build/cjs/packages/aurora/src/components/slide/components/slide_content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/slide/components/slide_footer.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var classnames = require('classnames');
+var css_classes = require('../css_classes.js');
+var main_module = require('../../../css/slide/main.module.less.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+const SlideFooter = ({ children, classNames }) => {
+    const classes = classnames__default['default'](main_module['default'][css_classes['default'].slideFooter], {
+        [classNames]: classNames
+    });
+    return React__default['default'].createElement("div", { className: classes }, children);
+};
+
+exports.SlideFooter = SlideFooter;
+exports.default = SlideFooter;
+//# sourceMappingURL=slide_footer.js.map

package/build/cjs/packages/aurora/src/components/slide/components/slide_footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/slide/components/slide_wrapper.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var classnames = require('classnames');
+var css_classes = require('../css_classes.js');
+var main_module = require('../../../css/slide/main.module.less.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+const SlideWrapper = ({ children, classNames }) => {
+    const classes = classnames__default['default'](main_module['default'][css_classes['default'].slideWrapper], {
+        [classNames]: classNames
+    });
+    return React__default['default'].createElement("div", { className: classes }, children);
+};
+
+exports.SlideWrapper = SlideWrapper;
+exports.default = SlideWrapper;
+//# sourceMappingURL=slide_wrapper.js.map

package/build/cjs/packages/aurora/src/components/slide/components/slide_wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/slide/css_classes.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const slideBaseCssClass = 'slide';
+var CSS_CLASSES = {
+    slide: slideBaseCssClass,
+    slideWrapper: `${slideBaseCssClass}__wrapper`,
+    slideContent: `${slideBaseCssClass}__content`,
+    slideFooter: `${slideBaseCssClass}__footer`,
+    slideIsOpen: `${slideBaseCssClass}_is-open`,
+    slideDirectionTop: `${slideBaseCssClass}_direction-top`,
+    slideDirectionRight: `${slideBaseCssClass}_direction-right`,
+    slideDirectionBottom: `${slideBaseCssClass}_direction-bottom`,
+    slideDirectionLeft: `${slideBaseCssClass}_direction-left`
+};
+
+exports.default = CSS_CLASSES;
+//# sourceMappingURL=css_classes.js.map

package/build/cjs/packages/aurora/src/components/slide/css_classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/slide/index.js

@@ -0,0 +1,48 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var classnames = require('classnames');
+var directions = require('../../constants/directions.js');
+var css_classes = require('./css_classes.js');
+var main_module = require('../../css/slide/main.module.less.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+const Slide = ({ isOpen, autoOpen, direction = 'left', position, animationDurationMs = 300, classNames, children }) => {
+    if (autoOpen)
+        isOpen = true;
+    let directionClass;
+    switch (direction) {
+        case directions.DIRECTION.top:
+            directionClass = css_classes['default'].slideDirectionTop;
+            break;
+        case directions.DIRECTION.right:
+            directionClass = css_classes['default'].slideDirectionRight;
+            break;
+        case directions.DIRECTION.bottom:
+            directionClass = css_classes['default'].slideDirectionBottom;
+            break;
+        case directions.DIRECTION.left:
+            directionClass = css_classes['default'].slideDirectionLeft;
+            break;
+    }
+    const slideClassNames = classnames__default['default'](main_module['default'][css_classes['default'].slide], main_module['default'][directionClass], {
+        [main_module['default'][css_classes['default'].slideIsOpen]]: isOpen,
+        [classNames]: classNames
+    });
+    return (React__default['default'].createElement("div", { className: slideClassNames, style: {
+            animationDuration: `${animationDurationMs}ms`,
+            top: (position === null || position === void 0 ? void 0 : position.top) ? `${position.top}px` : '',
+            right: (position === null || position === void 0 ? void 0 : position.right) ? `${position.right}px` : '',
+            bottom: (position === null || position === void 0 ? void 0 : position.bottom) ? `${position.bottom}px` : '',
+            left: (position === null || position === void 0 ? void 0 : position.left) ? `${position.left}px` : ''
+        } }, children));
+};
+
+exports.default = Slide;
+//# sourceMappingURL=index.js.map

package/build/cjs/packages/aurora/src/components/slide/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/constants/directions.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const DIRECTION = {
+    top: 'top',
+    right: 'right',
+    bottom: 'bottom',
+    left: 'left'
+};
+
+exports.DIRECTION = DIRECTION;
+//# sourceMappingURL=directions.js.map

package/build/cjs/packages/aurora/src/constants/directions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/css/slide/main.module.less.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
+
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n@-webkit-keyframes main-module_directionLeftShow__1VVi1 {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@keyframes main-module_directionLeftShow__1VVi1 {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@-webkit-keyframes main-module_directionLeftHide__QSuRw {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n@keyframes main-module_directionLeftHide__QSuRw {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n.main-module_slide__1kcca {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: #fff;\n  -webkit-animation-fill-mode: both;\n          animation-fill-mode: both;\n  overflow-y: hidden;\n  z-index: 1;\n}\n.main-module_slide__wrapper__3mC8j {\n  position: relative;\n  height: 100%;\n}\n.main-module_slide__content__3KeZM {\n  overflow-y: scroll;\n}\n.main-module_slide__footer__3wvMP {\n  width: 100%;\n  position: absolute;\n  bottom: 0;\n  padding: 1.5rem 1rem 1.5rem 1rem;\n  background-color: #f3f4f8;\n  border-top: 1px solid #abb4cd;\n  box-shadow: 0 1px 5px 0 rgba(171, 180, 205, 0.6);\n}\n.main-module_slide_direction-left__Rg5kV {\n  right: 0;\n  left: 0;\n  -webkit-animation-name: main-module_directionLeftHide__QSuRw;\n          animation-name: main-module_directionLeftHide__QSuRw;\n}\n.main-module_slide_direction-left__Rg5kV.main-module_slide_is-open__3twK9 {\n  -webkit-animation-name: main-module_directionLeftShow__1VVi1;\n          animation-name: main-module_directionLeftShow__1VVi1;\n}\n";
+var cssClasses = {"slide":"main-module_slide__1kcca","slide__wrapper":"main-module_slide__wrapper__3mC8j","slide__content":"main-module_slide__content__3KeZM","slide__footer":"main-module_slide__footer__3wvMP","slide_direction-left":"main-module_slide_direction-left__Rg5kV","directionLeftHide":"main-module_directionLeftHide__QSuRw","slide_is-open":"main-module_slide_is-open__3twK9","directionLeftShow":"main-module_directionLeftShow__1VVi1"};
+styleInject_es['default'](css_248z);
+
+exports.default = cssClasses;
+//# sourceMappingURL=main.module.less.js.map

package/build/cjs/packages/aurora/src/css/slide/main.module.less.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/index.js

@@ -60,6 +60,10 @@ var search_list = require('./components/search_list/components/search_list.js');
 var use_search_list = require('./components/search_list/use_search_list.js');
 var search_list_input = require('./components/search_list/components/search_list_input.js');
 var search_list_results = require('./components/search_list/components/search_list_results.js');
+var index$I = require('./components/slide/index.js');
+var slide_content = require('./components/slide/components/slide_content.js');
+var slide_footer = require('./components/slide/components/slide_footer.js');
+var slide_wrapper = require('./components/slide/components/slide_wrapper.js');
 var index$y = require('./components/spacing/index.js');
 var index$8 = require('./components/stack/index.js');
 var tabs = require('./components/tabs/components/tabs.js');
@@ -133,6 +137,10 @@ exports.SearchList = search_list.SearchList;
 exports.useSearchList = use_search_list.useSearchList;
 exports.SearchListInput = search_list_input.SearchListInput;
 exports.SearchListResults = search_list_results.SearchListResults;
+exports.Slide = index$I['default'];
+exports.SlideContent = slide_content.SlideContent;
+exports.SlideFooter = slide_footer.SlideFooter;
+exports.SlideWrapper = slide_wrapper.SlideWrapper;
 exports.Spacing = index$y['default'];
 exports.Stack = index$8['default'];
 exports.Tabs = tabs['default'];

package/build/cjs/packages/aurora/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/slide/components/slide_content.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ISlideContent } from '../types';
+export declare const SlideContent: FC<ISlideContent>;
+export default SlideContent;

package/build/esm/packages/aurora/src/components/slide/components/slide_content.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import classnames from 'classnames';
+import CSS_CLASSES from '../css_classes.js';
+import cssClasses from '../../../css/slide/main.module.less.js';
+
+const SlideContent = ({ children, footerHeightPx, classNames }) => {
+    const classes = classnames(cssClasses[CSS_CLASSES.slideContent], {
+        [classNames]: classNames
+    });
+    const heightStyles = footerHeightPx ? `calc(100% - ${footerHeightPx}px)` : '100%';
+    return (React.createElement("div", { className: classes, style: { height: heightStyles } }, children));
+};
+
+export default SlideContent;
+export { SlideContent };
+//# sourceMappingURL=slide_content.js.map

package/build/esm/packages/aurora/src/components/slide/components/slide_content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/slide/components/slide_footer.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ISlideFooter } from '../types';
+export declare const SlideFooter: FC<ISlideFooter>;
+export default SlideFooter;

package/build/esm/packages/aurora/src/components/slide/components/slide_footer.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import classnames from 'classnames';
+import CSS_CLASSES from '../css_classes.js';
+import cssClasses from '../../../css/slide/main.module.less.js';
+
+const SlideFooter = ({ children, classNames }) => {
+    const classes = classnames(cssClasses[CSS_CLASSES.slideFooter], {
+        [classNames]: classNames
+    });
+    return React.createElement("div", { className: classes }, children);
+};
+
+export default SlideFooter;
+export { SlideFooter };
+//# sourceMappingURL=slide_footer.js.map

package/build/esm/packages/aurora/src/components/slide/components/slide_footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/slide/components/slide_wrapper.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ISlideWrapper } from '../types';
+export declare const SlideWrapper: FC<ISlideWrapper>;
+export default SlideWrapper;

package/build/esm/packages/aurora/src/components/slide/components/slide_wrapper.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import classnames from 'classnames';
+import CSS_CLASSES from '../css_classes.js';
+import cssClasses from '../../../css/slide/main.module.less.js';
+
+const SlideWrapper = ({ children, classNames }) => {
+    const classes = classnames(cssClasses[CSS_CLASSES.slideWrapper], {
+        [classNames]: classNames
+    });
+    return React.createElement("div", { className: classes }, children);
+};
+
+export default SlideWrapper;
+export { SlideWrapper };
+//# sourceMappingURL=slide_wrapper.js.map

package/build/esm/packages/aurora/src/components/slide/components/slide_wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/slide/css_classes.d.ts

@@ -0,0 +1,12 @@
+declare const _default: {
+    slide: string;
+    slideWrapper: string;
+    slideContent: string;
+    slideFooter: string;
+    slideIsOpen: string;
+    slideDirectionTop: string;
+    slideDirectionRight: string;
+    slideDirectionBottom: string;
+    slideDirectionLeft: string;
+};
+export default _default;

package/build/esm/packages/aurora/src/components/slide/css_classes.js

@@ -0,0 +1,15 @@
+const slideBaseCssClass = 'slide';
+var CSS_CLASSES = {
+    slide: slideBaseCssClass,
+    slideWrapper: `${slideBaseCssClass}__wrapper`,
+    slideContent: `${slideBaseCssClass}__content`,
+    slideFooter: `${slideBaseCssClass}__footer`,
+    slideIsOpen: `${slideBaseCssClass}_is-open`,
+    slideDirectionTop: `${slideBaseCssClass}_direction-top`,
+    slideDirectionRight: `${slideBaseCssClass}_direction-right`,
+    slideDirectionBottom: `${slideBaseCssClass}_direction-bottom`,
+    slideDirectionLeft: `${slideBaseCssClass}_direction-left`
+};
+
+export default CSS_CLASSES;
+//# sourceMappingURL=css_classes.js.map

package/build/esm/packages/aurora/src/components/slide/css_classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/slide/index.d.ts

@@ -0,0 +1,4 @@
+import { ISlideProps } from './types';
+import React from 'react';
+declare const Slide: React.FC<ISlideProps>;
+export default Slide;

package/build/esm/packages/aurora/src/components/slide/index.js

@@ -0,0 +1,39 @@
+import React from 'react';
+import classnames from 'classnames';
+import { DIRECTION } from '../../constants/directions.js';
+import CSS_CLASSES from './css_classes.js';
+import cssClasses from '../../css/slide/main.module.less.js';
+
+const Slide = ({ isOpen, autoOpen, direction = 'left', position, animationDurationMs = 300, classNames, children }) => {
+    if (autoOpen)
+        isOpen = true;
+    let directionClass;
+    switch (direction) {
+        case DIRECTION.top:
+            directionClass = CSS_CLASSES.slideDirectionTop;
+            break;
+        case DIRECTION.right:
+            directionClass = CSS_CLASSES.slideDirectionRight;
+            break;
+        case DIRECTION.bottom:
+            directionClass = CSS_CLASSES.slideDirectionBottom;
+            break;
+        case DIRECTION.left:
+            directionClass = CSS_CLASSES.slideDirectionLeft;
+            break;
+    }
+    const slideClassNames = classnames(cssClasses[CSS_CLASSES.slide], cssClasses[directionClass], {
+        [cssClasses[CSS_CLASSES.slideIsOpen]]: isOpen,
+        [classNames]: classNames
+    });
+    return (React.createElement("div", { className: slideClassNames, style: {
+            animationDuration: `${animationDurationMs}ms`,
+            top: (position === null || position === void 0 ? void 0 : position.top) ? `${position.top}px` : '',
+            right: (position === null || position === void 0 ? void 0 : position.right) ? `${position.right}px` : '',
+            bottom: (position === null || position === void 0 ? void 0 : position.bottom) ? `${position.bottom}px` : '',
+            left: (position === null || position === void 0 ? void 0 : position.left) ? `${position.left}px` : ''
+        } }, children));
+};
+
+export default Slide;
+//# sourceMappingURL=index.js.map

package/build/esm/packages/aurora/src/components/slide/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/slide/types.d.ts

@@ -0,0 +1,24 @@
+import { TCssPositions, TDirection } from "../../typings/general";
+import { ReactNode } from 'react';
+export interface ISlideProps {
+    isOpen?: boolean;
+    autoOpen?: boolean;
+    direction?: TDirection;
+    position?: TCssPositions;
+    animationDurationMs?: number;
+    classNames?: string;
+    children: ReactNode;
+}
+export interface ISlideWrapper {
+    classNames?: string;
+    children: ReactNode;
+}
+export interface ISlideContent {
+    classNames?: string;
+    footerHeightPx?: number;
+    children: ReactNode;
+}
+export interface ISlideFooter {
+    classNames?: string;
+    children: ReactNode;
+}

package/build/esm/packages/aurora/src/components/slide/types.js

@@ -0,0 +1,3 @@
+import '@auroraTypings/general';
+import 'react';
+//# sourceMappingURL=types.js.map

package/build/esm/packages/aurora/src/components/slide/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/slide/types.ts"],"names":[],"mappings":"AAAA,OAA0C,wBAAwB,CAAC;AAEnE,OAA0B,OAAO,CAAC"}

package/build/esm/packages/aurora/src/constants/directions.d.ts

@@ -0,0 +1,6 @@
+export declare const DIRECTION: {
+    readonly top: "top";
+    readonly right: "right";
+    readonly bottom: "bottom";
+    readonly left: "left";
+};

package/build/esm/packages/aurora/src/constants/directions.js

@@ -0,0 +1,9 @@
+const DIRECTION = {
+    top: 'top',
+    right: 'right',
+    bottom: 'bottom',
+    left: 'left'
+};
+
+export { DIRECTION };
+//# sourceMappingURL=directions.js.map

package/build/esm/packages/aurora/src/constants/directions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/css/slide/main.module.less.js

@@ -0,0 +1,8 @@
+import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
+
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n@-webkit-keyframes main-module_directionLeftShow__1VVi1 {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@keyframes main-module_directionLeftShow__1VVi1 {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@-webkit-keyframes main-module_directionLeftHide__QSuRw {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n@keyframes main-module_directionLeftHide__QSuRw {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n.main-module_slide__1kcca {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: #fff;\n  -webkit-animation-fill-mode: both;\n          animation-fill-mode: both;\n  overflow-y: hidden;\n  z-index: 1;\n}\n.main-module_slide__wrapper__3mC8j {\n  position: relative;\n  height: 100%;\n}\n.main-module_slide__content__3KeZM {\n  overflow-y: scroll;\n}\n.main-module_slide__footer__3wvMP {\n  width: 100%;\n  position: absolute;\n  bottom: 0;\n  padding: 1.5rem 1rem 1.5rem 1rem;\n  background-color: #f3f4f8;\n  border-top: 1px solid #abb4cd;\n  box-shadow: 0 1px 5px 0 rgba(171, 180, 205, 0.6);\n}\n.main-module_slide_direction-left__Rg5kV {\n  right: 0;\n  left: 0;\n  -webkit-animation-name: main-module_directionLeftHide__QSuRw;\n          animation-name: main-module_directionLeftHide__QSuRw;\n}\n.main-module_slide_direction-left__Rg5kV.main-module_slide_is-open__3twK9 {\n  -webkit-animation-name: main-module_directionLeftShow__1VVi1;\n          animation-name: main-module_directionLeftShow__1VVi1;\n}\n";
+var cssClasses = {"slide":"main-module_slide__1kcca","slide__wrapper":"main-module_slide__wrapper__3mC8j","slide__content":"main-module_slide__content__3KeZM","slide__footer":"main-module_slide__footer__3wvMP","slide_direction-left":"main-module_slide_direction-left__Rg5kV","directionLeftHide":"main-module_directionLeftHide__QSuRw","slide_is-open":"main-module_slide_is-open__3twK9","directionLeftShow":"main-module_directionLeftShow__1VVi1"};
+styleInject(css_248z);
+
+export default cssClasses;
+//# sourceMappingURL=main.module.less.js.map

package/build/esm/packages/aurora/src/css/slide/main.module.less.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,8DAAkE;AAC1F;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/index.d.ts

@@ -74,6 +74,10 @@ import SearchList from "./components/search_list/components/search_list";
 import SearchListInput from "./components/search_list/components/search_list_input";
 import SearchListResults from "./components/search_list/components/search_list_results";
 import Select from "./components/dropdown/hoc/select";
+import Slide from "./components/slide";
+import SlideContent from "./components/slide/components/slide_content";
+import SlideFooter from "./components/slide/components/slide_footer";
+import SlideWrapper from "./components/slide/components/slide_wrapper";
 import Spacing from "./components/spacing";
 import Stack from "./components/stack";
 import { TFilePickerFile } from "./components/file_picker/types";
@@ -99,7 +103,7 @@ import { useToggle } from "./components/dropdown/hooks";
 /**
  * export components
  */
-export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, Stack, Control, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, Heading, Modal, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconTablet, IconMobile, IconLaptop, IconDesktop, IconWarning, useToggle, useSearchList };
+export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, Stack, Control, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, Heading, Modal, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconTablet, IconMobile, IconLaptop, IconDesktop, IconWarning, useToggle, useSearchList, Slide, SlideWrapper, SlideContent, SlideFooter };
 /**
  * export types
  */

package/build/esm/packages/aurora/src/index.js

@@ -56,6 +56,10 @@ export { SearchList } from './components/search_list/components/search_list.js';
 export { useSearchList } from './components/search_list/use_search_list.js';
 export { SearchListInput } from './components/search_list/components/search_list_input.js';
 export { SearchListResults } from './components/search_list/components/search_list_results.js';
+export { default as Slide } from './components/slide/index.js';
+export { SlideContent } from './components/slide/components/slide_content.js';
+export { SlideFooter } from './components/slide/components/slide_footer.js';
+export { SlideWrapper } from './components/slide/components/slide_wrapper.js';
 export { default as Spacing } from './components/spacing/index.js';
 export { default as Stack } from './components/stack/index.js';
 export { default as Tabs } from './components/tabs/components/tabs.js';

package/build/esm/packages/aurora/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/typings/general.d.ts

@@ -1,4 +1,12 @@
 import { HORIZONTAL_POSITION, VERTICAL_POSITION } from "../constants/positions";
+import { DIRECTION } from "../constants/directions";
 export declare type EnumLiteralsOf<T extends object> = T[keyof T];
 export declare type THorizontalPosition = EnumLiteralsOf<typeof HORIZONTAL_POSITION>;
 export declare type TVerticalPosition = EnumLiteralsOf<typeof VERTICAL_POSITION>;
+export declare type TCssPositions = {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
+export declare type TDirection = EnumLiteralsOf<typeof DIRECTION>;

package/build/esm/packages/aurora/src/typings/general.js

@@ -1,2 +1,3 @@
 import '@auroraConstants/positions';
+import '@auroraConstants/directions';
 //# sourceMappingURL=general.js.map

package/build/esm/packages/aurora/src/typings/general.js.map

@@ -1 +1 @@
-{"version":3,"file":"general.js","sourceRoot":"","sources":["../../../../../../src/typings/general.ts"],"names":[],"mappings":"AAAA,OAAuD,4BAA4B,CAAC"}
+{"version":3,"file":"general.js","sourceRoot":"","sources":["../../../../../../src/typings/general.ts"],"names":[],"mappings":"AAAA,OAAuD,4BAA4B,CAAC;AAEpF,OAA0B,6BAA6B,CAAC"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "2.2.1",
+  "version": "2.2.3-1",
   "description": "aurora",
   "author": "k0ssak",
   "license": "MIT",