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

package/dist/cjs/hooks/use_window_event_listener.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWindowEventListener = void 0;
+var react_1 = __importDefault(require("react"));
+var useWindowEventListener = function (event, listener, deps, removeOnUnmount) {
+    if (removeOnUnmount === void 0) { removeOnUnmount = true; }
+    // eslint-disable-next-line consistent-return
+    react_1.default.useEffect(function () {
+        window.addEventListener(event, listener);
+        if (removeOnUnmount) {
+            return function () {
+                window.removeEventListener(event, listener);
+            };
+        }
+        return undefined;
+    }, deps);
+};
+exports.useWindowEventListener = useWindowEventListener;
+//# sourceMappingURL=use_window_event_listener.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_window_event_listener.js","sourceRoot":"","sources":["../../../src/hooks/use_window_event_listener.ts"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAEnB,IAAM,sBAAsB,GAAG,UACpC,KAAQ,EACR,QAAsD,EACtD,IAA2B,EAC3B,eAA+B;IAA/B,gCAAA,EAAA,sBAA+B;IAE/B,6CAA6C;IAC7C,eAAK,CAAC,SAAS,CAAC;QACd,MAAM,CAAC,gBAAgB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QAEzC,IAAI,eAAe,EAAE;YACnB,OAAO;gBACL,MAAM,CAAC,mBAAmB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;YAC9C,CAAC,CAAC;SACH;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,IAAI,CAAC,CAAC;AACX,CAAC,CAAC;AAlBW,QAAA,sBAAsB,0BAkBjC"}

package/dist/cjs/icons/arrow_drop_down_icon.js

@@ -0,0 +1,22 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArrowDropDownIcon = void 0;
+var react_1 = __importDefault(require("react"));
+var ArrowDropDownIcon = function (props) { return (react_1.default.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: "24px", height: "24px" }),
+    react_1.default.createElement("path", { d: "M12.39 14.512a.5.5 0 01-.78 0l-2.96-3.7A.5.5 0 019.04 10h5.92a.5.5 0 01.39.812l-2.96 3.7z", fill: "currentColor" }))); };
+exports.ArrowDropDownIcon = ArrowDropDownIcon;
+//# sourceMappingURL=arrow_drop_down_icon.js.map

package/dist/cjs/icons/arrow_drop_down_icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow_drop_down_icon.js","sourceRoot":"","sources":["../../../src/icons/arrow_drop_down_icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAInB,IAAM,iBAAiB,GAAwB,UAAC,KAAK,IAAK,OAAA,CAC/D,kDACM,KAAK,IACT,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;IAEb,wCACE,CAAC,EAAC,2FAA2F,EAC7F,IAAI,EAAC,cAAc,GACnB,CACE,CACP,EAdgE,CAchE,CAAC;AAdW,QAAA,iBAAiB,qBAc5B"}

package/dist/cjs/icons/check_circle_icon.js

@@ -0,0 +1,23 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckCircleIcon = void 0;
+var react_1 = __importDefault(require("react"));
+var CheckCircleIcon = function (props) { return (react_1.default.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: "24px", height: "24px" }),
+    react_1.default.createElement("rect", { x: "1.333", y: "1.333", width: "21.333", height: "21.333", rx: "10.667", fill: "currentColor" }),
+    react_1.default.createElement("path", { d: "M8 10.667L11.333 14l5-5", stroke: "#fff", strokeWidth: "1.5" }))); };
+exports.CheckCircleIcon = CheckCircleIcon;
+//# sourceMappingURL=check_circle_icon.js.map

package/dist/cjs/icons/check_circle_icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"check_circle_icon.js","sourceRoot":"","sources":["../../../src/icons/check_circle_icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAInB,IAAM,eAAe,GAAwB,UAAC,KAAK,IAAK,OAAA,CAC7D,kDACM,KAAK,IACT,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;IAEb,wCAAM,CAAC,EAAC,OAAO,EAAC,CAAC,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAC,MAAM,EAAC,QAAQ,EAAC,EAAE,EAAC,QAAQ,EAAC,IAAI,EAAC,cAAc,GAAG;IAC3F,wCAAM,CAAC,EAAC,yBAAyB,EAAC,MAAM,EAAC,MAAM,EAAC,WAAW,EAAC,KAAK,GAAG,CAChE,CACP,EAZ8D,CAY9D,CAAC;AAZW,QAAA,eAAe,mBAY1B"}

