@peculiar/react-components 0.0.2-alpha.29 → 0.0.2-alpha.290

package/dist/cjs/Collapse/collapse.js.map

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

package/dist/cjs/Collapse/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Collapse = void 0;
+var collapse_1 = require("./collapse");
+Object.defineProperty(exports, "Collapse", { enumerable: true, get: function () { return collapse_1.Collapse; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Collapse/index.ts"],"names":[],"mappings":";;;AAAA,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA"}

package/dist/cjs/Dialog/dialog.js

@@ -0,0 +1,106 @@
+"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 __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.Dialog = void 0;
+var react_1 = __importDefault(require("react"));
+var Modal_1 = require("../Modal");
+var Box_1 = require("../Box");
+var Fade_1 = require("../Fade");
+var CircularProgress_1 = require("../CircularProgress");
+var styles_1 = require("../styles");
+var stylesBase = function (loading) { return (0, styles_1.css)(__assign({ label: 'Dialog', width: '100%', display: 'flex', maxHeight: 'calc(100% - 60px)', flexDirection: 'column', margin: 'var(--pv-size-base-6)', position: 'relative', outline: 'none', boxShadow: 'var(--pv-shadow-dark-hight)', overflow: 'hidden', border: 0, padding: 0 }, (loading && {
+    '[data-key="dialog.content"]': {
+        opacity: 0.5,
+    },
+    '[data-key="dialog.actions"]': {
+        opacity: 0.5,
+    },
+}))); };
+var stylesSizeSmall = function () { return (0, styles_1.css)({
+    label: 'small',
+    maxWidth: '310px',
+}); };
+var stylesSizeMedium = function () { return (0, styles_1.css)({
+    label: 'medium',
+    maxWidth: '640px',
+}); };
+var stylesSizeLarge = function () { return (0, styles_1.css)({
+    label: 'large',
+    maxWidth: '1024px',
+}); };
+var stylesFullScreen = function () { return (0, styles_1.css)({
+    label: 'fullScreen',
+    height: '100%',
+    margin: 0,
+    maxWidth: '100%',
+    maxHeight: 'none',
+}); };
+var stylesModal = function () { return (0, styles_1.css)({
+    label: 'Dialog-modal',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+}); };
+var stylesLoading = function () { return (0, styles_1.css)({
+    label: 'Dialog-loading',
+    position: 'absolute',
+    inset: '0px',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+}); };
+exports.Dialog = react_1.default.forwardRef(function (props, ref) {
+    var _a;
+    var open = props.open, children = props.children, className = props.className, fullScreen = props.fullScreen, transitionDuration = props.transitionDuration, disableBackdropClick = props.disableBackdropClick, disableEscapeKeyDown = props.disableEscapeKeyDown, size = props.size, loading = props.loading, loadingColor = props.loadingColor, onClose = props.onClose, dataTestId = props["data-testid"], other = __rest(props, ["open", "children", "className", "fullScreen", "transitionDuration", "disableBackdropClick", "disableEscapeKeyDown", "size", "loading", "loadingColor", "onClose", 'data-testid']);
+    return (react_1.default.createElement(Modal_1.Modal, { ref: ref, open: open, transitionDuration: transitionDuration, onClose: onClose, "data-testid": dataTestId, className: (0, styles_1.cx)(stylesModal()), disableBackdropClick: loading || disableBackdropClick, disableEscapeKeyDown: loading || disableEscapeKeyDown, backdropProps: {
+            invisible: fullScreen,
+        } },
+        react_1.default.createElement(Fade_1.Fade, { in: open, timeout: transitionDuration },
+            react_1.default.createElement(Box_1.Box, __assign({}, other, { role: "dialog", background: "white", borderRadius: fullScreen ? 0 : 4, className: (0, styles_1.cx)((_a = {},
+                    _a[stylesBase(loading)] = true,
+                    _a[stylesSizeSmall()] = size === 'small',
+                    _a[stylesSizeMedium()] = size === 'medium',
+                    _a[stylesSizeLarge()] = size === 'large',
+                    _a[stylesFullScreen()] = fullScreen,
+                    _a[className] = !!className,
+                    _a)), tabIndex: -1, component: "fieldset", 
+                // @ts-ignore
+                disabled: loading }),
+                children,
+                loading && (react_1.default.createElement(Box_1.Box, { className: (0, styles_1.cx)(stylesLoading()) },
+                    react_1.default.createElement(CircularProgress_1.CircularProgress, { color: loadingColor })))))));
+});
+exports.Dialog.displayName = 'Dialog';
+exports.Dialog.defaultProps = {
+    transitionDuration: 225,
+    fullScreen: false,
+    disableBackdropClick: false,
+    disableEscapeKeyDown: false,
+    size: 'medium',
+    loadingColor: 'secondary',
+};
+//# sourceMappingURL=dialog.js.map

package/dist/cjs/Dialog/dialog.js.map

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

package/dist/cjs/Dialog/dialog_actions.js

@@ -0,0 +1,52 @@
+"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 __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.DialogActions = void 0;
+var react_1 = __importDefault(require("react"));
+var styles_1 = require("../styles");
+var stylesBase = function () { return (0, styles_1.css)({
+    label: 'DialogActions',
+    padding: 'var(--pv-size-base-3) var(--pv-size-base-4) var(--pv-size-base-4)',
+    flex: '0 0 auto',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'flex-end',
+    '& > :not(:first-of-type)': {
+        marginLeft: 'var(--pv-size-base-2)',
+    },
+}); };
+exports.DialogActions = react_1.default.forwardRef(function (props, ref) {
+    var _a;
+    var children = props.children, className = props.className, other = __rest(props, ["children", "className"]);
+    return (react_1.default.createElement("footer", __assign({}, other, { ref: ref, className: (0, styles_1.cx)((_a = {},
+            _a[stylesBase()] = true,
+            _a[className] = !!className,
+            _a)), "data-key": "dialog.actions" }), children));
+});
+exports.DialogActions.displayName = 'DialogActions';
+exports.DialogActions.defaultProps = {};
+//# sourceMappingURL=dialog_actions.js.map

package/dist/cjs/Dialog/dialog_actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog_actions.js","sourceRoot":"","sources":["../../../src/Dialog/dialog_actions.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,oCAAoC;AAepC,IAAM,UAAU,GAAG,cAAM,OAAA,IAAA,YAAG,EAAC;IAC3B,KAAK,EAAE,eAAe;IACtB,OAAO,EAAE,mEAAmE;IAC5E,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,UAAU;IAC1B,0BAA0B,EAAE;QAC1B,UAAU,EAAE,uBAAuB;KACpC;CACF,CAAC,EAVuB,CAUvB,CAAC;AAEU,QAAA,aAAa,GAAG,eAAK,CAAC,UAAU,CAAqC,UAAC,KAAK,EAAE,GAAG;;IAEzF,IAAA,QAAQ,GAGN,KAAK,SAHC,EACR,SAAS,GAEP,KAAK,UAFE,EACN,KAAK,UACN,KAAK,EAJH,yBAIL,CADS,CACA;IAEV,OAAO,CACL,qDACM,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,WAAE;YACX,GAAC,UAAU,EAAE,IAAG,IAAI;YACpB,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;gBACxB,cACO,gBAAgB,KAExB,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,qBAAa,CAAC,YAAY,GAAG,EAAE,CAAC"}

package/dist/cjs/Dialog/dialog_content.js

@@ -0,0 +1,76 @@
+"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 __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.DialogContent = void 0;
+var react_1 = __importDefault(require("react"));
+var Box_1 = require("../Box");
+var Collapse_1 = require("../Collapse");
+var Alert_1 = require("../Alert");
+var styles_1 = require("../styles");
+var stylesBase = function () { return (0, styles_1.css)({
+    label: 'DialogContent',
+    flex: '1 1 auto',
+    overflow: 'hidden',
+    display: 'flex',
+    flexDirection: 'column',
+}); };
+var stylesPinned = function () { return (0, styles_1.css)({
+    label: 'DialogPinnedContent',
+    padding: '0 var(--pv-size-base-4)',
+    flex: '0 0 auto',
+}); };
+var stylesScrolled = function () { return (0, styles_1.css)({
+    label: 'DialogScrolledContent',
+    overflowY: 'auto',
+    flex: '1 1 auto',
+    padding: 'var(--pv-size-base-3) var(--pv-size-base-4) var(--pv-size-base-6) var(--pv-size-base-4)',
+}); };
+var stylesError = function () { return (0, styles_1.css)({
+    label: 'DialogContent-error',
+    margin: 'var(--pv-size-base-2) 0',
+    padding: 'var(--pv-size-base-2) var(--pv-size-base-3)',
+}); };
+var stylesCollapse = function () { return (0, styles_1.css)({
+    margin: '0 calc(var(--pv-size-base-3) * -1)',
+}); };
+exports.DialogContent = react_1.default.forwardRef(function (props, ref) {
+    var _a;
+    var children = props.children, className = props.className, dividers = props.dividers, error = props.error, other = __rest(props, ["children", "className", "dividers", "error"]);
+    return (react_1.default.createElement(Box_1.Box, __assign({}, other, { ref: ref, className: (0, styles_1.cx)((_a = {},
+            _a[stylesBase()] = true,
+            _a[className] = !!className,
+            _a)), borderColor: "gray-5", borderWidth: dividers ? 1 : 0, borderStyle: "solid", borderPosition: "horizontal", "data-key": "dialog.content" }),
+        react_1.default.createElement("div", { className: (0, styles_1.cx)(stylesPinned()) },
+            react_1.default.createElement(Collapse_1.Collapse, { in: Boolean(error), className: (0, styles_1.cx)(stylesCollapse()) },
+                react_1.default.createElement(Alert_1.Alert, { variant: "wrong", disableIcon: true, className: (0, styles_1.cx)(stylesError()) }, error))),
+        react_1.default.createElement("div", { className: (0, styles_1.cx)(stylesScrolled()) }, children)));
+});
+exports.DialogContent.displayName = 'DialogContent';
+exports.DialogContent.defaultProps = {
+    dividers: true,
+};
+//# sourceMappingURL=dialog_content.js.map

package/dist/cjs/Dialog/dialog_content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog_content.js","sourceRoot":"","sources":["../../../src/Dialog/dialog_content.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,8BAA6B;AAC7B,wCAAuC;AACvC,kCAAiC;AACjC,oCAAoC;AAuBpC,IAAM,UAAU,GAAG,cAAM,OAAA,IAAA,YAAG,EAAC;IAC3B,KAAK,EAAE,eAAe;IACtB,IAAI,EAAE,UAAU;IAChB,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;CACxB,CAAC,EANuB,CAMvB,CAAC;AAEH,IAAM,YAAY,GAAG,cAAM,OAAA,IAAA,YAAG,EAAC;IAC7B,KAAK,EAAE,qBAAqB;IAC5B,OAAO,EAAE,yBAAyB;IAClC,IAAI,EAAE,UAAU;CACjB,CAAC,EAJyB,CAIzB,CAAC;AAEH,IAAM,cAAc,GAAG,cAAM,OAAA,IAAA,YAAG,EAAC;IAC/B,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE,yFAAyF;CACnG,CAAC,EAL2B,CAK3B,CAAC;AAEH,IAAM,WAAW,GAAG,cAAM,OAAA,IAAA,YAAG,EAAC;IAC5B,KAAK,EAAE,qBAAqB;IAC5B,MAAM,EAAE,yBAAyB;IACjC,OAAO,EAAE,6CAA6C;CACvD,CAAC,EAJwB,CAIxB,CAAC;AAEH,IAAM,cAAc,GAAG,cAAM,OAAA,IAAA,YAAG,EAAC;IAC/B,MAAM,EAAE,oCAAoC;CAC7C,CAAC,EAF2B,CAE3B,CAAC;AAEU,QAAA,aAAa,GAAG,eAAK,CAAC,UAAU,CAAqC,UAAC,KAAK,EAAE,GAAG;;IAEzF,IAAA,QAAQ,GAKN,KAAK,SALC,EACR,SAAS,GAIP,KAAK,UAJE,EACT,QAAQ,GAGN,KAAK,SAHC,EACR,KAAK,GAEH,KAAK,MAFF,EACF,KAAK,UACN,KAAK,EANH,8CAML,CADS,CACA;IAEV,OAAO,CACL,8BAAC,SAAG,eACE,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,WAAE;YACX,GAAC,UAAU,EAAE,IAAG,IAAI;YACpB,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;gBACxB,EACF,WAAW,EAAC,QAAQ,EACpB,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC7B,WAAW,EAAC,OAAO,EACnB,cAAc,EAAC,YAAY,cAClB,gBAAgB;QAEzB,uCAAK,SAAS,EAAE,IAAA,WAAE,EAAC,YAAY,EAAE,CAAC;YAChC,8BAAC,mBAAQ,IACP,EAAE,EAAE,OAAO,CAAC,KAAK,CAAC,EAClB,SAAS,EAAE,IAAA,WAAE,EAAC,cAAc,EAAE,CAAC;gBAE/B,8BAAC,aAAK,IACJ,OAAO,EAAC,OAAO,EACf,WAAW,QACX,SAAS,EAAE,IAAA,WAAE,EAAC,WAAW,EAAE,CAAC,IAE3B,KAAK,CACA,CACC,CACP;QACN,uCAAK,SAAS,EAAE,IAAA,WAAE,EAAC,cAAc,EAAE,CAAC,IACjC,QAAQ,CACL,CACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,qBAAa,CAAC,YAAY,GAAG;IAC3B,QAAQ,EAAE,IAAI;CACf,CAAC"}

package/dist/cjs/Dialog/dialog_title.js

@@ -0,0 +1,58 @@
+"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 __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.DialogTitle = void 0;
+var react_1 = __importDefault(require("react"));
+var Typography_1 = require("../Typography");
+var styles_1 = require("../styles");
+var IconButton_1 = require("../IconButton");
+var icons_1 = require("../icons");
+var stylesBase = function () { return (0, styles_1.css)({
+    label: 'DialogTitle',
+    padding: 'var(--pv-size-base-4) var(--pv-size-base-4) var(--pv-size-base-2)',
+    display: 'flex',
+    flex: '0 0 auto',
+    justifyContent: 'space-between',
+}); };
+var stylesCloseButton = function () { return (0, styles_1.css)({
+    label: 'DialogTitle-close',
+    margin: '0 calc(var(--pv-size-base) * -1) 0 var(--pv-size-base-2)',
+}); };
+exports.DialogTitle = react_1.default.forwardRef(function (props, ref) {
+    var _a;
+    var children = props.children, className = props.className, onClose = props.onClose, other = __rest(props, ["children", "className", "onClose"]);
+    return (react_1.default.createElement("header", __assign({}, other, { ref: ref, className: (0, styles_1.cx)((_a = {},
+            _a[stylesBase()] = true,
+            _a[className] = !!className,
+            _a)), "data-key": "dialog.title" }),
+        react_1.default.createElement(Typography_1.Typography, { variant: "h4", color: "black" }, children),
+        onClose && (react_1.default.createElement(IconButton_1.IconButton, { size: "small", onClick: onClose, className: (0, styles_1.cx)(stylesCloseButton()) },
+            react_1.default.createElement(icons_1.CloseIcon, null)))));
+});
+exports.DialogTitle.displayName = 'DialogTitle';
+exports.DialogTitle.defaultProps = {};
+//# sourceMappingURL=dialog_title.js.map

package/dist/cjs/Dialog/dialog_title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog_title.js","sourceRoot":"","sources":["../../../src/Dialog/dialog_title.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,4CAA2C;AAC3C,oCAAoC;AACpC,4CAA2C;AAC3C,kCAAqC;AAmBrC,IAAM,UAAU,GAAG,cAAM,OAAA,IAAA,YAAG,EAAC;IAC3B,KAAK,EAAE,aAAa;IACpB,OAAO,EAAE,mEAAmE;IAC5E,OAAO,EAAE,MAAM;IACf,IAAI,EAAE,UAAU;IAChB,cAAc,EAAE,eAAe;CAChC,CAAC,EANuB,CAMvB,CAAC;AAEH,IAAM,iBAAiB,GAAG,cAAM,OAAA,IAAA,YAAG,EAAC;IAClC,KAAK,EAAE,mBAAmB;IAC1B,MAAM,EAAE,0DAA0D;CACnE,CAAC,EAH8B,CAG9B,CAAC;AAEU,QAAA,WAAW,GAAG,eAAK,CAAC,UAAU,CAAmC,UAAC,KAAK,EAAE,GAAG;;IAErF,IAAA,QAAQ,GAIN,KAAK,SAJC,EACR,SAAS,GAGP,KAAK,UAHE,EACT,OAAO,GAEL,KAAK,QAFA,EACJ,KAAK,UACN,KAAK,EALH,oCAKL,CADS,CACA;IAEV,OAAO,CACL,qDACM,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,WAAE;YACX,GAAC,UAAU,EAAE,IAAG,IAAI;YACpB,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;gBACxB,cACO,cAAc;QAEvB,8BAAC,uBAAU,IACT,OAAO,EAAC,IAAI,EACZ,KAAK,EAAC,OAAO,IAEZ,QAAQ,CACE;QAEZ,OAAO,IAAI,CACV,8BAAC,uBAAU,IACT,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAA,WAAE,EAAC,iBAAiB,EAAE,CAAC;YAElC,8BAAC,iBAAS,OAAG,CACF,CACd,CACM,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,mBAAW,CAAC,YAAY,GAAG,EAAE,CAAC"}

package/dist/cjs/Dialog/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogActions = exports.DialogContent = exports.DialogTitle = exports.Dialog = void 0;
+var dialog_1 = require("./dialog");
+Object.defineProperty(exports, "Dialog", { enumerable: true, get: function () { return dialog_1.Dialog; } });
+var dialog_title_1 = require("./dialog_title");
+Object.defineProperty(exports, "DialogTitle", { enumerable: true, get: function () { return dialog_title_1.DialogTitle; } });
+var dialog_content_1 = require("./dialog_content");
+Object.defineProperty(exports, "DialogContent", { enumerable: true, get: function () { return dialog_content_1.DialogContent; } });
+var dialog_actions_1 = require("./dialog_actions");
+Object.defineProperty(exports, "DialogActions", { enumerable: true, get: function () { return dialog_actions_1.DialogActions; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Dialog/index.ts"],"names":[],"mappings":";;;AAAA,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,+CAA6C;AAApC,2GAAA,WAAW,OAAA;AACpB,mDAAiD;AAAxC,+GAAA,aAAa,OAAA;AACtB,mDAAiD;AAAxC,+GAAA,aAAa,OAAA"}

package/dist/cjs/Drawer/drawer.js

@@ -0,0 +1,80 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Drawer = void 0;
+var React = __importStar(require("react"));
+var Modal_1 = require("../Modal");
+var Slide_1 = require("../Slide");
+var Box_1 = require("../Box");
+var styles_1 = require("../styles");
+var stylesBase = function () { return (0, styles_1.css)({
+    label: 'Drawer',
+    width: '270px',
+    height: '100%',
+    position: 'fixed',
+    top: 0,
+    right: 0,
+    overflowY: 'auto',
+    outline: 'none',
+}); };
+exports.Drawer = React.forwardRef(function (props, ref) {
+    var _a;
+    var children = props.children, className = props.className, open = props.open, transitionDuration = props.transitionDuration, disableBackdropClick = props.disableBackdropClick, disableEscapeKeyDown = props.disableEscapeKeyDown, onClose = props.onClose, dataTestId = props["data-testid"], other = __rest(props, ["children", "className", "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 },
+        React.createElement(Slide_1.Slide, { in: open, timeout: transitionDuration },
+            React.createElement(Box_1.Box, __assign({}, other, { background: "white", className: (0, styles_1.cx)((_a = {},
+                    _a[stylesBase()] = true,
+                    _a[className] = !!className,
+                    _a)), tabIndex: -1 }), 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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../src/Drawer/drawer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,kCAAiC;AACjC,kCAAiC;AACjC,8BAA6B;AAC7B,oCAAoC;AAoCpC,IAAM,UAAU,GAAG,cAAM,OAAA,IAAA,YAAG,EAAC;IAC3B,KAAK,EAAE,QAAQ;IACf,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;CAChB,CAAC,EATuB,CASvB,CAAC;AAEU,QAAA,MAAM,GAAG,KAAK,CAAC,UAAU,CAA8B,UAAC,KAAK,EAAE,GAAG;;IAE3E,IAAA,QAAQ,GASN,KAAK,SATC,EACR,SAAS,GAQP,KAAK,UARE,EACT,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,EAVH,iIAUL,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,SAAG,eACE,KAAK,IACT,UAAU,EAAC,OAAO,EAClB,SAAS,EAAE,IAAA,WAAE;oBACX,GAAC,UAAU,EAAE,IAAG,IAAI;oBACpB,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;wBACxB,EACF,QAAQ,EAAE,CAAC,CAAC,KAEX,QAAQ,CACL,CACA,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"}

package/dist/cjs/Drawer/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Drawer = void 0;
+var drawer_1 = require("./drawer");
+Object.defineProperty(exports, "Drawer", { enumerable: true, get: function () { return drawer_1.Drawer; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Drawer/index.ts"],"names":[],"mappings":";;;AAAA,mCAAkC;AAAzB,gGAAA,MAAM,OAAA"}

package/dist/cjs/{typography/typography.js → Fab/fab.js}

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -41,39 +45,31 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Typography = void 0;
+exports.Fab = void 0;
 var React = __importStar(require("react"));
 var styles_1 = require("../styles");
-var stylesBase = styles_1.css({
-    label: 'Typography',
-    margin: 0,
-    padding: 0,
-});
-exports.Typography = React.forwardRef(function (props, ref) {
-    var variant = props.variant, className = props.className, as = props.as, color = props.color, other = __rest(props, ["variant", "className", "as", "color"]);
-    var asComponent = 'p';
-    if (/h/.test(variant)) {
-        asComponent = variant;
-    }
-    else if (/s/.test(variant)) {
-        asComponent = 'h6';
-    }
-    else if (/btn/.test(variant)) {
-        asComponent = 'span';
-    }
-    return React.createElement(as || asComponent, __assign({ ref: ref, className: styles_1.cx(stylesBase, styles_1.css({
-            label: variant,
-            fontWeight: "var(--pv-text-" + variant + "-weight)",
-            fontSize: "var(--pv-text-" + variant + "-size)",
-            lineHeight: "var(--pv-text-" + variant + "-height)",
-            letterSpacing: "var(--pv-text-" + variant + "-spacing)",
-        }), (color && styles_1.css({
-            label: color,
-            color: "var(--pv-color-" + color + ")",
-        })), className) }, other));
+var ButtonBase_1 = require("../ButtonBase");
+var stylesBase = function () { return (0, styles_1.css)({
+    label: 'Fab',
+    borderRadius: '50%',
+    height: 'var(--pv-size-base-11)',
+    width: 'var(--pv-size-base-11)',
+    padding: 'var(--pv-size-base-2)',
+}); };
+exports.Fab = React.forwardRef(function (props, ref) {
+    var _a;
+    var className = props.className, children = props.children, other = __rest(props, ["className", "children"]);
+    return (React.createElement(ButtonBase_1.ButtonBase, __assign({}, other, { ref: ref, className: (0, styles_1.cx)((_a = {},
+            _a[stylesBase()] = true,
+            _a[className] = !!className,
+            _a)), size: "large" }), children));
 });
-exports.Typography.displayName = 'Typography';
-exports.Typography.defaultProps = {
-    variant: 'b1',
+exports.Fab.displayName = 'Fab';
+exports.Fab.defaultProps = {
+    // eslint-disable-next-line react/default-props-match-prop-types
+    disabled: false,
+    variant: 'contained',
+    // eslint-disable-next-line react/default-props-match-prop-types
+    color: 'primary',
 };
-//# sourceMappingURL=typography.js.map
+//# sourceMappingURL=fab.js.map

package/dist/cjs/Fab/fab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fab.js","sourceRoot":"","sources":["../../../src/Fab/fab.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,oCAAoC;AACpC,4CAA4D;AAc5D,IAAM,UAAU,GAAG,cAAM,OAAA,IAAA,YAAG,EAAC;IAC3B,KAAK,EAAE,KAAK;IACZ,YAAY,EAAE,KAAK;IACnB,MAAM,EAAE,wBAAwB;IAChC,KAAK,EAAE,wBAAwB;IAC/B,OAAO,EAAE,uBAAuB;CACjC,CAAC,EANuB,CAMvB,CAAC;AAEU,QAAA,GAAG,GAAG,KAAK,CAAC,UAAU,CAA8B,UAAC,KAAK,EAAE,GAAG;;IAExE,IAAA,SAAS,GAGP,KAAK,UAHE,EACT,QAAQ,GAEN,KAAK,SAFC,EACL,KAAK,UACN,KAAK,EAJH,yBAIL,CADS,CACA;IAEV,OAAO,CACL,oBAAC,uBAAU,eACL,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,WAAE;YACX,GAAC,UAAU,EAAE,IAAG,IAAI;YACpB,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;gBACxB,EACF,IAAI,EAAC,OAAO,KAEX,QAAQ,CACE,CACd,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,WAAG,CAAC,WAAW,GAAG,KAAK,CAAC;AAExB,WAAG,CAAC,YAAY,GAAG;IACjB,gEAAgE;IAChE,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,WAAW;IACpB,gEAAgE;IAChE,KAAK,EAAE,SAAS;CACjB,CAAC"}

package/dist/cjs/Fab/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Fab = void 0;
+var fab_1 = require("./fab");
+Object.defineProperty(exports, "Fab", { enumerable: true, get: function () { return fab_1.Fab; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Fab/index.ts"],"names":[],"mappings":";;;AAAA,6BAA4B;AAAnB,0FAAA,GAAG,OAAA"}

package/dist/cjs/Fade/fade.js

@@ -0,0 +1,72 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Fade = void 0;
+var React = __importStar(require("react"));
+var react_transition_group_1 = require("react-transition-group");
+var hooks_1 = require("../hooks");
+exports.Fade = React.forwardRef(function (props, ref) {
+    var timeout = props.timeout, inProp = props.in, children = props.children, finalOpacity = props.finalOpacity, appear = props.appear, onEnter = props.onEnter, onEntered = props.onEntered, onEntering = props.onEntering, onExit = props.onExit, onExited = props.onExited, onExiting = props.onExiting, other = __rest(props, ["timeout", "in", "children", "finalOpacity", "appear", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting"]);
+    var nodeRef = React.useRef(null);
+    var multiRef = (0, hooks_1.useMergedRef)(children.ref, ref, nodeRef);
+    var handleEnter = function (isAppearing) {
+        // reading a dimension prop will cause the browser to recalculate,
+        // which will let our animations work
+        nodeRef.current.offsetHeight; // eslint-disable-line @typescript-eslint/no-unused-expressions
+        if (onEnter) {
+            onEnter(isAppearing);
+        }
+    };
+    return (React.createElement(react_transition_group_1.Transition, __assign({ in: inProp, timeout: timeout, appear: appear, onEnter: handleEnter, onEntered: onEntered, onEntering: onEntering, onExit: onExit, onExited: onExited, onExiting: onExiting, nodeRef: nodeRef }, other), function (state, childProps) { return (React.cloneElement(children, __assign({ style: __assign({ opacity: (state === 'entering' || state === 'entered') ? finalOpacity : 0, transition: "opacity ".concat(timeout, "ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"), visibility: state === 'exited' && !inProp ? 'hidden' : undefined }, children.props.style), ref: multiRef }, childProps))); }));
+});
+exports.Fade.displayName = 'Fade';
+exports.Fade.defaultProps = {
+    timeout: 225,
+    finalOpacity: 1,
+    appear: true,
+};
+//# sourceMappingURL=fade.js.map

package/dist/cjs/Fade/fade.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fade.js","sourceRoot":"","sources":["../../../src/Fade/fade.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAE/B,iEAAoD;AACpD,kCAAwC;AAiC3B,QAAA,IAAI,GAAG,KAAK,CAAC,UAAU,CAAiB,UAAC,KAAK,EAAE,GAAG;IAE5D,IAAA,OAAO,GAYL,KAAK,QAZA,EACH,MAAM,GAWR,KAAK,GAXG,EACV,QAAQ,GAUN,KAAK,SAVC,EACR,YAAY,GASV,KAAK,aATK,EACZ,MAAM,GAQJ,KAAK,OARD,EACN,OAAO,GAOL,KAAK,QAPA,EACP,SAAS,GAMP,KAAK,UANE,EACT,UAAU,GAKR,KAAK,WALG,EACV,MAAM,GAIJ,KAAK,OAJD,EACN,QAAQ,GAGN,KAAK,SAHC,EACR,SAAS,GAEP,KAAK,UAFE,EACN,KAAK,UACN,KAAK,EAbH,gIAaL,CADS,CACA;IACV,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACnC,IAAM,QAAQ,GAAG,IAAA,oBAAY,EAAE,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,aACT,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,IACZ,KAAK,GAER,UAAC,KAAuB,EAAE,UAAe,IAAK,OAAA,CAC7C,KAAK,CAAC,YAAY,CAAC,QAAQ,aACzB,KAAK,aACH,OAAO,EAAE,CAAC,KAAK,KAAK,UAAU,IAAI,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EACzE,UAAU,EAAE,kBAAW,OAAO,wCAAqC,EACnE,UAAU,EAAE,KAAK,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,IAC7D,QAAQ,CAAC,KAAK,CAAC,KAAK,GAEzB,GAAG,EAAE,QAAQ,IACV,UAAU,EACb,CACH,EAX8C,CAW9C,CACU,CACd,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,YAAI,CAAC,YAAY,GAAG;IAClB,OAAO,EAAE,GAAG;IACZ,YAAY,EAAE,CAAC;IACf,MAAM,EAAE,IAAI;CACb,CAAC"}

package/dist/cjs/Fade/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Fade = void 0;
+var fade_1 = require("./fade");
+Object.defineProperty(exports, "Fade", { enumerable: true, get: function () { return fade_1.Fade; } });
+//# sourceMappingURL=index.js.map