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

package/dist/esm/hooks/use_clipboard.js

@@ -0,0 +1,50 @@
+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 { useState, useCallback, useEffect } from 'react';
+import copy from 'copy-to-clipboard';
+/**
+ * React hook to copy content to clipboard
+ *
+ * @param text the text or value to copy
+ * @param {Number} [optionsOrTimeout=1500] optionsOrTimeout -
+ * delay (in ms) to switch back to initial state once copied.
+ * @param {Object} optionsOrTimeout
+ * @param {string} optionsOrTimeout.format - set the desired MIME type
+ * @param {number} optionsOrTimeout.timeout -
+ * delay (in ms) to switch back to initial state once copied.
+ */
+export function useClipboard(text, optionsOrTimeout) {
+    if (optionsOrTimeout === void 0) { optionsOrTimeout = {}; }
+    var _a = useState(false), hasCopied = _a[0], setHasCopied = _a[1];
+    var _b = typeof optionsOrTimeout === 'number'
+        ? { timeout: optionsOrTimeout }
+        : optionsOrTimeout, _c = _b.timeout, timeout = _c === void 0 ? 1500 : _c, copyOptions = __rest(_b, ["timeout"]);
+    var onCopy = useCallback(function () {
+        var didCopy = copy(text, copyOptions);
+        setHasCopied(didCopy);
+    }, [text, copyOptions]);
+    useEffect(function () {
+        var timeoutId = null;
+        if (hasCopied) {
+            timeoutId = window.setTimeout(function () {
+                setHasCopied(false);
+            }, timeout);
+        }
+        return function () {
+            if (timeoutId) {
+                window.clearTimeout(timeoutId);
+            }
+        };
+    }, [timeout, hasCopied]);
+    return { value: text, onCopy: onCopy, hasCopied: hasCopied };
+}
+//# sourceMappingURL=use_clipboard.js.map

package/dist/esm/hooks/use_clipboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_clipboard.js","sourceRoot":"","sources":["../../../src/hooks/use_clipboard.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,IAAI,MAAM,mBAAmB,CAAC;AAarC;;;;;;;;;;GAUG;AACH,MAAM,UAAU,YAAY,CAC1B,IAAY,EACZ,gBAAmD;IAAnD,iCAAA,EAAA,qBAAmD;IAE7C,IAAA,KAA4B,QAAQ,CAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAC;IAElD,IAAM,KAAqC,OAAO,gBAAgB,KAAK,QAAQ;QAC7E,CAAC,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE;QAC/B,CAAC,CAAC,gBAAgB,EAFZ,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EAAK,WAAW,cAAhC,WAAkC,CAEpB,CAAC;IAErB,IAAM,MAAM,GAAG,WAAW,CAAC;QACzB,IAAM,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;QACxC,YAAY,CAAC,OAAO,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;IAExB,SAAS,CAAC;QACR,IAAI,SAAS,GAAkB,IAAI,CAAC;QAEpC,IAAI,SAAS,EAAE;YACb,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC;gBAC5B,YAAY,CAAC,KAAK,CAAC,CAAC;YACtB,CAAC,EAAE,OAAO,CAAC,CAAC;SACb;QAED,OAAO;YACL,IAAI,SAAS,EAAE;gBACb,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;aAChC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;IAEzB,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,QAAA,EAAE,SAAS,WAAA,EAAE,CAAC;AAC5C,CAAC"}

package/dist/esm/hooks/use_controllable.js

@@ -0,0 +1,32 @@
+import { useState, useCallback } from 'react';
+var runIfFn = function (value) {
+    var args = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        args[_i - 1] = arguments[_i];
+    }
+    return (typeof value === 'function' ? value.apply(void 0, args) : value);
+};
+/**
+ * React hook for using controlling component state.
+ * @param props
+ */
+export function useControllableState(props) {
+    var valueProp = props.value, defaultValue = props.defaultValue, onChange = props.onChange, shouldUpdate = props.shouldUpdate;
+    var _a = useState(defaultValue), valueState = _a[0], setValue = _a[1];
+    var isControlled = valueProp !== undefined;
+    var value = isControlled ? valueProp : valueState;
+    var updateValue = useCallback(function (next) {
+        var nextValue = runIfFn(next, value);
+        if (shouldUpdate && !shouldUpdate(value, nextValue)) {
+            return;
+        }
+        if (!isControlled) {
+            setValue(nextValue);
+        }
+        if (onChange) {
+            onChange(nextValue);
+        }
+    }, [isControlled, onChange, value, shouldUpdate]);
+    return [value, updateValue];
+}
+//# sourceMappingURL=use_controllable.js.map

