@peculiar/react-components 0.6.4 → 0.6.6

package/dist/cjs/Drawer/drawer.js

@@ -68,15 +68,13 @@ var DrawerPaper = (0, styled_1.default)('div')(function (props) { return (__assi
  *
  */
 exports.Drawer = React.forwardRef(function (props, ref) {
-    var children = props.children, open = props.open, transitionDuration = props.transitionDuration, disableBackdropClick = props.disableBackdropClick, disableEscapeKeyDown = props.disableEscapeKeyDown, onClose = props.onClose, dataTestId = props["data-testid"], other = __rest(props, ["children", "open", "transitionDuration", "disableBackdropClick", "disableEscapeKeyDown", "onClose", 'data-testid']);
-    return (React.createElement(Modal_1.Modal, { ref: ref, open: open, transitionDuration: transitionDuration, onClose: onClose, "data-testid": dataTestId, disableBackdropClick: disableBackdropClick, disableEscapeKeyDown: disableEscapeKeyDown, keepMounted: true },
+    var children = props.children, open = props.open, transitionDuration = props.transitionDuration, _a = props.modalProps, modalProps = _a === void 0 ? {} : _a, onClose = props.onClose, dataTestId = props["data-testid"], other = __rest(props, ["children", "open", "transitionDuration", "modalProps", "onClose", 'data-testid']);
+    return (React.createElement(Modal_1.Modal, __assign({}, modalProps, { ref: ref, open: open, transitionDuration: transitionDuration, onClose: onClose, "data-testid": dataTestId, keepMounted: true }),
         React.createElement(Slide_1.Slide, { in: open, timeout: transitionDuration },
             React.createElement(DrawerPaper, __assign({ tabIndex: -1 }, other), children))));
 });
 exports.Drawer.displayName = 'Drawer';
 exports.Drawer.defaultProps = {
     transitionDuration: 225,
-    disableBackdropClick: false,
-    disableEscapeKeyDown: false,
 };
 //# sourceMappingURL=drawer.js.map

package/dist/cjs/Drawer/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../src/Drawer/drawer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,2DAAqC;AACrC,kCAAiC;AACjC,kCAAiC;AAsCjC;;GAEG;AAEH;;GAEG;AACH,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,KAAK,CAAC,CAC/B,UAAC,KAAK,IAAK,OAAA,YACT,KAAK,EAAE,OAAO,EACd,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,OAAO,EACjB,GAAG,EAAE,CAAC,EACN,KAAK,EAAE,CAAC,EACR,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,YAAY,IACpB,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC;IAChC,eAAe,EAAE,wBAAwB;CAC1C,CAAC,CAAC,CAAC;IACF,eAAe,EAAE,uBAAuB;CACzC,CAAC,EACF,EAdS,CAcT,CACH,CAAC;AACF;;GAEG;AAEU,QAAA,MAAM,GAAG,KAAK,CAAC,UAAU,CAA8B,UAAC,KAAK,EAAE,GAAG;IAE3E,IAAA,QAAQ,GAQN,KAAK,SARC,EACR,IAAI,GAOF,KAAK,KAPH,EACJ,kBAAkB,GAMhB,KAAK,mBANW,EAClB,oBAAoB,GAKlB,KAAK,qBALa,EACpB,oBAAoB,GAIlB,KAAK,qBAJa,EACpB,OAAO,GAGL,KAAK,QAHA,EACQ,UAAU,GAEvB,KAAK,eAFkB,EACtB,KAAK,UACN,KAAK,EATH,oHASL,CADS,CACA;IAEV,OAAO,CACL,oBAAC,aAAK,IACJ,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,kBAAkB,EAAE,kBAAkB,EACtC,OAAO,EAAE,OAAO,iBACH,UAAU,EACvB,oBAAoB,EAAE,oBAAoB,EAC1C,oBAAoB,EAAE,oBAAoB,EAC1C,WAAW;QAEX,oBAAC,aAAK,IACJ,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,kBAAkB;YAE3B,oBAAC,WAAW,aACV,QAAQ,EAAE,CAAC,CAAC,IACR,KAAK,GAER,QAAQ,CACG,CACR,CACF,CACT,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,cAAM,CAAC,YAAY,GAAG;IACpB,kBAAkB,EAAE,GAAG;IACvB,oBAAoB,EAAE,KAAK;IAC3B,oBAAoB,EAAE,KAAK;CAC5B,CAAC"}
+{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../src/Drawer/drawer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,2DAAqC;AACrC,kCAA6C;AAC7C,kCAAiC;AAkCjC;;GAEG;AAEH;;GAEG;AACH,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,KAAK,CAAC,CAC/B,UAAC,KAAK,IAAK,OAAA,YACT,KAAK,EAAE,OAAO,EACd,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,OAAO,EACjB,GAAG,EAAE,CAAC,EACN,KAAK,EAAE,CAAC,EACR,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,YAAY,IACpB,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC;IAChC,eAAe,EAAE,wBAAwB;CAC1C,CAAC,CAAC,CAAC;IACF,eAAe,EAAE,uBAAuB;CACzC,CAAC,EACF,EAdS,CAcT,CACH,CAAC;AACF;;GAEG;AAEU,QAAA,MAAM,GAAG,KAAK,CAAC,UAAU,CAA8B,UAAC,KAAK,EAAE,GAAG;IAE3E,IAAA,QAAQ,GAON,KAAK,SAPC,EACR,IAAI,GAMF,KAAK,KANH,EACJ,kBAAkB,GAKhB,KAAK,mBALW,EAClB,KAIE,KAAK,WAJQ,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,OAAO,GAGL,KAAK,QAHA,EACQ,UAAU,GAEvB,KAAK,eAFkB,EACtB,KAAK,UACN,KAAK,EARH,kFAQL,CADS,CACA;IAEV,OAAO,CACL,oBAAC,aAAK,eACA,UAAU,IACd,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,kBAAkB,EAAE,kBAAkB,EACtC,OAAO,EAAE,OAAO,iBACH,UAAU,EACvB,WAAW;QAEX,oBAAC,aAAK,IACJ,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,kBAAkB;YAE3B,oBAAC,WAAW,aACV,QAAQ,EAAE,CAAC,CAAC,IACR,KAAK,GAER,QAAQ,CACG,CACR,CACF,CACT,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,cAAM,CAAC,YAAY,GAAG;IACpB,kBAAkB,EAAE,GAAG;CACxB,CAAC"}

package/dist/cjs/Flex/flex.js

@@ -0,0 +1,85 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Flex = void 0;
+var React = __importStar(require("react"));
+var styled_1 = __importDefault(require("@emotion/styled"));
+/**
+ *
+ */
+var reactPropsRegex = /^(as|direction|wrap|gap|align|justify)$/;
+/**
+ * Styles.
+ */
+var FlexRoot = (0, styled_1.default)('div', {
+    shouldForwardProp: function (prop) { return !reactPropsRegex.test(prop); },
+})(function (props) { return (__assign(__assign(__assign({ minWidth: '0px' }, (props.size === 'auto' && {
+    flex: '0 0 auto',
+    maxWidth: 'none',
+    width: 'auto',
+})), (props.size === 'grow' && {
+    flexBasis: '0px',
+    flexGrow: 1,
+    maxWidth: '100%',
+})), (!props.size && {
+    flexGrow: 0,
+    flexBasis: 'auto',
+}))); });
+/**
+ *
+ */
+exports.Flex = React.forwardRef(function (props, ref) {
+    var component = props.component, other = __rest(props, ["component"]);
+    var Component = component || 'div';
+    return (React.createElement(FlexRoot, __assign({ as: Component, ref: ref }, other)));
+});
+exports.Flex.displayName = 'Flex';
+exports.Flex.defaultProps = {};
+//# sourceMappingURL=flex.js.map

package/dist/cjs/Flex/flex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex.js","sourceRoot":"","sources":["../../../src/Flex/flex.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,2DAAqC;AAwBrC;;GAEG;AAEH,IAAM,eAAe,GAAG,yCAAyC,CAAC;AAElE;;GAEG;AACH,IAAM,QAAQ,GAAG,IAAA,gBAAM,EAAC,KAAK,EAAE;IAC7B,iBAAiB,EAAE,UAAC,IAAI,IAAK,OAAA,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,EAA3B,CAA2B;CACzD,CAAC,CACA,UAAC,KAAK,IAAK,OAAA,8BACT,QAAQ,EAAE,KAAK,IACZ,CAAC,KAAK,CAAC,IAAI,KAAK,MAAM,IAAI;IAC3B,IAAI,EAAE,UAAU;IAChB,QAAQ,EAAE,MAAM;IAChB,KAAK,EAAE,MAAM;CACd,CAAC,GACC,CAAC,KAAK,CAAC,IAAI,KAAK,MAAM,IAAI;IAC3B,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE,CAAC;IACX,QAAQ,EAAE,MAAM;CACjB,CAAC,GACC,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI;IACjB,QAAQ,EAAE,CAAC;IACX,SAAS,EAAE,MAAM;CAClB,CAAC,EACF,EAhBS,CAgBT,CACH,CAAC;AACF;;GAEG;AAEU,QAAA,IAAI,GAAG,KAAK,CAAC,UAAU,CAAiB,UAAC,KAAK,EAAE,GAAG;IAE5D,IAAA,SAAS,GAEP,KAAK,UAFE,EACN,KAAK,UACN,KAAK,EAHH,aAGL,CADS,CACA;IACV,IAAM,SAAS,GAAG,SAAS,IAAI,KAAK,CAAC;IAErC,OAAO,CACL,oBAAC,QAAQ,aACP,EAAE,EAAE,SAAS,EACb,GAAG,EAAE,GAAG,IACJ,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CAAsC,CAAC;AAExC,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,YAAI,CAAC,YAAY,GAAG,EAAE,CAAC"}

package/dist/cjs/Flex/flex_container.js

@@ -0,0 +1,83 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlexContainer = void 0;
+var React = __importStar(require("react"));
+var styled_1 = __importDefault(require("@emotion/styled"));
+/**
+ *
+ */
+var reactPropsRegex = /^(as|direction|wrap|gap|align|justify)$/;
+/**
+ * Styles.
+ */
+var FlexRoot = (0, styled_1.default)('div', {
+    shouldForwardProp: function (prop) { return !reactPropsRegex.test(prop); },
+})(function (props) { return ({
+    display: 'flex',
+    flexDirection: props.direction,
+    flexWrap: props.wrap,
+    gap: props.gap,
+    alignItems: props.align,
+    justifyContent: props.justify,
+}); });
+/**
+ *
+ */
+exports.FlexContainer = React.forwardRef(function (props, ref) {
+    var component = props.component, other = __rest(props, ["component"]);
+    var Component = component || 'div';
+    return (React.createElement(FlexRoot, __assign({ as: Component, ref: ref }, other)));
+});
+exports.FlexContainer.displayName = 'FlexContainer';
+exports.FlexContainer.defaultProps = {
+    direction: 'row',
+};
+//# sourceMappingURL=flex_container.js.map

package/dist/cjs/Flex/flex_container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex_container.js","sourceRoot":"","sources":["../../../src/Flex/flex_container.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,2DAAqC;AA4CrC;;GAEG;AAEH,IAAM,eAAe,GAAG,yCAAyC,CAAC;AAElE;;GAEG;AACH,IAAM,QAAQ,GAAG,IAAA,gBAAM,EAAC,KAAK,EAAE;IAC7B,iBAAiB,EAAE,UAAC,IAAI,IAAK,OAAA,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,EAA3B,CAA2B;CACzD,CAAC,CACA,UAAC,KAAK,IAAK,OAAA,CAAC;IACV,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK,CAAC,SAAS;IAC9B,QAAQ,EAAE,KAAK,CAAC,IAAI;IACpB,GAAG,EAAE,KAAK,CAAC,GAAG;IACd,UAAU,EAAE,KAAK,CAAC,KAAK;IACvB,cAAc,EAAE,KAAK,CAAC,OAAO;CAC9B,CAAC,EAPS,CAOT,CACH,CAAC;AACF;;GAEG;AAEU,QAAA,aAAa,GAAG,KAAK,CAAC,UAAU,CAA0B,UAAC,KAAK,EAAE,GAAG;IAE9E,IAAA,SAAS,GAEP,KAAK,UAFE,EACN,KAAK,UACN,KAAK,EAHH,aAGL,CADS,CACA;IACV,IAAM,SAAS,GAAG,SAAS,IAAI,KAAK,CAAC;IAErC,OAAO,CACL,oBAAC,QAAQ,aACP,EAAE,EAAE,SAAS,EACb,GAAG,EAAE,GAAG,IACJ,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CAA+C,CAAC;AAEjD,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,qBAAa,CAAC,YAAY,GAAG;IAC3B,SAAS,EAAE,KAAK;CACjB,CAAC"}

package/dist/cjs/Flex/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlexContainer = exports.Flex = void 0;
+var flex_1 = require("./flex");
+Object.defineProperty(exports, "Flex", { enumerable: true, get: function () { return flex_1.Flex; } });
+var flex_container_1 = require("./flex_container");
+Object.defineProperty(exports, "FlexContainer", { enumerable: true, get: function () { return flex_container_1.FlexContainer; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Flex/index.ts"],"names":[],"mappings":";;;AAAA,+BAA8B;AAArB,4FAAA,IAAI,OAAA;AACb,mDAAiD;AAAxC,+GAAA,aAAa,OAAA"}

package/dist/cjs/index.js

@@ -51,4 +51,5 @@ __exportStar(require("./Typography"), exports);
 __exportStar(require("./styles"), exports);
 __exportStar(require("./hooks"), exports);
 __exportStar(require("./OverridableComponent"), exports);
+__exportStar(require("./Flex"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB;AACxB,2CAAyB;AACzB,wCAAsB;AACtB,2CAAyB;AACzB,6CAA2B;AAC3B,yCAAuB;AACvB,qDAAmC;AACnC,6CAA2B;AAC3B,2CAAyB;AACzB,2CAAyB;AACzB,wCAAsB;AACtB,yCAAuB;AACvB,+CAA6B;AAC7B,0CAAwB;AACxB,0CAAwB;AACxB,mDAAiC;AACjC,yCAAuB;AACvB,6CAA2B;AAC3B,2CAAyB;AACzB,4CAA0B;AAC1B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,6CAA2B;AAC3B,iDAA+B;AAC/B,0CAAwB;AACxB,2CAAyB;AACzB,2CAAyB;AACzB,yCAAuB;AACvB,kDAAgC;AAChC,8CAA4B;AAC5B,0CAAwB;AACxB,4CAA0B;AAC1B,+CAA6B;AAC7B,2CAAyB;AACzB,0CAAwB;AACxB,yDAAuC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB;AACxB,2CAAyB;AACzB,wCAAsB;AACtB,2CAAyB;AACzB,6CAA2B;AAC3B,yCAAuB;AACvB,qDAAmC;AACnC,6CAA2B;AAC3B,2CAAyB;AACzB,2CAAyB;AACzB,wCAAsB;AACtB,yCAAuB;AACvB,+CAA6B;AAC7B,0CAAwB;AACxB,0CAAwB;AACxB,mDAAiC;AACjC,yCAAuB;AACvB,6CAA2B;AAC3B,2CAAyB;AACzB,4CAA0B;AAC1B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,6CAA2B;AAC3B,iDAA+B;AAC/B,0CAAwB;AACxB,2CAAyB;AACzB,2CAAyB;AACzB,yCAAuB;AACvB,kDAAgC;AAChC,8CAA4B;AAC5B,0CAAwB;AACxB,4CAA0B;AAC1B,+CAA6B;AAC7B,2CAAyB;AACzB,0CAAwB;AACxB,yDAAuC;AACvC,yCAAuB"}

package/dist/esm/Drawer/drawer.js

@@ -39,15 +39,13 @@ var DrawerPaper = styled('div')(function (props) { return (__assign({ width: '27
  *
  */
 export var Drawer = React.forwardRef(function (props, ref) {
-    var children = props.children, open = props.open, transitionDuration = props.transitionDuration, disableBackdropClick = props.disableBackdropClick, disableEscapeKeyDown = props.disableEscapeKeyDown, onClose = props.onClose, dataTestId = props["data-testid"], other = __rest(props, ["children", "open", "transitionDuration", "disableBackdropClick", "disableEscapeKeyDown", "onClose", 'data-testid']);
-    return (React.createElement(Modal, { ref: ref, open: open, transitionDuration: transitionDuration, onClose: onClose, "data-testid": dataTestId, disableBackdropClick: disableBackdropClick, disableEscapeKeyDown: disableEscapeKeyDown, keepMounted: true },
+    var children = props.children, open = props.open, transitionDuration = props.transitionDuration, _a = props.modalProps, modalProps = _a === void 0 ? {} : _a, onClose = props.onClose, dataTestId = props["data-testid"], other = __rest(props, ["children", "open", "transitionDuration", "modalProps", "onClose", 'data-testid']);
+    return (React.createElement(Modal, __assign({}, modalProps, { ref: ref, open: open, transitionDuration: transitionDuration, onClose: onClose, "data-testid": dataTestId, keepMounted: true }),
         React.createElement(Slide, { in: open, timeout: transitionDuration },
             React.createElement(DrawerPaper, __assign({ tabIndex: -1 }, other), children))));
 });
 Drawer.displayName = 'Drawer';
 Drawer.defaultProps = {
     transitionDuration: 225,
-    disableBackdropClick: false,
-    disableEscapeKeyDown: false,
 };
 //# sourceMappingURL=drawer.js.map

package/dist/esm/Drawer/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../src/Drawer/drawer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAsCjC;;GAEG;AAEH;;GAEG;AACH,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAC/B,UAAC,KAAK,IAAK,OAAA,YACT,KAAK,EAAE,OAAO,EACd,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,OAAO,EACjB,GAAG,EAAE,CAAC,EACN,KAAK,EAAE,CAAC,EACR,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,YAAY,IACpB,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC;IAChC,eAAe,EAAE,wBAAwB;CAC1C,CAAC,CAAC,CAAC;IACF,eAAe,EAAE,uBAAuB;CACzC,CAAC,EACF,EAdS,CAcT,CACH,CAAC;AACF;;GAEG;AAEH,MAAM,CAAC,IAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAA8B,UAAC,KAAK,EAAE,GAAG;IAE3E,IAAA,QAAQ,GAQN,KAAK,SARC,EACR,IAAI,GAOF,KAAK,KAPH,EACJ,kBAAkB,GAMhB,KAAK,mBANW,EAClB,oBAAoB,GAKlB,KAAK,qBALa,EACpB,oBAAoB,GAIlB,KAAK,qBAJa,EACpB,OAAO,GAGL,KAAK,QAHA,EACQ,UAAU,GAEvB,KAAK,eAFkB,EACtB,KAAK,UACN,KAAK,EATH,oHASL,CADS,CACA;IAEV,OAAO,CACL,oBAAC,KAAK,IACJ,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,kBAAkB,EAAE,kBAAkB,EACtC,OAAO,EAAE,OAAO,iBACH,UAAU,EACvB,oBAAoB,EAAE,oBAAoB,EAC1C,oBAAoB,EAAE,oBAAoB,EAC1C,WAAW;QAEX,oBAAC,KAAK,IACJ,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,kBAAkB;YAE3B,oBAAC,WAAW,aACV,QAAQ,EAAE,CAAC,CAAC,IACR,KAAK,GAER,QAAQ,CACG,CACR,CACF,CACT,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,MAAM,CAAC,YAAY,GAAG;IACpB,kBAAkB,EAAE,GAAG;IACvB,oBAAoB,EAAE,KAAK;IAC3B,oBAAoB,EAAE,KAAK;CAC5B,CAAC"}
+{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../src/Drawer/drawer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,KAAK,EAAc,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAkCjC;;GAEG;AAEH;;GAEG;AACH,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAC/B,UAAC,KAAK,IAAK,OAAA,YACT,KAAK,EAAE,OAAO,EACd,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,OAAO,EACjB,GAAG,EAAE,CAAC,EACN,KAAK,EAAE,CAAC,EACR,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,YAAY,IACpB,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC;IAChC,eAAe,EAAE,wBAAwB;CAC1C,CAAC,CAAC,CAAC;IACF,eAAe,EAAE,uBAAuB;CACzC,CAAC,EACF,EAdS,CAcT,CACH,CAAC;AACF;;GAEG;AAEH,MAAM,CAAC,IAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAA8B,UAAC,KAAK,EAAE,GAAG;IAE3E,IAAA,QAAQ,GAON,KAAK,SAPC,EACR,IAAI,GAMF,KAAK,KANH,EACJ,kBAAkB,GAKhB,KAAK,mBALW,EAClB,KAIE,KAAK,WAJQ,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,OAAO,GAGL,KAAK,QAHA,EACQ,UAAU,GAEvB,KAAK,eAFkB,EACtB,KAAK,UACN,KAAK,EARH,kFAQL,CADS,CACA;IAEV,OAAO,CACL,oBAAC,KAAK,eACA,UAAU,IACd,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,kBAAkB,EAAE,kBAAkB,EACtC,OAAO,EAAE,OAAO,iBACH,UAAU,EACvB,WAAW;QAEX,oBAAC,KAAK,IACJ,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,kBAAkB;YAE3B,oBAAC,WAAW,aACV,QAAQ,EAAE,CAAC,CAAC,IACR,KAAK,GAER,QAAQ,CACG,CACR,CACF,CACT,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,MAAM,CAAC,YAAY,GAAG;IACpB,kBAAkB,EAAE,GAAG;CACxB,CAAC"}

package/dist/esm/Flex/flex.js

@@ -0,0 +1,56 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import styled from '@emotion/styled';
+/**
+ *
+ */
+var reactPropsRegex = /^(as|direction|wrap|gap|align|justify)$/;
+/**
+ * Styles.
+ */
+var FlexRoot = styled('div', {
+    shouldForwardProp: function (prop) { return !reactPropsRegex.test(prop); },
+})(function (props) { return (__assign(__assign(__assign({ minWidth: '0px' }, (props.size === 'auto' && {
+    flex: '0 0 auto',
+    maxWidth: 'none',
+    width: 'auto',
+})), (props.size === 'grow' && {
+    flexBasis: '0px',
+    flexGrow: 1,
+    maxWidth: '100%',
+})), (!props.size && {
+    flexGrow: 0,
+    flexBasis: 'auto',
+}))); });
+/**
+ *
+ */
+export var Flex = React.forwardRef(function (props, ref) {
+    var component = props.component, other = __rest(props, ["component"]);
+    var Component = component || 'div';
+    return (React.createElement(FlexRoot, __assign({ as: Component, ref: ref }, other)));
+});
+Flex.displayName = 'Flex';
+Flex.defaultProps = {};
+//# sourceMappingURL=flex.js.map

package/dist/esm/Flex/flex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex.js","sourceRoot":"","sources":["../../../src/Flex/flex.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAwBrC;;GAEG;AAEH,IAAM,eAAe,GAAG,yCAAyC,CAAC;AAElE;;GAEG;AACH,IAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,EAAE;IAC7B,iBAAiB,EAAE,UAAC,IAAI,IAAK,OAAA,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,EAA3B,CAA2B;CACzD,CAAC,CACA,UAAC,KAAK,IAAK,OAAA,8BACT,QAAQ,EAAE,KAAK,IACZ,CAAC,KAAK,CAAC,IAAI,KAAK,MAAM,IAAI;IAC3B,IAAI,EAAE,UAAU;IAChB,QAAQ,EAAE,MAAM;IAChB,KAAK,EAAE,MAAM;CACd,CAAC,GACC,CAAC,KAAK,CAAC,IAAI,KAAK,MAAM,IAAI;IAC3B,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE,CAAC;IACX,QAAQ,EAAE,MAAM;CACjB,CAAC,GACC,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI;IACjB,QAAQ,EAAE,CAAC;IACX,SAAS,EAAE,MAAM;CAClB,CAAC,EACF,EAhBS,CAgBT,CACH,CAAC;AACF;;GAEG;AAEH,MAAM,CAAC,IAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAiB,UAAC,KAAK,EAAE,GAAG;IAE5D,IAAA,SAAS,GAEP,KAAK,UAFE,EACN,KAAK,UACN,KAAK,EAHH,aAGL,CADS,CACA;IACV,IAAM,SAAS,GAAG,SAAS,IAAI,KAAK,CAAC;IAErC,OAAO,CACL,oBAAC,QAAQ,aACP,EAAE,EAAE,SAAS,EACb,GAAG,EAAE,GAAG,IACJ,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CAAsC,CAAC;AAExC,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC"}

package/dist/esm/Flex/flex_container.js

@@ -0,0 +1,54 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import styled from '@emotion/styled';
+/**
+ *
+ */
+var reactPropsRegex = /^(as|direction|wrap|gap|align|justify)$/;
+/**
+ * Styles.
+ */
+var FlexRoot = styled('div', {
+    shouldForwardProp: function (prop) { return !reactPropsRegex.test(prop); },
+})(function (props) { return ({
+    display: 'flex',
+    flexDirection: props.direction,
+    flexWrap: props.wrap,
+    gap: props.gap,
+    alignItems: props.align,
+    justifyContent: props.justify,
+}); });
+/**
+ *
+ */
+export var FlexContainer = React.forwardRef(function (props, ref) {
+    var component = props.component, other = __rest(props, ["component"]);
+    var Component = component || 'div';
+    return (React.createElement(FlexRoot, __assign({ as: Component, ref: ref }, other)));
+});
+FlexContainer.displayName = 'FlexContainer';
+FlexContainer.defaultProps = {
+    direction: 'row',
+};
+//# sourceMappingURL=flex_container.js.map

package/dist/esm/Flex/flex_container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex_container.js","sourceRoot":"","sources":["../../../src/Flex/flex_container.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AA4CrC;;GAEG;AAEH,IAAM,eAAe,GAAG,yCAAyC,CAAC;AAElE;;GAEG;AACH,IAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,EAAE;IAC7B,iBAAiB,EAAE,UAAC,IAAI,IAAK,OAAA,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,EAA3B,CAA2B;CACzD,CAAC,CACA,UAAC,KAAK,IAAK,OAAA,CAAC;IACV,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK,CAAC,SAAS;IAC9B,QAAQ,EAAE,KAAK,CAAC,IAAI;IACpB,GAAG,EAAE,KAAK,CAAC,GAAG;IACd,UAAU,EAAE,KAAK,CAAC,KAAK;IACvB,cAAc,EAAE,KAAK,CAAC,OAAO;CAC9B,CAAC,EAPS,CAOT,CACH,CAAC;AACF;;GAEG;AAEH,MAAM,CAAC,IAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAA0B,UAAC,KAAK,EAAE,GAAG;IAE9E,IAAA,SAAS,GAEP,KAAK,UAFE,EACN,KAAK,UACN,KAAK,EAHH,aAGL,CADS,CACA;IACV,IAAM,SAAS,GAAG,SAAS,IAAI,KAAK,CAAC;IAErC,OAAO,CACL,oBAAC,QAAQ,aACP,EAAE,EAAE,SAAS,EACb,GAAG,EAAE,GAAG,IACJ,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CAA+C,CAAC;AAEjD,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,aAAa,CAAC,YAAY,GAAG;IAC3B,SAAS,EAAE,KAAK;CACjB,CAAC"}

package/dist/esm/Flex/index.js

@@ -0,0 +1,3 @@
+export { Flex } from './flex';
+export { FlexContainer } from './flex_container';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Flex/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/esm/index.js

@@ -35,4 +35,5 @@ export * from './Typography';
 export * from './styles';
 export * from './hooks';
 export * from './OverridableComponent';
+export * from './Flex';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,wBAAwB,CAAC;AACvC,cAAc,QAAQ,CAAC"}

package/dist/esnext/Drawer/drawer.js

@@ -27,15 +27,13 @@ const DrawerPaper = styled('div')((props) => ({
  *
  */
 export const Drawer = React.forwardRef((props, ref) => {
-    const { children, open, transitionDuration, disableBackdropClick, disableEscapeKeyDown, onClose, 'data-testid': dataTestId, ...other } = props;
-    return (React.createElement(Modal, { ref: ref, open: open, transitionDuration: transitionDuration, onClose: onClose, "data-testid": dataTestId, disableBackdropClick: disableBackdropClick, disableEscapeKeyDown: disableEscapeKeyDown, keepMounted: true },
+    const { children, open, transitionDuration, modalProps = {}, onClose, 'data-testid': dataTestId, ...other } = props;
+    return (React.createElement(Modal, { ...modalProps, ref: ref, open: open, transitionDuration: transitionDuration, onClose: onClose, "data-testid": dataTestId, keepMounted: true },
         React.createElement(Slide, { in: open, timeout: transitionDuration },
             React.createElement(DrawerPaper, { tabIndex: -1, ...other }, children))));
 });
 Drawer.displayName = 'Drawer';
 Drawer.defaultProps = {
     transitionDuration: 225,
-    disableBackdropClick: false,
-    disableEscapeKeyDown: false,
 };
 //# sourceMappingURL=drawer.js.map

package/dist/esnext/Drawer/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../src/Drawer/drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAsCjC;;GAEG;AAEH;;GAEG;AACH,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAC/B,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACV,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,OAAO;IACjB,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,CAAC;IACR,SAAS,EAAE,MAAM;IACjB,OAAO,EAAE,MAAM;IACf,SAAS,EAAE,YAAY;IACvB,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC;QAChC,eAAe,EAAE,wBAAwB;KAC1C,CAAC,CAAC,CAAC;QACF,eAAe,EAAE,uBAAuB;KACzC,CAAC;CACH,CAAC,CACH,CAAC;AACF;;GAEG;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAA8B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACjF,MAAM,EACJ,QAAQ,EACR,IAAI,EACJ,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,OAAO,EACP,aAAa,EAAE,UAAU,EACzB,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,KAAK,IACJ,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,kBAAkB,EAAE,kBAAkB,EACtC,OAAO,EAAE,OAAO,iBACH,UAAU,EACvB,oBAAoB,EAAE,oBAAoB,EAC1C,oBAAoB,EAAE,oBAAoB,EAC1C,WAAW;QAEX,oBAAC,KAAK,IACJ,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,kBAAkB;YAE3B,oBAAC,WAAW,IACV,QAAQ,EAAE,CAAC,CAAC,KACR,KAAK,IAER,QAAQ,CACG,CACR,CACF,CACT,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,MAAM,CAAC,YAAY,GAAG;IACpB,kBAAkB,EAAE,GAAG;IACvB,oBAAoB,EAAE,KAAK;IAC3B,oBAAoB,EAAE,KAAK;CAC5B,CAAC"}
+{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../src/Drawer/drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,KAAK,EAAc,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAkCjC;;GAEG;AAEH;;GAEG;AACH,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAC/B,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACV,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,OAAO;IACjB,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,CAAC;IACR,SAAS,EAAE,MAAM;IACjB,OAAO,EAAE,MAAM;IACf,SAAS,EAAE,YAAY;IACvB,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC;QAChC,eAAe,EAAE,wBAAwB;KAC1C,CAAC,CAAC,CAAC;QACF,eAAe,EAAE,uBAAuB;KACzC,CAAC;CACH,CAAC,CACH,CAAC;AACF;;GAEG;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAA8B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACjF,MAAM,EACJ,QAAQ,EACR,IAAI,EACJ,kBAAkB,EAClB,UAAU,GAAG,EAAE,EACf,OAAO,EACP,aAAa,EAAE,UAAU,EACzB,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,KAAK,OACA,UAAU,EACd,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,kBAAkB,EAAE,kBAAkB,EACtC,OAAO,EAAE,OAAO,iBACH,UAAU,EACvB,WAAW;QAEX,oBAAC,KAAK,IACJ,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,kBAAkB;YAE3B,oBAAC,WAAW,IACV,QAAQ,EAAE,CAAC,CAAC,KACR,KAAK,IAER,QAAQ,CACG,CACR,CACF,CACT,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,MAAM,CAAC,YAAY,GAAG;IACpB,kBAAkB,EAAE,GAAG;CACxB,CAAC"}

package/dist/esnext/Flex/flex.js

@@ -0,0 +1,39 @@
+import * as React from 'react';
+import styled from '@emotion/styled';
+/**
+ *
+ */
+const reactPropsRegex = /^(as|direction|wrap|gap|align|justify)$/;
+/**
+ * Styles.
+ */
+const FlexRoot = styled('div', {
+    shouldForwardProp: (prop) => !reactPropsRegex.test(prop),
+})((props) => ({
+    minWidth: '0px',
+    ...(props.size === 'auto' && {
+        flex: '0 0 auto',
+        maxWidth: 'none',
+        width: 'auto',
+    }),
+    ...(props.size === 'grow' && {
+        flexBasis: '0px',
+        flexGrow: 1,
+        maxWidth: '100%',
+    }),
+    ...(!props.size && {
+        flexGrow: 0,
+        flexBasis: 'auto',
+    }),
+}));
+/**
+ *
+ */
+export const Flex = React.forwardRef((props, ref) => {
+    const { component, ...other } = props;
+    const Component = component || 'div';
+    return (React.createElement(FlexRoot, { as: Component, ref: ref, ...other }));
+});
+Flex.displayName = 'Flex';
+Flex.defaultProps = {};
+//# sourceMappingURL=flex.js.map

package/dist/esnext/Flex/flex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex.js","sourceRoot":"","sources":["../../../src/Flex/flex.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAwBrC;;GAEG;AAEH,MAAM,eAAe,GAAG,yCAAyC,CAAC;AAElE;;GAEG;AACH,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,EAAE;IAC7B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;CACzD,CAAC,CACA,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACV,QAAQ,EAAE,KAAK;IACf,GAAG,CAAC,KAAK,CAAC,IAAI,KAAK,MAAM,IAAI;QAC3B,IAAI,EAAE,UAAU;QAChB,QAAQ,EAAE,MAAM;QAChB,KAAK,EAAE,MAAM;KACd,CAAC;IACF,GAAG,CAAC,KAAK,CAAC,IAAI,KAAK,MAAM,IAAI;QAC3B,SAAS,EAAE,KAAK;QAChB,QAAQ,EAAE,CAAC;QACX,QAAQ,EAAE,MAAM;KACjB,CAAC;IACF,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI;QACjB,QAAQ,EAAE,CAAC;QACX,SAAS,EAAE,MAAM;KAClB,CAAC;CACH,CAAC,CACH,CAAC;AACF;;GAEG;AAEH,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAiB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAClE,MAAM,EACJ,SAAS,EACT,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IACV,MAAM,SAAS,GAAG,SAAS,IAAI,KAAK,CAAC;IAErC,OAAO,CACL,oBAAC,QAAQ,IACP,EAAE,EAAE,SAAS,EACb,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAsC,CAAC;AAExC,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC"}

package/dist/esnext/Flex/flex_container.js

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import styled from '@emotion/styled';
+/**
+ *
+ */
+const reactPropsRegex = /^(as|direction|wrap|gap|align|justify)$/;
+/**
+ * Styles.
+ */
+const FlexRoot = styled('div', {
+    shouldForwardProp: (prop) => !reactPropsRegex.test(prop),
+})((props) => ({
+    display: 'flex',
+    flexDirection: props.direction,
+    flexWrap: props.wrap,
+    gap: props.gap,
+    alignItems: props.align,
+    justifyContent: props.justify,
+}));
+/**
+ *
+ */
+export const FlexContainer = React.forwardRef((props, ref) => {
+    const { component, ...other } = props;
+    const Component = component || 'div';
+    return (React.createElement(FlexRoot, { as: Component, ref: ref, ...other }));
+});
+FlexContainer.displayName = 'FlexContainer';
+FlexContainer.defaultProps = {
+    direction: 'row',
+};
+//# sourceMappingURL=flex_container.js.map

package/dist/esnext/Flex/flex_container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex_container.js","sourceRoot":"","sources":["../../../src/Flex/flex_container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AA4CrC;;GAEG;AAEH,MAAM,eAAe,GAAG,yCAAyC,CAAC;AAElE;;GAEG;AACH,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,EAAE;IAC7B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;CACzD,CAAC,CACA,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACV,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK,CAAC,SAAS;IAC9B,QAAQ,EAAE,KAAK,CAAC,IAAI;IACpB,GAAG,EAAE,KAAK,CAAC,GAAG;IACd,UAAU,EAAE,KAAK,CAAC,KAAK;IACvB,cAAc,EAAE,KAAK,CAAC,OAAO;CAC9B,CAAC,CACH,CAAC;AACF;;GAEG;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAA0B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACpF,MAAM,EACJ,SAAS,EACT,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IACV,MAAM,SAAS,GAAG,SAAS,IAAI,KAAK,CAAC;IAErC,OAAO,CACL,oBAAC,QAAQ,IACP,EAAE,EAAE,SAAS,EACb,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAA+C,CAAC;AAEjD,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,aAAa,CAAC,YAAY,GAAG;IAC3B,SAAS,EAAE,KAAK;CACjB,CAAC"}

package/dist/esnext/Flex/index.js

@@ -0,0 +1,3 @@
+export { Flex } from './flex';
+export { FlexContainer } from './flex_container';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Flex/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/esnext/index.js

@@ -35,4 +35,5 @@ export * from './Typography';
 export * from './styles';
 export * from './hooks';
 export * from './OverridableComponent';
+export * from './Flex';
 //# sourceMappingURL=index.js.map

package/dist/esnext/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,wBAAwB,CAAC;AACvC,cAAc,QAAQ,CAAC"}

package/dist/types/Drawer/drawer.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { ModalProps } from '../Modal';
 /**
  * Types.
  */
@@ -20,13 +21,9 @@ declare type DrawerOwnProps = {
      */
     transitionDuration?: number;
     /**
-     * If `true`, clicking the backdrop will not fire the `onClose` callback.
+     * Props applied to the `Modal` element.
      */
-    disableBackdropClick?: boolean;
-    /**
-     * If `true`, hitting escape will not fire the `onClose` callback.
-     */
-    disableEscapeKeyDown?: boolean;
+    modalProps?: Partial<Omit<ModalProps, 'transitionDuration' | 'open' | 'onClose' | 'keepMounted'>>;
     /**
      * Callback fired when the component requests to be closed.
      */

package/dist/types/Flex/flex.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { OverridableComponent, OverrideProps } from '../OverridableComponent';
+/**
+ * Types.
+ */
+export interface FlexOwnProps {
+    /**
+     * The content of the component.
+     */
+    children?: React.ReactNode;
+    size?: ('auto' | 'grow');
+}
+export interface FlexTypeMap<P = {}, D extends React.ElementType = 'div'> {
+    props: P & FlexOwnProps;
+    defaultComponent: D;
+}
+export declare type FlexProps<D extends React.ElementType = FlexTypeMap['defaultComponent']> = OverrideProps<FlexTypeMap<{}, D>, D> & {
+    component?: D;
+};
+/**
+ *
+ */
+export declare const Flex: OverridableComponent<FlexTypeMap<{}, "div">>;

package/dist/types/Flex/flex_container.d.ts

@@ -0,0 +1,43 @@
+import * as React from 'react';
+import type { Property } from 'csstype';
+import { OverridableComponent, OverrideProps } from '../OverridableComponent';
+/**
+ * Types.
+ */
+export interface FlexContainerOwnProps {
+    /**
+     * The content of the component.
+     */
+    children?: React.ReactNode;
+    /**
+     * Defines the `flex-direction` style property.
+     */
+    direction?: Property.FlexDirection;
+    /**
+     * Defines the `flex-wrap` style property.
+     */
+    wrap?: Property.FlexWrap;
+    /**
+     * Defines the `gap` style property.
+     */
+    gap?: string | number;
+    /**
+     * Defines the `align-items` style property.
+     */
+    align?: Property.AlignItems;
+    /**
+     * Defines the `justify-content` style property.
+     */
+    justify?: Property.JustifyContent;
+}
+export interface FlexContainerTypeMap<P = {}, D extends React.ElementType = 'div'> {
+    props: P & FlexContainerOwnProps;
+    defaultComponent: D;
+}
+export declare type FlexContainerProps<D extends React.ElementType = FlexContainerTypeMap['defaultComponent']> = OverrideProps<FlexContainerTypeMap<{}, D>, D> & {
+    component?: D;
+};
+/**
+ *
+ */
+export declare const FlexContainer: OverridableComponent<FlexContainerTypeMap<{}, "div">>;

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

@@ -0,0 +1,4 @@
+export { Flex } from './flex';
+export { FlexContainer } from './flex_container';
+export type { FlexOwnProps, FlexProps } from './flex';
+export type { FlexContainerOwnProps, FlexContainerProps } from './flex_container';

package/dist/types/index.d.ts

@@ -35,3 +35,4 @@ export * from './Typography';
 export * from './styles';
 export * from './hooks';
 export * from './OverridableComponent';
+export * from './Flex';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@peculiar/react-components",
   "private": false,
-  "version": "0.6.4",
+  "version": "0.6.6",
   "author": "PeculiarVentures Team",
   "description": "A simple and customizable component library to build faster, beautiful, and more accessible React applications.",
   "keywords": [
@@ -81,5 +81,5 @@
     "node": ">=12.x"
   },
   "license": "MIT",
-  "gitHead": "138fe626ad83323797aed091109972bfeaedf96f"
+  "gitHead": "9d1c2bd806f6dac684770eac83fcf0dd8b35873e"
 }