package/dist/cjs/icons/check_icon.js

@@ -0,0 +1,22 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckIcon = void 0;
+var react_1 = __importDefault(require("react"));
+var CheckIcon = function (props) { return (react_1.default.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: "24px", height: "24px" }),
+    react_1.default.createElement("path", { d: "M4.338 11.656l5.98 5.667a1 1 0 001.452-.081l7.144-8.453a.51.51 0 00-.043-.716l-.38-.338a.508.508 0 00-.717.043l-6.84 7.7-5.584-4.96a.509.509 0 00-.717.042l-.337.38a.51.51 0 00.042.716z", fill: "currentColor" }))); };
+exports.CheckIcon = CheckIcon;
+//# sourceMappingURL=check_icon.js.map

package/dist/cjs/icons/check_icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"check_icon.js","sourceRoot":"","sources":["../../../src/icons/check_icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAInB,IAAM,SAAS,GAAwB,UAAC,KAAK,IAAK,OAAA,CACvD,kDACM,KAAK,IACT,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;IAEb,wCACE,CAAC,EAAC,0LAA0L,EAC5L,IAAI,EAAC,cAAc,GACnB,CACE,CACP,EAdwD,CAcxD,CAAC;AAdW,QAAA,SAAS,aAcpB"}

package/dist/cjs/icons/close_circle_icon.js

