@peculiar/react-components 0.0.2-alpha.289 → 0.0.2-alpha.291

package/dist/cjs/Skeleton/index.js

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

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

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

package/dist/cjs/Skeleton/skeleton.js

@@ -0,0 +1,100 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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.Skeleton = void 0;
+var React = __importStar(require("react"));
+var styles_1 = require("../styles");
+var Box_1 = require("../Box");
+/**
+ * Styles.
+ */
+var pulseKeyframe = (0, styles_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n"], ["\n  0% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n"])));
+var stylesBase = function (props) { return (0, styles_1.css)(__assign(__assign(__assign(__assign(__assign({ label: 'Skeleton', display: 'block', height: '1.2em', animation: "".concat(pulseKeyframe, " 1.5s ease-in-out 0.5s infinite") }, (props.variant === 'text' && {
+    marginTop: 0,
+    marginBottom: 0,
+    height: 'auto',
+    transformOrigin: '0 55%',
+    transform: 'scale(1, 0.60)',
+    borderRadius: '4px',
+    '&:empty:before': {
+        content: '"\\00a0"',
+    },
+})), (props.variant === 'circle' && {
+    borderRadius: '50%',
+})), (props.children && __assign(__assign({ '& > *': {
+        visibility: 'hidden',
+    } }, (!props.width && {
+    maxWidth: 'fit-content',
+})), (!props.height && {
+    height: 'auto',
+})))), (props.height && {
+    height: props.height,
+})), (props.width && {
+    width: props.width,
+}))); };
+/**
+ *
+ */
+exports.Skeleton = React.forwardRef(function (props, ref) {
+    var _a;
+    var children = props.children, height = props.height, width = props.width, variant = props.variant, className = props.className, background = props.background, other = __rest(props, ["children", "height", "width", "variant", "className", "background"]);
+    return (React.createElement(Box_1.Box, __assign({ ref: ref, background: background, component: "span", className: (0, styles_1.cx)((_a = {},
+            _a[stylesBase(props)] = true,
+            _a[className] = !!className,
+            _a)) }, other), children));
+});
+exports.Skeleton.displayName = 'Skeleton';
+exports.Skeleton.defaultProps = {
+    variant: 'text',
+    background: 'gray-4',
+};
+var templateObject_1;
+//# sourceMappingURL=skeleton.js.map

package/dist/cjs/Skeleton/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../../src/Skeleton/skeleton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,oCAKmB;AACnB,8BAA6B;AA4B7B;;GAEG;AACH,IAAM,aAAa,OAAG,kBAAS,uKAAA,mGAU9B,IAAA,CAAC;AAEF,IAAM,UAAU,GAAG,UAAC,KAAgB,IAAK,OAAA,IAAA,YAAG,iDAC1C,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,OAAO,EACf,SAAS,EAAE,UAAG,aAAa,oCAAiC,IACzD,CAAC,KAAK,CAAC,OAAO,KAAK,MAAM,IAAI;IAC9B,SAAS,EAAE,CAAC;IACZ,YAAY,EAAE,CAAC;IACf,MAAM,EAAE,MAAM;IACd,eAAe,EAAE,OAAO;IACxB,SAAS,EAAE,gBAAgB;IAC3B,YAAY,EAAE,KAAK;IACnB,gBAAgB,EAAE;QAChB,OAAO,EAAE,UAAU;KACpB;CACF,CAAC,GACC,CAAC,KAAK,CAAC,OAAO,KAAK,QAAQ,IAAI;IAChC,YAAY,EAAE,KAAK;CACpB,CAAC,GACC,CAAC,KAAK,CAAC,QAAQ,wBAChB,OAAO,EAAE;QACP,UAAU,EAAE,QAAQ;KACrB,IAEE,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI;IAClB,QAAQ,EAAE,aAAa;CACxB,CAAC,GACC,CAAC,CAAC,KAAK,CAAC,MAAM,IAAI;IACnB,MAAM,EAAE,MAAM;CACf,CAAC,CACH,CAAC,GACC,CAAC,KAAK,CAAC,MAAM,IAAI;IAClB,MAAM,EAAE,KAAK,CAAC,MAAM;CACrB,CAAC,GACC,CAAC,KAAK,CAAC,KAAK,IAAI;IACjB,KAAK,EAAE,KAAK,CAAC,KAAK;CACnB,CAAC,EACF,EArCuC,CAqCvC,CAAC;AACH;;GAEG;AAEU,QAAA,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAiC,UAAC,KAAK,EAAE,GAAG;;IAEhF,IAAA,QAAQ,GAON,KAAK,SAPC,EACR,MAAM,GAMJ,KAAK,OAND,EACN,KAAK,GAKH,KAAK,MALF,EACL,OAAO,GAIL,KAAK,QAJA,EACP,SAAS,GAGP,KAAK,UAHE,EACT,UAAU,GAER,KAAK,WAFG,EACP,KAAK,UACN,KAAK,EARH,qEAQL,CADS,CACA;IAEV,OAAO,CACL,oBAAC,SAAG,aACF,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,SAAS,EAAC,MAAM,EAChB,SAAS,EAAE,IAAA,WAAE;YACX,GAAC,UAAU,CAAC,KAAK,CAAC,IAAG,IAAI;YACzB,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;gBACxB,IACE,KAAK,GAER,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,gBAAQ,CAAC,YAAY,GAAG;IACtB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;CACrB,CAAC"}

package/dist/cjs/Toast/toast_container.js

@@ -56,6 +56,7 @@ var stylesBase = function () { return (0, styles_1.css)({
     zIndex: 1300,
     width: '100%',
     maxWidth: '460px',
+    wordBreak: 'break-word',
     left: '50%',
     transform: 'translateX(-50%)',
     '& > * + *': {

package/dist/cjs/Toast/toast_container.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast_container.js","sourceRoot":"","sources":["../../../src/Toast/toast_container.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,oCAAoC;AAWpC,IAAM,UAAU,GAAG,cAAM,OAAA,IAAA,YAAG,EAAC;IAC3B,KAAK,EAAE,gBAAgB;IACvB,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,OAAO;IACjB,IAAI,EAAE,KAAK;IACX,SAAS,EAAE,kBAAkB;IAC7B,WAAW,EAAE;QACX,SAAS,EAAE,MAAM;KAClB;CACF,CAAC,EAbuB,CAavB,CAAC;AAEI,IAAM,cAAc,GAAkC,UAAC,KAAK;;IACzD,IAAA,QAAQ,GAA0B,KAAK,SAA/B,EAAE,SAAS,GAAe,KAAK,UAApB,EAAK,KAAK,UAAK,KAAK,EAAzC,yBAAiC,CAAF,CAAW;IAEhD,OAAO,CACL,sCACE,SAAS,EAAE,IAAA,WAAE;YACX,GAAC,UAAU,EAAE,IAAG,IAAI;YACpB,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;gBACxB,IACE,KAAK,GAER,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,cAAc,kBAczB;AAEF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
+{"version":3,"file":"toast_container.js","sourceRoot":"","sources":["../../../src/Toast/toast_container.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,oCAAoC;AAWpC,IAAM,UAAU,GAAG,cAAM,OAAA,IAAA,YAAG,EAAC;IAC3B,KAAK,EAAE,gBAAgB;IACvB,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,OAAO;IACjB,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,KAAK;IACX,SAAS,EAAE,kBAAkB;IAC7B,WAAW,EAAE;QACX,SAAS,EAAE,MAAM;KAClB;CACF,CAAC,EAduB,CAcvB,CAAC;AAEI,IAAM,cAAc,GAAkC,UAAC,KAAK;;IACzD,IAAA,QAAQ,GAA0B,KAAK,SAA/B,EAAE,SAAS,GAAe,KAAK,UAApB,EAAK,KAAK,UAAK,KAAK,EAAzC,yBAAiC,CAAF,CAAW;IAEhD,OAAO,CACL,sCACE,SAAS,EAAE,IAAA,WAAE;YACX,GAAC,UAAU,EAAE,IAAG,IAAI;YACpB,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;gBACxB,IACE,KAAK,GAER,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,cAAc,kBAczB;AAEF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/dist/cjs/index.js

@@ -35,6 +35,7 @@ __exportStar(require("./Popover"), exports);
 __exportStar(require("./Portal"), exports);
 __exportStar(require("./Radio"), exports);
 __exportStar(require("./Select"), exports);
+__exportStar(require("./Skeleton"), exports);
 __exportStar(require("./Autocomplete"), exports);
 __exportStar(require("./Slide"), exports);
 __exportStar(require("./Slider"), exports);

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,4CAA0B;AAC1B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,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"}
+{"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,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"}

package/dist/esm/Skeleton/index.js

@@ -0,0 +1,2 @@
+export { Skeleton } from './skeleton';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/esm/Skeleton/skeleton.js

@@ -0,0 +1,74 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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 { css, cx, keyframes, } from '../styles';
+import { Box } from '../Box';
+/**
+ * Styles.
+ */
+var pulseKeyframe = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n"], ["\n  0% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n"])));
+var stylesBase = function (props) { return css(__assign(__assign(__assign(__assign(__assign({ label: 'Skeleton', display: 'block', height: '1.2em', animation: "".concat(pulseKeyframe, " 1.5s ease-in-out 0.5s infinite") }, (props.variant === 'text' && {
+    marginTop: 0,
+    marginBottom: 0,
+    height: 'auto',
+    transformOrigin: '0 55%',
+    transform: 'scale(1, 0.60)',
+    borderRadius: '4px',
+    '&:empty:before': {
+        content: '"\\00a0"',
+    },
+})), (props.variant === 'circle' && {
+    borderRadius: '50%',
+})), (props.children && __assign(__assign({ '& > *': {
+        visibility: 'hidden',
+    } }, (!props.width && {
+    maxWidth: 'fit-content',
+})), (!props.height && {
+    height: 'auto',
+})))), (props.height && {
+    height: props.height,
+})), (props.width && {
+    width: props.width,
+}))); };
+/**
+ *
+ */
+export var Skeleton = React.forwardRef(function (props, ref) {
+    var _a;
+    var children = props.children, height = props.height, width = props.width, variant = props.variant, className = props.className, background = props.background, other = __rest(props, ["children", "height", "width", "variant", "className", "background"]);
+    return (React.createElement(Box, __assign({ ref: ref, background: background, component: "span", className: cx((_a = {},
+            _a[stylesBase(props)] = true,
+            _a[className] = !!className,
+            _a)) }, other), children));
+});
+Skeleton.displayName = 'Skeleton';
+Skeleton.defaultProps = {
+    variant: 'text',
+    background: 'gray-4',
+};
+var templateObject_1;
+//# sourceMappingURL=skeleton.js.map

package/dist/esm/Skeleton/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../../src/Skeleton/skeleton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,GAAG,EACH,EAAE,EACF,SAAS,GAEV,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AA4B7B;;GAEG;AACH,IAAM,aAAa,GAAG,SAAS,sKAAA,mGAU9B,IAAA,CAAC;AAEF,IAAM,UAAU,GAAG,UAAC,KAAgB,IAAK,OAAA,GAAG,gDAC1C,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,OAAO,EACf,SAAS,EAAE,UAAG,aAAa,oCAAiC,IACzD,CAAC,KAAK,CAAC,OAAO,KAAK,MAAM,IAAI;IAC9B,SAAS,EAAE,CAAC;IACZ,YAAY,EAAE,CAAC;IACf,MAAM,EAAE,MAAM;IACd,eAAe,EAAE,OAAO;IACxB,SAAS,EAAE,gBAAgB;IAC3B,YAAY,EAAE,KAAK;IACnB,gBAAgB,EAAE;QAChB,OAAO,EAAE,UAAU;KACpB;CACF,CAAC,GACC,CAAC,KAAK,CAAC,OAAO,KAAK,QAAQ,IAAI;IAChC,YAAY,EAAE,KAAK;CACpB,CAAC,GACC,CAAC,KAAK,CAAC,QAAQ,wBAChB,OAAO,EAAE;QACP,UAAU,EAAE,QAAQ;KACrB,IAEE,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI;IAClB,QAAQ,EAAE,aAAa;CACxB,CAAC,GACC,CAAC,CAAC,KAAK,CAAC,MAAM,IAAI;IACnB,MAAM,EAAE,MAAM;CACf,CAAC,CACH,CAAC,GACC,CAAC,KAAK,CAAC,MAAM,IAAI;IAClB,MAAM,EAAE,KAAK,CAAC,MAAM;CACrB,CAAC,GACC,CAAC,KAAK,CAAC,KAAK,IAAI;IACjB,KAAK,EAAE,KAAK,CAAC,KAAK;CACnB,CAAC,EACF,EArCuC,CAqCvC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAiC,UAAC,KAAK,EAAE,GAAG;;IAEhF,IAAA,QAAQ,GAON,KAAK,SAPC,EACR,MAAM,GAMJ,KAAK,OAND,EACN,KAAK,GAKH,KAAK,MALF,EACL,OAAO,GAIL,KAAK,QAJA,EACP,SAAS,GAGP,KAAK,UAHE,EACT,UAAU,GAER,KAAK,WAFG,EACP,KAAK,UACN,KAAK,EARH,qEAQL,CADS,CACA;IAEV,OAAO,CACL,oBAAC,GAAG,aACF,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,SAAS,EAAC,MAAM,EAChB,SAAS,EAAE,EAAE;YACX,GAAC,UAAU,CAAC,KAAK,CAAC,IAAG,IAAI;YACzB,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;gBACxB,IACE,KAAK,GAER,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,QAAQ,CAAC,YAAY,GAAG;IACtB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;CACrB,CAAC"}

package/dist/esm/Toast/toast_container.js

@@ -30,6 +30,7 @@ var stylesBase = function () { return css({
     zIndex: 1300,
     width: '100%',
     maxWidth: '460px',
+    wordBreak: 'break-word',
     left: '50%',
     transform: 'translateX(-50%)',
     '& > * + *': {

package/dist/esm/Toast/toast_container.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast_container.js","sourceRoot":"","sources":["../../../src/Toast/toast_container.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAWpC,IAAM,UAAU,GAAG,cAAM,OAAA,GAAG,CAAC;IAC3B,KAAK,EAAE,gBAAgB;IACvB,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,OAAO;IACjB,IAAI,EAAE,KAAK;IACX,SAAS,EAAE,kBAAkB;IAC7B,WAAW,EAAE;QACX,SAAS,EAAE,MAAM;KAClB;CACF,CAAC,EAbuB,CAavB,CAAC;AAEH,MAAM,CAAC,IAAM,cAAc,GAAkC,UAAC,KAAK;;IACzD,IAAA,QAAQ,GAA0B,KAAK,SAA/B,EAAE,SAAS,GAAe,KAAK,UAApB,EAAK,KAAK,UAAK,KAAK,EAAzC,yBAAiC,CAAF,CAAW;IAEhD,OAAO,CACL,sCACE,SAAS,EAAE,EAAE;YACX,GAAC,UAAU,EAAE,IAAG,IAAI;YACpB,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;gBACxB,IACE,KAAK,GAER,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
+{"version":3,"file":"toast_container.js","sourceRoot":"","sources":["../../../src/Toast/toast_container.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAWpC,IAAM,UAAU,GAAG,cAAM,OAAA,GAAG,CAAC;IAC3B,KAAK,EAAE,gBAAgB;IACvB,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,OAAO;IACjB,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,KAAK;IACX,SAAS,EAAE,kBAAkB;IAC7B,WAAW,EAAE;QACX,SAAS,EAAE,MAAM;KAClB;CACF,CAAC,EAduB,CAcvB,CAAC;AAEH,MAAM,CAAC,IAAM,cAAc,GAAkC,UAAC,KAAK;;IACzD,IAAA,QAAQ,GAA0B,KAAK,SAA/B,EAAE,SAAS,GAAe,KAAK,UAApB,EAAK,KAAK,UAAK,KAAK,EAAzC,yBAAiC,CAAF,CAAW;IAEhD,OAAO,CACL,sCACE,SAAS,EAAE,EAAE;YACX,GAAC,UAAU,EAAE,IAAG,IAAI;YACpB,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;gBACxB,IACE,KAAK,GAER,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/dist/esm/index.js

@@ -19,6 +19,7 @@ export * from './Popover';
 export * from './Portal';
 export * from './Radio';
 export * from './Select';
+export * from './Skeleton';
 export * from './Autocomplete';
 export * from './Slide';
 export * from './Slider';

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,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,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"}
+{"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,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"}

package/dist/esnext/Skeleton/index.js

@@ -0,0 +1,2 @@
+export { Skeleton } from './skeleton';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/esnext/Skeleton/skeleton.js

@@ -0,0 +1,70 @@
+import * as React from 'react';
+import { css, cx, keyframes, } from '../styles';
+import { Box } from '../Box';
+/**
+ * Styles.
+ */
+const pulseKeyframe = keyframes `
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.4;
+  }
+  100% {
+    opacity: 1;
+  }
+`;
+const stylesBase = (props) => css({
+    label: 'Skeleton',
+    display: 'block',
+    height: '1.2em',
+    animation: `${pulseKeyframe} 1.5s ease-in-out 0.5s infinite`,
+    ...(props.variant === 'text' && {
+        marginTop: 0,
+        marginBottom: 0,
+        height: 'auto',
+        transformOrigin: '0 55%',
+        transform: 'scale(1, 0.60)',
+        borderRadius: '4px',
+        '&:empty:before': {
+            content: '"\\00a0"',
+        },
+    }),
+    ...(props.variant === 'circle' && {
+        borderRadius: '50%',
+    }),
+    ...(props.children && {
+        '& > *': {
+            visibility: 'hidden',
+        },
+        ...(!props.width && {
+            maxWidth: 'fit-content',
+        }),
+        ...(!props.height && {
+            height: 'auto',
+        }),
+    }),
+    ...(props.height && {
+        height: props.height,
+    }),
+    ...(props.width && {
+        width: props.width,
+    }),
+});
+/**
+ *
+ */
+export const Skeleton = React.forwardRef((props, ref) => {
+    const { children, height, width, variant, className, background, ...other } = props;
+    return (React.createElement(Box, { ref: ref, background: background, component: "span", className: cx({
+            [stylesBase(props)]: true,
+            [className]: !!className,
+        }), ...other }, children));
+});
+Skeleton.displayName = 'Skeleton';
+Skeleton.defaultProps = {
+    variant: 'text',
+    background: 'gray-4',
+};
+//# sourceMappingURL=skeleton.js.map

package/dist/esnext/Skeleton/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../../src/Skeleton/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,GAAG,EACH,EAAE,EACF,SAAS,GAEV,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AA4B7B;;GAEG;AACH,MAAM,aAAa,GAAG,SAAS,CAAA;;;;;;;;;;CAU9B,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,KAAgB,EAAE,EAAE,CAAC,GAAG,CAAC;IAC3C,KAAK,EAAE,UAAU;IACjB,OAAO,EAAE,OAAO;IAChB,MAAM,EAAE,OAAO;IACf,SAAS,EAAE,GAAG,aAAa,iCAAiC;IAC5D,GAAG,CAAC,KAAK,CAAC,OAAO,KAAK,MAAM,IAAI;QAC9B,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,CAAC;QACf,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,OAAO;QACxB,SAAS,EAAE,gBAAgB;QAC3B,YAAY,EAAE,KAAK;QACnB,gBAAgB,EAAE;YAChB,OAAO,EAAE,UAAU;SACpB;KACF,CAAC;IACF,GAAG,CAAC,KAAK,CAAC,OAAO,KAAK,QAAQ,IAAI;QAChC,YAAY,EAAE,KAAK;KACpB,CAAC;IACF,GAAG,CAAC,KAAK,CAAC,QAAQ,IAAI;QACpB,OAAO,EAAE;YACP,UAAU,EAAE,QAAQ;SACrB;QAED,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI;YAClB,QAAQ,EAAE,aAAa;SACxB,CAAC;QACF,GAAG,CAAC,CAAC,KAAK,CAAC,MAAM,IAAI;YACnB,MAAM,EAAE,MAAM;SACf,CAAC;KACH,CAAC;IACF,GAAG,CAAC,KAAK,CAAC,MAAM,IAAI;QAClB,MAAM,EAAE,KAAK,CAAC,MAAM;KACrB,CAAC;IACF,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI;QACjB,KAAK,EAAE,KAAK,CAAC,KAAK;KACnB,CAAC;CACH,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAiC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACtF,MAAM,EACJ,QAAQ,EACR,MAAM,EACN,KAAK,EACL,OAAO,EACP,SAAS,EACT,UAAU,EACV,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,GAAG,IACF,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,SAAS,EAAC,MAAM,EAChB,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI;YACzB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,KACE,KAAK,IAER,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,QAAQ,CAAC,YAAY,GAAG;IACtB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;CACrB,CAAC"}

package/dist/esnext/Toast/toast_container.js

@@ -8,6 +8,7 @@ const stylesBase = () => css({
     zIndex: 1300,
     width: '100%',
     maxWidth: '460px',
+    wordBreak: 'break-word',
     left: '50%',
     transform: 'translateX(-50%)',
     '& > * + *': {

package/dist/esnext/Toast/toast_container.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast_container.js","sourceRoot":"","sources":["../../../src/Toast/toast_container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAWpC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,gBAAgB;IACvB,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,OAAO;IACjB,IAAI,EAAE,KAAK;IACX,SAAS,EAAE,kBAAkB;IAC7B,WAAW,EAAE;QACX,SAAS,EAAE,MAAM;KAClB;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,KAAK,EAAE,EAAE;IACrE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAEhD,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;YACpB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,KACE,KAAK,IAER,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
+{"version":3,"file":"toast_container.js","sourceRoot":"","sources":["../../../src/Toast/toast_container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAWpC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,gBAAgB;IACvB,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,OAAO;IACjB,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,KAAK;IACX,SAAS,EAAE,kBAAkB;IAC7B,WAAW,EAAE;QACX,SAAS,EAAE,MAAM;KAClB;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,KAAK,EAAE,EAAE;IACrE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAEhD,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;YACpB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,KACE,KAAK,IAER,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/dist/esnext/index.js

@@ -19,6 +19,7 @@ export * from './Popover';
 export * from './Portal';
 export * from './Radio';
 export * from './Select';
+export * from './Skeleton';
 export * from './Autocomplete';
 export * from './Slide';
 export * from './Slider';

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,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,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"}
+{"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,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"}

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

@@ -0,0 +1 @@
+export { Skeleton } from './skeleton';

package/dist/types/Skeleton/skeleton.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { ColorType } from '../styles';
+declare type BaseProps = {
+    /**
+     * Optional children to infer width and height from.
+     */
+    children?: React.ReactNode;
+    /**
+     * Height of the skeleton.
+     */
+    height?: number | string;
+    /**
+     * Width of the skeleton.
+     */
+    width?: number | string;
+    /**
+     * The type of content that will be rendered.
+     */
+    variant?: ('text' | 'rect' | 'circle');
+    /**
+     * The className of the component.
+     */
+    className?: string;
+    background?: ColorType;
+};
+/**
+ *
+ */
+export declare const Skeleton: React.ForwardRefExoticComponent<BaseProps & Omit<React.HTMLAttributes<HTMLSpanElement>, "height" | "width" | "children"> & React.RefAttributes<HTMLSpanElement>>;
+export {};

package/dist/types/index.d.ts

@@ -19,6 +19,7 @@ export * from './Popover';
 export * from './Portal';
 export * from './Radio';
 export * from './Select';
+export * from './Skeleton';
 export * from './Autocomplete';
 export * from './Slide';
 export * from './Slider';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@peculiar/react-components",
   "private": false,
-  "version": "0.0.2-alpha.289+de779cf",
+  "version": "0.0.2-alpha.291+60d3216",
   "author": "PeculiarVentures Team",
   "description": "A simple and customizable component library to build faster, beautiful, and more accessible React applications.",
   "keywords": [
@@ -42,7 +42,7 @@
   "dependencies": {
     "@emotion/core": "^10.1.1",
     "@emotion/css": "^11.7.1",
-    "@peculiar/color": "^0.0.2-alpha.289+de779cf",
+    "@peculiar/color": "^0.0.2-alpha.291+60d3216",
     "@popperjs/core": "^2.11.5",
     "@types/flat": "^5.0.2",
     "@types/react-transition-group": "^4.4.4",
@@ -85,5 +85,5 @@
     "node": ">=12.x"
   },
   "license": "MIT",
-  "gitHead": "de779cf79be89f4f85a69be9801e845c5fa70c14"
+  "gitHead": "60d3216d45e6f6dd78effc681afbee95594b741a"
 }