package/dist/esm/hooks/use_controllable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_controllable.js","sourceRoot":"","sources":["../../../src/hooks/use_controllable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE9C,IAAM,OAAO,GAAG,UAAC,KAAU;IAAE,cAAc;SAAd,UAAc,EAAd,qBAAc,EAAd,IAAc;QAAd,6BAAc;;IAAK,OAAA,CAAC,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,eAAI,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC;AAAtD,CAAsD,CAAC;AAqBvG;;;GAGG;AACH,MAAM,UAAU,oBAAoB,CAAI,KAAmC;IAEvE,IAAO,SAAS,GAId,KAAK,MAJS,EAChB,YAAY,GAGV,KAAK,aAHK,EACZ,QAAQ,GAEN,KAAK,SAFC,EACR,YAAY,GACV,KAAK,aADK,CACJ;IAEJ,IAAA,KAAyB,QAAQ,CAAC,YAAiB,CAAC,EAAnD,UAAU,QAAA,EAAE,QAAQ,QAA+B,CAAC;IAE3D,IAAM,YAAY,GAAG,SAAS,KAAK,SAAS,CAAC;IAC7C,IAAM,KAAK,GAAG,YAAY,CAAC,CAAC,CAAE,SAAe,CAAC,CAAC,CAAC,UAAU,CAAC;IAE3D,IAAM,WAAW,GAAG,WAAW,CAC7B,UAAC,IAA6B;QAC5B,IAAM,SAAS,GAAG,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAEvC,IAAI,YAAY,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE;YACnD,OAAO;SACR;QAED,IAAI,CAAC,YAAY,EAAE;YACjB,QAAQ,CAAC,SAAS,CAAC,CAAC;SACrB;QAED,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,SAAS,CAAC,CAAC;SACrB;IACH,CAAC,EACD,CAAC,YAAY,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,CAAC,CAC9C,CAAC;IAEF,OAAO,CAAC,KAAK,EAAE,WAAW,CAAiD,CAAC;AAC9E,CAAC"}

package/dist/esm/hooks/use_event_callback.js

@@ -0,0 +1,21 @@
+import * as React from 'react';
+/**
+ * https://github.com/facebook/react/issues/14099#issuecomment-440013892
+ */
+export function useEventCallback(fn) {
+    var ref = React.useRef(fn);
+    React.useLayoutEffect(function () {
+        ref.current = fn;
+    });
+    return React.useCallback(function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        // @ts-expect-error hide `this`
+        // tslint:disable-next-line:ban-comma-operator
+        // eslint-disable-next-line implicit-arrow-linebreak
+        return (0, ref.current).apply(void 0, args);
+    }, []);
+}
+//# sourceMappingURL=use_event_callback.js.map

package/dist/esm/hooks/use_event_callback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_event_callback.js","sourceRoot":"","sources":["../../../src/hooks/use_event_callback.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAC9B,EAA6B;IAE7B,IAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAE7B,KAAK,CAAC,eAAe,CAAC;QACpB,GAAG,CAAC,OAAO,GAAG,EAAE,CAAC;IACnB,CAAC,CAAC,CAAC;IAEH,OAAO,KAAK,CAAC,WAAW,CACtB;QAAC,cAAa;aAAb,UAAa,EAAb,qBAAa,EAAb,IAAa;YAAb,yBAAa;;QACZ,+BAA+B;QAC/B,8CAA8C;QAC9C,oDAAoD;QACpD,OAAA,CAAC,CAAC,EAAE,GAAG,CAAC,OAAQ,CAAC,eAAI,IAAI;IAAzB,CAA0B,EAC5B,EAAE,CACH,CAAC;AACJ,CAAC"}

package/dist/esm/hooks/use_id.js

@@ -0,0 +1,11 @@
+import { useState } from 'react';
+import { nanoid } from 'nanoid';
+/**
+ * React hook for generate unique id.
+ * @param defaultValue The default id value.
+ */
+export function useId(defaultValue) {
+    var id = useState(function () { return nanoid(); })[0];
+    return defaultValue || id;
+}
+//# sourceMappingURL=use_id.js.map