@@ -0,0 +1,23 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CloseCircleIcon = void 0;
+var react_1 = __importDefault(require("react"));
+var CloseCircleIcon = function (props) { return (react_1.default.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: "24px", height: "24px" }),
+    react_1.default.createElement("rect", { x: "1", y: "1", width: "21.333", height: "21.333", rx: "10.667", fill: "currentColor" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.185 11.5l2.721 2.72a.324.324 0 010 .457l-.23.229a.323.323 0 01-.456 0l-2.72-2.72-2.72 2.72a.324.324 0 01-.457 0l-.229-.23a.324.324 0 010-.456l2.721-2.72-2.721-2.72a.324.324 0 010-.457l.229-.229a.324.324 0 01.457 0l2.72 2.72 2.72-2.72a.323.323 0 01.457 0l.229.23a.324.324 0 010 .456l-2.721 2.72z", fill: "#fff" }))); };
+exports.CloseCircleIcon = CloseCircleIcon;
+//# sourceMappingURL=close_circle_icon.js.map

package/dist/cjs/icons/close_circle_icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"close_circle_icon.js","sourceRoot":"","sources":["../../../src/icons/close_circle_icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAInB,IAAM,eAAe,GAAwB,UAAC,KAAK,IAAK,OAAA,CAC7D,kDACM,KAAK,IACT,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;IAEb,wCAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,QAAQ,EAAC,MAAM,EAAC,QAAQ,EAAC,EAAE,EAAC,QAAQ,EAAC,IAAI,EAAC,cAAc,GAAG;IACnF,wCAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,4SAA4S,EAAC,IAAI,EAAC,MAAM,GAAG,CACrW,CACP,EAZ8D,CAY9D,CAAC;AAZW,QAAA,eAAe,mBAY1B"}

package/dist/cjs/icons/close_icon.js

@@ -0,0 +1,22 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CloseIcon = void 0;
+var react_1 = __importDefault(require("react"));
+var CloseIcon = function (props) { return (react_1.default.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: "24px", height: "24px" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.174 12l4.665 4.663a.556.556 0 010 .783l-.393.392a.554.554 0 01-.783 0l-4.664-4.663-4.662 4.663a.555.555 0 01-.784 0l-.392-.392a.556.556 0 010-.783L10.826 12 6.16 7.337a.556.556 0 010-.783l.392-.392a.555.555 0 01.784 0l4.662 4.663 4.664-4.663a.554.554 0 01.783 0l.393.392a.556.556 0 010 .783L13.174 12z", fill: "currentColor" }))); };
+exports.CloseIcon = CloseIcon;
+//# sourceMappingURL=close_icon.js.map

package/dist/cjs/icons/close_icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"close_icon.js","sourceRoot":"","sources":["../../../src/icons/close_icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAInB,IAAM,SAAS,GAAwB,UAAC,KAAK,IAAK,OAAA,CACvD,kDACM,KAAK,IACT,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;IAEb,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mTAAmT,EACrT,IAAI,EAAC,cAAc,GACnB,CACE,CACP,EAhBwD,CAgBxD,CAAC;AAhBW,QAAA,SAAS,aAgBpB"}

package/dist/cjs/icons/close_small_icon.js

@@ -0,0 +1,22 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CloseSmallIcon = void 0;
+var react_1 = __importDefault(require("react"));
+var CloseSmallIcon = function (props) { return (react_1.default.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: "24px", height: "24px" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.671 12l2.665 2.665a.318.318 0 010 .447l-.224.224a.317.317 0 01-.447 0L12 12.671l-2.665 2.665a.317.317 0 01-.448 0l-.224-.224a.318.318 0 010-.447L11.33 12 8.663 9.335a.318.318 0 010-.447l.224-.224a.317.317 0 01.448 0L12 11.329l2.665-2.665a.317.317 0 01.447 0l.224.224a.318.318 0 010 .447L12.671 12z", fill: "currentColor" }))); };
+exports.CloseSmallIcon = CloseSmallIcon;
+//# sourceMappingURL=close_small_icon.js.map

package/dist/cjs/icons/close_small_icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"close_small_icon.js","sourceRoot":"","sources":["../../../src/icons/close_small_icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAInB,IAAM,cAAc,GAAwB,UAAC,KAAK,IAAK,OAAA,CAC5D,kDACM,KAAK,IACT,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;IAEb,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+SAA+S,EACjT,IAAI,EAAC,cAAc,GACnB,CACE,CACP,EAhB6D,CAgB7D,CAAC;AAhBW,QAAA,cAAc,kBAgBzB"}

package/dist/cjs/icons/dot_icon.js

@@ -0,0 +1,22 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DotIcon = void 0;
+var react_1 = __importDefault(require("react"));
+var DotIcon = function (props) { return (react_1.default.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: "24px", height: "24px" }),
+    react_1.default.createElement("circle", { cx: "12", cy: "12", r: "6", fill: "currentColor" }))); };
+exports.DotIcon = DotIcon;
+//# sourceMappingURL=dot_icon.js.map

package/dist/cjs/icons/dot_icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dot_icon.js","sourceRoot":"","sources":["../../../src/icons/dot_icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAInB,IAAM,OAAO,GAAwB,UAAC,KAAK,IAAK,OAAA,CACrD,kDACM,KAAK,IACT,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;IAEb,0CAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAC,cAAc,GAAG,CAChD,CACP,EAXsD,CAWtD,CAAC;AAXW,QAAA,OAAO,WAWlB"}

package/dist/cjs/icons/index.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlusIcon = exports.DotIcon = exports.WarningIcon = exports.CloseCircleIcon = exports.CheckCircleIcon = exports.ArrowDropDownIcon = exports.CloseSmallIcon = exports.CloseIcon = exports.CheckIcon = void 0;
+var check_icon_1 = require("./check_icon");
+Object.defineProperty(exports, "CheckIcon", { enumerable: true, get: function () { return check_icon_1.CheckIcon; } });
+var close_icon_1 = require("./close_icon");
+Object.defineProperty(exports, "CloseIcon", { enumerable: true, get: function () { return close_icon_1.CloseIcon; } });
+var close_small_icon_1 = require("./close_small_icon");
+Object.defineProperty(exports, "CloseSmallIcon", { enumerable: true, get: function () { return close_small_icon_1.CloseSmallIcon; } });
+var arrow_drop_down_icon_1 = require("./arrow_drop_down_icon");
+Object.defineProperty(exports, "ArrowDropDownIcon", { enumerable: true, get: function () { return arrow_drop_down_icon_1.ArrowDropDownIcon; } });
+var check_circle_icon_1 = require("./check_circle_icon");
+Object.defineProperty(exports, "CheckCircleIcon", { enumerable: true, get: function () { return check_circle_icon_1.CheckCircleIcon; } });
+var close_circle_icon_1 = require("./close_circle_icon");
+Object.defineProperty(exports, "CloseCircleIcon", { enumerable: true, get: function () { return close_circle_icon_1.CloseCircleIcon; } });
+var warning_icon_1 = require("./warning_icon");
+Object.defineProperty(exports, "WarningIcon", { enumerable: true, get: function () { return warning_icon_1.WarningIcon; } });
+var dot_icon_1 = require("./dot_icon");
+Object.defineProperty(exports, "DotIcon", { enumerable: true, get: function () { return dot_icon_1.DotIcon; } });
+var plus_icon_1 = require("./plus_icon");
+Object.defineProperty(exports, "PlusIcon", { enumerable: true, get: function () { return plus_icon_1.PlusIcon; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/icons/index.ts"],"names":[],"mappings":";;;AAAA,2CAAyC;AAAhC,uGAAA,SAAS,OAAA;AAClB,2CAAyC;AAAhC,uGAAA,SAAS,OAAA;AAClB,uDAAoD;AAA3C,kHAAA,cAAc,OAAA;AACvB,+DAA2D;AAAlD,yHAAA,iBAAiB,OAAA;AAC1B,yDAAsD;AAA7C,oHAAA,eAAe,OAAA;AACxB,yDAAsD;AAA7C,oHAAA,eAAe,OAAA;AACxB,+CAA6C;AAApC,2GAAA,WAAW,OAAA;AACpB,uCAAqC;AAA5B,mGAAA,OAAO,OAAA;AAChB,yCAAuC;AAA9B,qGAAA,QAAQ,OAAA"}

package/dist/cjs/icons/plus_icon.js

@@ -0,0 +1,22 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlusIcon = void 0;
+var react_1 = __importDefault(require("react"));
+var PlusIcon = function (props) { return (react_1.default.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: "24px", height: "24px" }),
+    react_1.default.createElement("path", { d: "M6 12.5h12M12 18.5v-12", stroke: "currentColor", strokeWidth: "1.5" }))); };
+exports.PlusIcon = PlusIcon;
+//# sourceMappingURL=plus_icon.js.map

package/dist/cjs/icons/plus_icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plus_icon.js","sourceRoot":"","sources":["../../../src/icons/plus_icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAInB,IAAM,QAAQ,GAAwB,UAAC,KAAK,IAAK,OAAA,CACtD,kDACM,KAAK,IACT,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;IAEb,wCAAM,CAAC,EAAC,wBAAwB,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,GAAG,CACvE,CACP,EAXuD,CAWvD,CAAC;AAXW,QAAA,QAAQ,YAWnB"}

package/dist/cjs/icons/warning_icon.js

@@ -0,0 +1,24 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WarningIcon = void 0;
+var react_1 = __importDefault(require("react"));
+var WarningIcon = function (props) { return (react_1.default.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: "24px", height: "24px" }),
+    react_1.default.createElement("path", { d: "M9.57 4.385c1.066-1.847 3.73-1.847 4.796 0l7.195 12.461C22.627 18.692 21.294 21 19.163 21H4.773c-2.131 0-3.464-2.308-2.398-4.154L9.57 4.385z", fill: "currentColor" }),
+    react_1.default.createElement("circle", { cx: "11.968", cy: "16.846", fill: "#fff", r: "1.385" }),
+    react_1.default.createElement("path", { d: "M10.227 11.11l1.741 4.351 1.74-4.351a1.875 1.875 0 10-3.48 0z", fill: "#fff" }))); };
+exports.WarningIcon = WarningIcon;
+//# sourceMappingURL=warning_icon.js.map

package/dist/cjs/icons/warning_icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"warning_icon.js","sourceRoot":"","sources":["../../../src/icons/warning_icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAInB,IAAM,WAAW,GAAwB,UAAC,KAAK,IAAK,OAAA,CACzD,kDACM,KAAK,IACT,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;IAEb,wCAAM,CAAC,EAAC,8IAA8I,EAAC,IAAI,EAAC,cAAc,GAAG;IAC7K,0CAAQ,EAAE,EAAC,QAAQ,EAAC,EAAE,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,OAAO,GAAG;IACxD,wCAAM,CAAC,EAAC,+DAA+D,EAAC,IAAI,EAAC,MAAM,GAAG,CAClF,CACP,EAb0D,CAa1D,CAAC;AAbW,QAAA,WAAW,eAatB"}

package/dist/cjs/index.js

@@ -1,7 +1,11 @@
 "use strict";
 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];
@@ -10,9 +14,38 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./avatar"), exports);
-__exportStar(require("./box"), exports);
-__exportStar(require("./button"), exports);
-__exportStar(require("./typography"), exports);
+__exportStar(require("./Alert"), exports);
+__exportStar(require("./Avatar"), exports);
+__exportStar(require("./Box"), exports);
+__exportStar(require("./Button"), exports);
+__exportStar(require("./Checkbox"), exports);
+__exportStar(require("./Chip"), exports);
+__exportStar(require("./CircularProgress"), exports);
+__exportStar(require("./Collapse"), exports);
+__exportStar(require("./Dialog"), exports);
+__exportStar(require("./Drawer"), exports);
+__exportStar(require("./Fab"), exports);
+__exportStar(require("./Fade"), exports);
+__exportStar(require("./IconButton"), exports);
+__exportStar(require("./icons"), exports);
+__exportStar(require("./Image"), exports);
+__exportStar(require("./LinearProgress"), exports);
+__exportStar(require("./Menu"), exports);
+__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);
+__exportStar(require("./Switch"), exports);
+__exportStar(require("./Tabs"), exports);
+__exportStar(require("./TextareaField"), exports);
+__exportStar(require("./TextField"), exports);
+__exportStar(require("./Toast"), exports);
+__exportStar(require("./Tooltip"), exports);
+__exportStar(require("./Typography"), exports);
 __exportStar(require("./styles"), exports);