package/dist/esm/hooks/use_id.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_id.js","sourceRoot":"","sources":["../../../src/hooks/use_id.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAEhC;;;GAGG;AACH,MAAM,UAAU,KAAK,CAAC,YAAqB;IAClC,IAAA,EAAE,GAAI,QAAQ,CAAC,cAAM,OAAA,MAAM,EAAE,EAAR,CAAQ,CAAC,GAA5B,CAA6B;IAEtC,OAAO,YAAY,IAAI,EAAE,CAAC;AAC5B,CAAC"}

package/dist/esm/hooks/use_image.js

@@ -0,0 +1,34 @@
+import { useState, useRef, } from 'react';
+import { useEnhancedEffect } from '../utils';
+export function useImage(src, options) {
+    if (options === void 0) { options = {}; }
+    var onLoad = options.onLoad, onError = options.onError;
+    var _a = useState('pending'), status = _a[0], setStatus = _a[1];
+    var imageRef = useRef();
+    useEnhancedEffect(function () {
+        if (!src) {
+            return undefined;
+        }
+        setStatus('loading');
+        imageRef.current = new Image();
+        imageRef.current.src = src;
+        imageRef.current.onload = function (event) {
+            setStatus('loaded');
+            if (onLoad) {
+                onLoad(event);
+            }
+        };
+        imageRef.current.onerror = function (error) {
+            imageRef.current = undefined;
+            setStatus('failed');
+            if (onError) {
+                onError(error);
+            }
+        };
+        return function () {
+            imageRef.current = undefined;
+        };
+    }, [src]);
+    return { status: status, image: imageRef.current };
+}
+//# sourceMappingURL=use_image.js.map

package/dist/esm/hooks/use_image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_image.js","sourceRoot":"","sources":["../../../src/hooks/use_image.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,MAAM,GACP,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAqC7C,MAAM,UAAU,QAAQ,CAAC,GAAW,EAAE,OAAiC;IAAjC,wBAAA,EAAA,YAAiC;IAEnE,IAAA,MAAM,GAEJ,OAAO,OAFH,EACN,OAAO,GACL,OAAO,QADF,CACG;IAEN,IAAA,KAAsB,QAAQ,CAAS,SAAS,CAAC,EAAhD,MAAM,QAAA,EAAE,SAAS,QAA+B,CAAC;IACxD,IAAM,QAAQ,GAAG,MAAM,EAA+B,CAAC;IAEvD,iBAAiB,CAAC;QAChB,IAAI,CAAC,GAAG,EAAE;YACR,OAAO,SAAS,CAAC;SAClB;QAED,SAAS,CAAC,SAAS,CAAC,CAAC;QAErB,QAAQ,CAAC,OAAO,GAAG,IAAI,KAAK,EAAE,CAAC;QAC/B,QAAQ,CAAC,OAAO,CAAC,GAAG,GAAG,GAAG,CAAC;QAE3B,QAAQ,CAAC,OAAO,CAAC,MAAM,GAAG,UAAC,KAAK;YAC9B,SAAS,CAAC,QAAQ,CAAC,CAAC;YAEpB,IAAI,MAAM,EAAE;gBACV,MAAM,CAAC,KAAY,CAAC,CAAC;aACtB;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,OAAO,CAAC,OAAO,GAAG,UAAC,KAAK;YAC/B,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;YAE7B,SAAS,CAAC,QAAQ,CAAC,CAAC;YAEpB,IAAI,OAAO,EAAE;gBACX,OAAO,CAAC,KAAY,CAAC,CAAC;aACvB;QACH,CAAC,CAAC;QAEF,OAAO;YACL,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;QAC/B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,EAAE,MAAM,QAAA,EAAE,KAAK,EAAE,QAAQ,CAAC,OAAO,EAAE,CAAC;AAC7C,CAAC"}

package/dist/esm/hooks/use_media_query.js

@@ -0,0 +1,26 @@
+import { useState } from 'react';
+import { useEnhancedEffect } from '../utils';
+/**
+ * A hook that returns `true` if the media query matched and `false` if not. This
+ * hook will always return `false` when rendering on the server.
+ *
+ * @param query The media query you want to match against e.g. `"only screen and (min-width: 12em)"`
+ */
+export function useMediaQuery(query) {
+    var _a = useState(false), matches = _a[0], setMatches = _a[1];
+    useEnhancedEffect(function () {
+        var media = window.matchMedia(query);
+        if (media.matches !== matches) {
+            setMatches(media.matches);
+        }
+        var listener = function () {
+            setMatches(media.matches);
+        };
+        media.addListener(listener);
+        return function () {
+            media.removeListener(listener);
+        };
+    }, [matches, query]);
+    return matches;
+}
+//# sourceMappingURL=use_media_query.js.map

package/dist/esm/hooks/use_media_query.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_media_query.js","sourceRoot":"","sources":["../../../src/hooks/use_media_query.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C;;;;;GAKG;AACH,MAAM,UAAU,aAAa,CAAC,KAAa;IACnC,IAAA,KAAwB,QAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAC;IAE9C,iBAAiB,CAAC;QAChB,IAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QAEvC,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,EAAE;YAC7B,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;SAC3B;QAED,IAAM,QAAQ,GAAG;YACf,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAC5B,CAAC,CAAC;QAEF,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAE5B,OAAO;YACL,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;QACjC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAErB,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/dist/esm/hooks/use_merged_ref.js

@@ -0,0 +1,20 @@
+/**
+ * A React hook for merging multiple refs into one ref.
+ * @param refs React callback refs or refs created with `useRef()`, `createRef()`.
+ */
+export var useMergedRef = function () {
+    var refs = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        refs[_i] = arguments[_i];
+    }
+    return function (element) { return refs.forEach(function (ref) {
+        if (typeof ref === 'function') {
+            ref(element);
+        }
+        else if (ref && typeof ref === 'object') {
+            // eslint-disable-next-line no-param-reassign
+            ref.current = element;
+        }
+    }); };
+};
+//# sourceMappingURL=use_merged_ref.js.map

package/dist/esm/hooks/use_merged_ref.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_merged_ref.js","sourceRoot":"","sources":["../../../src/hooks/use_merged_ref.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,IAAM,YAAY,GAAG;IAC1B,cAAuB;SAAvB,UAAuB,EAAvB,qBAAuB,EAAvB,IAAuB;QAAvB,yBAAuB;;IACE,OAAA,UAAC,OAAU,IAAK,OAAA,IAAI,CAAC,OAAO,CAAC,UAAC,GAAG;QACxD,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;YAC7B,GAAG,CAAC,OAAO,CAAC,CAAC;SACd;aAAM,IAAI,GAAG,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;YACzC,6CAA6C;YAC5C,GAAiC,CAAC,OAAO,GAAG,OAAO,CAAC;SACtD;IACH,CAAC,CAAC,EAPuC,CAOvC;AAPuB,CAOvB,CAAC"}

package/dist/esm/hooks/use_window_event_listener.js

@@ -0,0 +1,15 @@
+import React from 'react';
+export var useWindowEventListener = function (event, listener, deps, removeOnUnmount) {
+    if (removeOnUnmount === void 0) { removeOnUnmount = true; }
+    // eslint-disable-next-line consistent-return
+    React.useEffect(function () {
+        window.addEventListener(event, listener);
+        if (removeOnUnmount) {
+            return function () {
+                window.removeEventListener(event, listener);
+            };
+        }
+        return undefined;
+    }, deps);
+};
+//# sourceMappingURL=use_window_event_listener.js.map

package/dist/esm/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,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,IAAM,sBAAsB,GAAG,UACpC,KAAQ,EACR,QAAsD,EACtD,IAA2B,EAC3B,eAA+B;IAA/B,gCAAA,EAAA,sBAA+B;IAE/B,6CAA6C;IAC7C,KAAK,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"}

package/dist/esm/icons/arrow_drop_down_icon.js

@@ -0,0 +1,15 @@
+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);
+};
+import React from 'react';
+export var ArrowDropDownIcon = function (props) { return (React.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: "24px", height: "24px" }),
+    React.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" }))); };
+//# sourceMappingURL=arrow_drop_down_icon.js.map

package/dist/esm/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,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,CAAC,IAAM,iBAAiB,GAAwB,UAAC,KAAK,IAAK,OAAA,CAC/D,wCACM,KAAK,IACT,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;IAEb,8BACE,CAAC,EAAC,2FAA2F,EAC7F,IAAI,EAAC,cAAc,GACnB,CACE,CACP,EAdgE,CAchE,CAAC"}