+__exportStar(require("./hooks"), 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,2CAAyB;AACzB,wCAAsB;AACtB,2CAAyB;AACzB,+CAA6B;AAC7B,2CAAyB"}
+{"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/cjs/styles/colors/additional.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.additional = void 0;
+exports.additional = {
+    'extra-1': '#826FF6',
+    'extra-2': '#DC6CDF',
+};
+//# sourceMappingURL=additional.js.map

package/dist/cjs/styles/colors/additional.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"additional.js","sourceRoot":"","sources":["../../../../src/styles/colors/additional.ts"],"names":[],"mappings":";;;AAAa,QAAA,UAAU,GAAG;IACxB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;CACrB,CAAC"}

package/dist/cjs/styles/colors/attention.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.attention = exports.generateAttentionColors = void 0;
+var color_1 = require("@peculiar/color");
+var generateAttentionColors = function (hex) {
+    if (hex === void 0) { hex = '#F7A831'; }
+    var palette = new color_1.Color(hex).palette();
+    return {
+        'attention-tint-5': palette.tint5.toHexString(),
+        'attention-tint-4': palette.tint4.toHexString(),
+        'attention-tint-3': palette.tint3.toHexString(),
+        'attention-tint-2': palette.tint2.toHexString(),
+        'attention-tint-1': palette.tint1.toHexString(),
+        attention: palette.base.toHexString(),
+        'attention-shade-1': palette.shade1.toHexString(),
+        'attention-shade-2': palette.shade2.toHexString(),
+        'attention-shade-3': palette.shade3.toHexString(),
+        'attention-shade-4': palette.shade4.toHexString(),
+        'attention-shade-5': palette.shade5.toHexString(),
+    };
+};
+exports.generateAttentionColors = generateAttentionColors;
+exports.attention = (0, exports.generateAttentionColors)();
+//# sourceMappingURL=attention.js.map

package/dist/cjs/styles/colors/attention.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attention.js","sourceRoot":"","sources":["../../../../src/styles/colors/attention.ts"],"names":[],"mappings":";;;AAAA,yCAAwC;AAEjC,IAAM,uBAAuB,GAAG,UAAC,GAAuB;IAAvB,oBAAA,EAAA,eAAuB;IAC7D,IAAM,OAAO,GAAG,IAAI,aAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;IAEzC,OAAO;QACL,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE;QACrC,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;KAClD,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,uBAAuB,2BAgBlC;AAEW,QAAA,SAAS,GAAG,IAAA,+BAAuB,GAAE,CAAC"}

package/dist/cjs/styles/colors/grayscale.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.grayscale = void 0;
+exports.grayscale = {
+    white: '#FFFFFF',
+    'gray-1': '#FBFCFD',
+    'gray-2': '#F4F7FC',
+    'gray-3': '#EFF1F6',
+    'gray-4': '#EAEDF2',
+    'gray-5': '#E3E5E8',
+    'gray-6': '#D8DBDE',
+    'gray-7': '#CDD1D5',
+    'gray-8': '#C4C8CC',
+    'gray-9': '#8F999E',
+    'gray-10': '#5C666A',
+    black: '#293033',
+};
+//# sourceMappingURL=grayscale.js.map

package/dist/cjs/styles/colors/grayscale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grayscale.js","sourceRoot":"","sources":["../../../../src/styles/colors/grayscale.ts"],"names":[],"mappings":";;;AAAa,QAAA,SAAS,GAAG;IACvB,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,SAAS,EAAE,SAAS;IACpB,KAAK,EAAE,SAAS;CACjB,CAAC"}

package/dist/cjs/styles/colors/index.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.additional = exports.generateSuccessColors = exports.success = exports.generateAttentionColors = exports.attention = exports.generateWrongColors = exports.wrong = exports.generateSecondaryColors = exports.secondary = exports.generatePrimaryColors = exports.primary = exports.grayscale = void 0;
+var grayscale_1 = require("./grayscale");
+Object.defineProperty(exports, "grayscale", { enumerable: true, get: function () { return grayscale_1.grayscale; } });
+var primary_1 = require("./primary");
+Object.defineProperty(exports, "primary", { enumerable: true, get: function () { return primary_1.primary; } });
+Object.defineProperty(exports, "generatePrimaryColors", { enumerable: true, get: function () { return primary_1.generatePrimaryColors; } });
+var secondary_1 = require("./secondary");
+Object.defineProperty(exports, "secondary", { enumerable: true, get: function () { return secondary_1.secondary; } });
+Object.defineProperty(exports, "generateSecondaryColors", { enumerable: true, get: function () { return secondary_1.generateSecondaryColors; } });
+var wrong_1 = require("./wrong");
+Object.defineProperty(exports, "wrong", { enumerable: true, get: function () { return wrong_1.wrong; } });
+Object.defineProperty(exports, "generateWrongColors", { enumerable: true, get: function () { return wrong_1.generateWrongColors; } });
+var attention_1 = require("./attention");
+Object.defineProperty(exports, "attention", { enumerable: true, get: function () { return attention_1.attention; } });
+Object.defineProperty(exports, "generateAttentionColors", { enumerable: true, get: function () { return attention_1.generateAttentionColors; } });
+var success_1 = require("./success");
+Object.defineProperty(exports, "success", { enumerable: true, get: function () { return success_1.success; } });
+Object.defineProperty(exports, "generateSuccessColors", { enumerable: true, get: function () { return success_1.generateSuccessColors; } });
+var additional_1 = require("./additional");
+Object.defineProperty(exports, "additional", { enumerable: true, get: function () { return additional_1.additional; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/styles/colors/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/styles/colors/index.ts"],"names":[],"mappings":";;;AAAA,yCAAwC;AAA/B,sGAAA,SAAS,OAAA;AAClB,qCAA2D;AAAlD,kGAAA,OAAO,OAAA;AAAE,gHAAA,qBAAqB,OAAA;AACvC,yCAAiE;AAAxD,sGAAA,SAAS,OAAA;AAAE,oHAAA,uBAAuB,OAAA;AAC3C,iCAAqD;AAA5C,8FAAA,KAAK,OAAA;AAAE,4GAAA,mBAAmB,OAAA;AACnC,yCAAiE;AAAxD,sGAAA,SAAS,OAAA;AAAE,oHAAA,uBAAuB,OAAA;AAC3C,qCAA2D;AAAlD,kGAAA,OAAO,OAAA;AAAE,gHAAA,qBAAqB,OAAA;AACvC,2CAA0C;AAAjC,wGAAA,UAAU,OAAA"}

package/dist/cjs/styles/colors/primary.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.primary = exports.generatePrimaryColors = void 0;
+var color_1 = require("@peculiar/color");
+var generatePrimaryColors = function (hex) {
+    if (hex === void 0) { hex = '#5EBC54'; }
+    var palette = new color_1.Color(hex).palette();
+    return {
+        'primary-tint-5': palette.tint5.toHexString(),
+        'primary-tint-4': palette.tint4.toHexString(),
+        'primary-tint-3': palette.tint3.toHexString(),
+        'primary-tint-2': palette.tint2.toHexString(),
+        'primary-tint-1': palette.tint1.toHexString(),
+        primary: palette.base.toHexString(),
+        'primary-shade-1': palette.shade1.toHexString(),
+        'primary-shade-2': palette.shade2.toHexString(),
+        'primary-shade-3': palette.shade3.toHexString(),
+        'primary-shade-4': palette.shade4.toHexString(),
+        'primary-shade-5': palette.shade5.toHexString(),
+    };
+};
+exports.generatePrimaryColors = generatePrimaryColors;
+exports.primary = (0, exports.generatePrimaryColors)();
+//# sourceMappingURL=primary.js.map

package/dist/cjs/styles/colors/primary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"primary.js","sourceRoot":"","sources":["../../../../src/styles/colors/primary.ts"],"names":[],"mappings":";;;AAAA,yCAAwC;AAEjC,IAAM,qBAAqB,GAAG,UAAC,GAAuB;IAAvB,oBAAA,EAAA,eAAuB;IAC3D,IAAM,OAAO,GAAG,IAAI,aAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;IAEzC,OAAO;QACL,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE;QACnC,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC/C,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC/C,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC/C,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC/C,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;KAChD,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,qBAAqB,yBAgBhC;AAEW,QAAA,OAAO,GAAG,IAAA,6BAAqB,GAAE,CAAC"}

package/dist/cjs/styles/colors/secondary.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.secondary = exports.generateSecondaryColors = void 0;
+var color_1 = require("@peculiar/color");
+var generateSecondaryColors = function (hex) {
+    if (hex === void 0) { hex = '#377FF4'; }
+    var palette = new color_1.Color(hex).palette();
+    return {
+        'secondary-tint-5': palette.tint5.toHexString(),
+        'secondary-tint-4': palette.tint4.toHexString(),
+        'secondary-tint-3': palette.tint3.toHexString(),
+        'secondary-tint-2': palette.tint2.toHexString(),
+        'secondary-tint-1': palette.tint1.toHexString(),
+        secondary: palette.base.toHexString(),
+        'secondary-shade-1': palette.shade1.toHexString(),
+        'secondary-shade-2': palette.shade2.toHexString(),
+        'secondary-shade-3': palette.shade3.toHexString(),
+        'secondary-shade-4': palette.shade4.toHexString(),
+        'secondary-shade-5': palette.shade5.toHexString(),
+    };
+};
+exports.generateSecondaryColors = generateSecondaryColors;
+exports.secondary = (0, exports.generateSecondaryColors)();
+//# sourceMappingURL=secondary.js.map

package/dist/cjs/styles/colors/secondary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"secondary.js","sourceRoot":"","sources":["../../../../src/styles/colors/secondary.ts"],"names":[],"mappings":";;;AAAA,yCAAwC;AAEjC,IAAM,uBAAuB,GAAG,UAAC,GAAuB;IAAvB,oBAAA,EAAA,eAAuB;IAC7D,IAAM,OAAO,GAAG,IAAI,aAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;IAEzC,OAAO;QACL,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE;QACrC,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;KAClD,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,uBAAuB,2BAgBlC;AAEW,QAAA,SAAS,GAAG,IAAA,+BAAuB,GAAE,CAAC"}

package/dist/cjs/styles/colors/success.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.success = exports.generateSuccessColors = void 0;
+var color_1 = require("@peculiar/color");
+var generateSuccessColors = function (hex) {
+    if (hex === void 0) { hex = '#33CC99'; }
+    var palette = new color_1.Color(hex).palette();
+    return {
+        'success-tint-5': palette.tint5.toHexString(),
+        'success-tint-4': palette.tint4.toHexString(),
+        'success-tint-3': palette.tint3.toHexString(),
+        'success-tint-2': palette.tint2.toHexString(),
+        'success-tint-1': palette.tint1.toHexString(),
+        success: palette.base.toHexString(),
+        'success-shade-1': palette.shade1.toHexString(),
+        'success-shade-2': palette.shade2.toHexString(),
+        'success-shade-3': palette.shade3.toHexString(),
+        'success-shade-4': palette.shade4.toHexString(),
+        'success-shade-5': palette.shade5.toHexString(),
+    };
+};
+exports.generateSuccessColors = generateSuccessColors;
+exports.success = (0, exports.generateSuccessColors)();
+//# sourceMappingURL=success.js.map

package/dist/cjs/styles/colors/success.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"success.js","sourceRoot":"","sources":["../../../../src/styles/colors/success.ts"],"names":[],"mappings":";;;AAAA,yCAAwC;AAEjC,IAAM,qBAAqB,GAAG,UAAC,GAAuB;IAAvB,oBAAA,EAAA,eAAuB;IAC3D,IAAM,OAAO,GAAG,IAAI,aAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;IAEzC,OAAO;QACL,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE;QACnC,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC/C,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC/C,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC/C,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC/C,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;KAChD,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,qBAAqB,yBAgBhC;AAEW,QAAA,OAAO,GAAG,IAAA,6BAAqB,GAAE,CAAC"}

package/dist/cjs/styles/colors/wrong.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.wrong = exports.generateWrongColors = void 0;
+var color_1 = require("@peculiar/color");
+var generateWrongColors = function (hex) {
+    if (hex === void 0) { hex = '#DE4641'; }
+    var palette = new color_1.Color(hex).palette();
+    return {
+        'wrong-tint-5': palette.tint5.toHexString(),
+        'wrong-tint-4': palette.tint4.toHexString(),
+        'wrong-tint-3': palette.tint3.toHexString(),
+        'wrong-tint-2': palette.tint2.toHexString(),
+        'wrong-tint-1': palette.tint1.toHexString(),
+        wrong: palette.base.toHexString(),
+        'wrong-shade-1': palette.shade1.toHexString(),
+        'wrong-shade-2': palette.shade2.toHexString(),
+        'wrong-shade-3': palette.shade3.toHexString(),
+        'wrong-shade-4': palette.shade4.toHexString(),
+        'wrong-shade-5': palette.shade5.toHexString(),
+    };
+};
+exports.generateWrongColors = generateWrongColors;
+exports.wrong = (0, exports.generateWrongColors)();
+//# sourceMappingURL=wrong.js.map

package/dist/cjs/styles/colors/wrong.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrong.js","sourceRoot":"","sources":["../../../../src/styles/colors/wrong.ts"],"names":[],"mappings":";;;AAAA,yCAAwC;AAEjC,IAAM,mBAAmB,GAAG,UAAC,GAAuB;IAAvB,oBAAA,EAAA,eAAuB;IACzD,IAAM,OAAO,GAAG,IAAI,aAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;IAEzC,OAAO;QACL,cAAc,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC3C,cAAc,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC3C,cAAc,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC3C,cAAc,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC3C,cAAc,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC3C,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE;QACjC,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC7C,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC7C,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC7C,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC7C,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;KAC9C,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,mBAAmB,uBAgB9B;AAEW,QAAA,KAAK,GAAG,IAAA,2BAAmB,GAAE,CAAC"}

package/dist/cjs/styles/css.js

@@ -6,7 +6,8 @@ var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.cache = exports.sheet = exports.css = exports.keyframes = exports.injectGlobal = exports.getRegisteredStyles = exports.merge = exports.cx = exports.hydrate = exports.flush = void 0;
 var create_instance_1 = __importDefault(require("@emotion/css/create-instance"));
-exports.flush = (_a = create_instance_1.default({
+exports.flush = (_a = (0, create_instance_1.default)({
     key: 'pv',
+    prepend: true,
 }), _a.flush), exports.hydrate = _a.hydrate, exports.cx = _a.cx, exports.merge = _a.merge, exports.getRegisteredStyles = _a.getRegisteredStyles, exports.injectGlobal = _a.injectGlobal, exports.keyframes = _a.keyframes, exports.css = _a.css, exports.sheet = _a.sheet, exports.cache = _a.cache;
 //# sourceMappingURL=css.js.map

package/dist/cjs/styles/css.js.map

@@ -1 +1 @@
-{"version":3,"file":"css.js","sourceRoot":"","sources":["../../../src/styles/css.ts"],"names":[],"mappings":";;;;;;;AAAA,iFAAyD;AAGvD,QAAA,KAAK,IADM,KAWT,yBAAa,CAAC;IAChB,GAAG,EAAE,IAAI;CACV,CAAC,aAXA,QAAA,OAAO,eACP,QAAA,EAAE,UACF,QAAA,KAAK,aACL,QAAA,mBAAmB,2BACnB,QAAA,YAAY,oBACZ,QAAA,SAAS,iBACT,QAAA,GAAG,WACH,QAAA,KAAK,aACL,QAAA,KAAK,YAGJ"}
+{"version":3,"file":"css.js","sourceRoot":"","sources":["../../../src/styles/css.ts"],"names":[],"mappings":";;;;;;;AAAA,iFAAyD;AAGvD,QAAA,KAAK,IADM,KAWT,IAAA,yBAAa,EAAC;IAChB,GAAG,EAAE,IAAI;IACT,OAAO,EAAE,IAAI;CACd,CAAC,aAZA,QAAA,OAAO,eACP,QAAA,EAAE,UACF,QAAA,KAAK,aACL,QAAA,mBAAmB,2BACnB,QAAA,YAAY,oBACZ,QAAA,SAAS,iBACT,QAAA,GAAG,WACH,QAAA,KAAK,aACL,QAAA,KAAK,YAIJ"}