package/dist/esm/icons/check_circle_icon.js

@@ -0,0 +1,16 @@
+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);
+};
+import React from 'react';
+export var CheckCircleIcon = function (props) { return (React.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: "24px", height: "24px" }),
+    React.createElement("rect", { x: "1.333", y: "1.333", width: "21.333", height: "21.333", rx: "10.667", fill: "currentColor" }),
+    React.createElement("path", { d: "M8 10.667L11.333 14l5-5", stroke: "#fff", strokeWidth: "1.5" }))); };
+//# sourceMappingURL=check_circle_icon.js.map

package/dist/esm/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,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,CAAC,IAAM,eAAe,GAAwB,UAAC,KAAK,IAAK,OAAA,CAC7D,wCACM,KAAK,IACT,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;IAEb,8BAAM,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,8BAAM,CAAC,EAAC,yBAAyB,EAAC,MAAM,EAAC,MAAM,EAAC,WAAW,EAAC,KAAK,GAAG,CAChE,CACP,EAZ8D,CAY9D,CAAC"}

package/dist/esm/icons/check_icon.js

@@ -0,0 +1,15 @@
+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);
+};
+import React from 'react';
+export var CheckIcon = function (props) { return (React.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: "24px", height: "24px" }),
+    React.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" }))); };
+//# sourceMappingURL=check_icon.js.map

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

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

package/dist/esm/icons/close_circle_icon.js

@@ -0,0 +1,16 @@
+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);
+};
+import React from 'react';
+export var CloseCircleIcon = function (props) { return (React.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: "24px", height: "24px" }),
+    React.createElement("rect", { x: "1", y: "1", width: "21.333", height: "21.333", rx: "10.667", fill: "currentColor" }),
+    React.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" }))); };
+//# sourceMappingURL=close_circle_icon.js.map

package/dist/esm/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,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,CAAC,IAAM,eAAe,GAAwB,UAAC,KAAK,IAAK,OAAA,CAC7D,wCACM,KAAK,IACT,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;IAEb,8BAAM,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,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,4SAA4S,EAAC,IAAI,EAAC,MAAM,GAAG,CACrW,CACP,EAZ8D,CAY9D,CAAC"}

package/dist/esm/icons/close_icon.js

@@ -0,0 +1,15 @@
+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);
+};
+import React from 'react';
+export var CloseIcon = function (props) { return (React.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: "24px", height: "24px" }),
+    React.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" }))); };
+//# sourceMappingURL=close_icon.js.map

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

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

package/dist/esm/icons/close_small_icon.js

@@ -0,0 +1,15 @@
+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);
+};
+import React from 'react';
+export var CloseSmallIcon = function (props) { return (React.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: "24px", height: "24px" }),
+    React.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" }))); };
+//# sourceMappingURL=close_small_icon.js.map

package/dist/esm/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,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,CAAC,IAAM,cAAc,GAAwB,UAAC,KAAK,IAAK,OAAA,CAC5D,wCACM,KAAK,IACT,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;IAEb,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+SAA+S,EACjT,IAAI,EAAC,cAAc,GACnB,CACE,CACP,EAhB6D,CAgB7D,CAAC"}

package/dist/esm/icons/dot_icon.js

@@ -0,0 +1,15 @@
+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);
+};
+import React from 'react';
+export var DotIcon = function (props) { return (React.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: "24px", height: "24px" }),
+    React.createElement("circle", { cx: "12", cy: "12", r: "6", fill: "currentColor" }))); };
+//# sourceMappingURL=dot_icon.js.map

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

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

package/dist/esm/icons/index.js

@@ -0,0 +1,10 @@
+export { CheckIcon } from './check_icon';
+export { CloseIcon } from './close_icon';
+export { CloseSmallIcon } from './close_small_icon';
+export { ArrowDropDownIcon } from './arrow_drop_down_icon';
+export { CheckCircleIcon } from './check_circle_icon';
+export { CloseCircleIcon } from './close_circle_icon';
+export { WarningIcon } from './warning_icon';
+export { DotIcon } from './dot_icon';
+export { PlusIcon } from './plus_icon';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC"}

package/dist/esm/icons/plus_icon.js

@@ -0,0 +1,15 @@
+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);
+};
+import React from 'react';
+export var PlusIcon = function (props) { return (React.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: "24px", height: "24px" }),
+    React.createElement("path", { d: "M6 12.5h12M12 18.5v-12", stroke: "currentColor", strokeWidth: "1.5" }))); };
+//# sourceMappingURL=plus_icon.js.map

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

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

package/dist/esm/icons/warning_icon.js

@@ -0,0 +1,17 @@
+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);
+};
+import React from 'react';
+export var WarningIcon = function (props) { return (React.createElement("svg", __assign({}, props, { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: "24px", height: "24px" }),
+    React.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.createElement("circle", { cx: "11.968", cy: "16.846", fill: "#fff", r: "1.385" }),
+    React.createElement("path", { d: "M10.227 11.11l1.741 4.351 1.74-4.351a1.875 1.875 0 10-3.48 0z", fill: "#fff" }))); };
+//# sourceMappingURL=warning_icon.js.map

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

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

package/dist/esm/index.js

@@ -1,6 +1,35 @@
-export * from './avatar';
-export * from './box';
-export * from './button';
-export * from './typography';
+export * from './Alert';
+export * from './Avatar';
+export * from './Box';
+export * from './Button';
+export * from './Checkbox';
+export * from './Chip';
+export * from './CircularProgress';
+export * from './Collapse';
+export * from './Dialog';
+export * from './Drawer';
+export * from './Fab';
+export * from './Fade';
+export * from './IconButton';
+export * from './icons';
+export * from './Image';
+export * from './LinearProgress';
+export * from './Menu';
+export * from './Popover';
+export * from './Portal';
+export * from './Radio';
+export * from './Select';
+export * from './Skeleton';
+export * from './Autocomplete';
+export * from './Slide';
+export * from './Slider';
+export * from './Switch';
+export * from './Tabs';
+export * from './TextareaField';
+export * from './TextField';
+export * from './Toast';
+export * from './Tooltip';
+export * from './Typography';
 export * from './styles';
+export * from './hooks';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,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/esm/styles/colors/additional.js

@@ -0,0 +1,5 @@
+export var additional = {
+    'extra-1': '#826FF6',
+    'extra-2': '#DC6CDF',
+};
+//# sourceMappingURL=additional.js.map

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

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

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

@@ -0,0 +1,20 @@
+import { Color } from '@peculiar/color';
+export var generateAttentionColors = function (hex) {
+    if (hex === void 0) { hex = '#F7A831'; }
+    var palette = new 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(),
+    };
+};
+export var attention = generateAttentionColors();
+//# sourceMappingURL=attention.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"attention.js","sourceRoot":"","sources":["../../../../src/styles/colors/attention.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAC,GAAuB;IAAvB,oBAAA,EAAA,eAAuB;IAC7D,IAAM,OAAO,GAAG,IAAI,KAAK,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;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,uBAAuB,EAAE,CAAC"}

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

@@ -0,0 +1,15 @@
+export var 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/esm/styles/colors/grayscale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grayscale.js","sourceRoot":"","sources":["../../../../src/styles/colors/grayscale.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,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/esm/styles/colors/index.js

@@ -0,0 +1,8 @@
+export { grayscale } from './grayscale';
+export { primary, generatePrimaryColors } from './primary';
+export { secondary, generateSecondaryColors } from './secondary';
+export { wrong, generateWrongColors } from './wrong';
+export { attention, generateAttentionColors } from './attention';
+export { success, generateSuccessColors } from './success';
+export { additional } from './additional';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/styles/colors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

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

@@ -0,0 +1,20 @@
+import { Color } from '@peculiar/color';
+export var generatePrimaryColors = function (hex) {
+    if (hex === void 0) { hex = '#5EBC54'; }
+    var palette = new 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(),
+    };
+};
+export var primary = generatePrimaryColors();
+//# sourceMappingURL=primary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"primary.js","sourceRoot":"","sources":["../../../../src/styles/colors/primary.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAC,GAAuB;IAAvB,oBAAA,EAAA,eAAuB;IAC3D,IAAM,OAAO,GAAG,IAAI,KAAK,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;AAEF,MAAM,CAAC,IAAM,OAAO,GAAG,qBAAqB,EAAE,CAAC"}