linear-react-components-ui 1.1.26-beta.19 → 1.1.26-beta.20

package/lib/alerts/BaseAlert.js

@@ -1,34 +1,22 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _reactDom = _interopRequireDefault(require("react-dom"));
-require("../assets/styles/alerts.scss");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const body = document.getElementsByTagName('body')[0];
-const alert = document.getElementById('alert');
-const BaseAlert = _ref => {
-  let {
-    children
-  } = _ref;
-  const [messageContainerEl] = (0, _react.useState)(document.createElement('div'));
-  messageContainerEl.className = 'messagecontainer';
-  (0, _react.useEffect)(() => {
-    if (alert === null) {
-      const alertComponentEl = document.createElement('div');
-      alertComponentEl.className = 'alert-component';
-      body.appendChild(alertComponentEl);
-      alertComponentEl.appendChild(messageContainerEl);
-    } else {
-      alert.appendChild(messageContainerEl);
-    }
+import { useState as o, useEffect as l } from "react";
+import r from "react-dom";
+import '../assets/styles/alerts.css';/* empty css                           */
+const m = document.getElementsByTagName("body")[0], n = document.getElementById("alert"), i = ({
+  children: a
+}) => {
+  const [e] = o(document.createElement("div"));
+  return e.className = "messagecontainer", l(() => {
+    if (n === null) {
+      const t = document.createElement("div");
+      t.className = "alert-component", m.appendChild(t), t.appendChild(e);
+    } else
+      n.appendChild(e);
     return () => {
-      alert?.removeChild(messageContainerEl);
+      n?.removeChild(e);
     };
-  }, []);
-  return /*#__PURE__*/_reactDom.default.createPortal(children, messageContainerEl);
+  }, []), r.createPortal(a, e);
 };
-var _default = exports.default = BaseAlert;
+export {
+  i as default
+};
+//# sourceMappingURL=BaseAlert.js.map

package/lib/alerts/BaseAlert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseAlert.js","sources":["../../src/lib/alerts/BaseAlert.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport ReactDOM from 'react-dom';\nimport '../assets/styles/alerts.scss';\n\nimport { IBaseAlertProps } from './types';\n\nconst body: HTMLBodyElement = document.getElementsByTagName('body')[0];\nconst alert: HTMLElement | null = document.getElementById('alert');\n\nconst BaseAlert = ({ children }: IBaseAlertProps) => {\n  const [messageContainerEl] = useState(document.createElement('div'));\n\n  messageContainerEl.className = 'messagecontainer';\n\n  useEffect(() => {\n    if (alert === null) {\n      const alertComponentEl = document.createElement('div');\n      alertComponentEl.className = 'alert-component';\n      body.appendChild(alertComponentEl);\n      alertComponentEl.appendChild(messageContainerEl);\n    } else {\n      alert.appendChild(messageContainerEl);\n    }\n\n    return () => {\n      alert?.removeChild(messageContainerEl);\n    };\n  }, []);\n\n  return ReactDOM.createPortal(children, messageContainerEl);\n};\n\nexport default BaseAlert;\n"],"names":["body","document","getElementsByTagName","alert","getElementById","BaseAlert","children","messageContainerEl","useState","createElement","className","useEffect","alertComponentEl","appendChild","removeChild","ReactDOM","createPortal"],"mappings":";;;AAMA,MAAMA,IAAwBC,SAASC,qBAAqB,MAAM,EAAE,CAAC,GAC/DC,IAA4BF,SAASG,eAAe,OAAO,GAE3DC,IAAYA,CAAC;AAAA,EAAEC,UAAAA;AAA0B,MAAM;AACnD,QAAM,CAACC,CAAkB,IAAIC,EAASP,SAASQ,cAAc,KAAK,CAAC;AAEnEF,SAAAA,EAAmBG,YAAY,oBAE/BC,EAAU,MAAM;AACd,QAAIR,MAAU,MAAM;AAClB,YAAMS,IAAmBX,SAASQ,cAAc,KAAK;AACrDG,MAAAA,EAAiBF,YAAY,mBAC7BV,EAAKa,YAAYD,CAAgB,GACjCA,EAAiBC,YAAYN,CAAkB;AAAA,IACjD;AACEJ,MAAAA,EAAMU,YAAYN,CAAkB;AAGtC,WAAO,MAAM;AACXJ,MAAAA,GAAOW,YAAYP,CAAkB;AAAA,IACvC;AAAA,EACF,GAAG,CAAA,CAAE,GAEEQ,EAASC,aAAaV,GAAUC,CAAkB;AAC3D;"}

package/lib/alerts/Message.d.ts

@@ -1,9 +1,3 @@
-import { IMessageProps } from './types.js';
-import 'react';
-import '../@types/PositionAlert.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-
-declare const Message: ({ handleClose, message, id, color, icon, iconName, timeout, customClass, closeButton, className, position, pauseTimeoutOnMouseHover, }: IMessageProps) => JSX.Element;
-
-export { Message as default };
+import { IMessageProps } from './types';
+declare const Message: ({ handleClose, message, id, color, icon, iconName, timeout, customClass, closeButton, className, position, pauseTimeoutOnMouseHover, }: IMessageProps) => import("react/jsx-runtime").JSX.Element;
+export default Message;

package/lib/alerts/Message.js

@@ -1,114 +1,95 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _icons = _interopRequireDefault(require("../icons"));
-var _progress = _interopRequireDefault(require("../progress"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const getClass = _ref => {
-  let {
-    customClass,
-    className
-  } = _ref;
-  return `${className} ${customClass}`;
+import { jsx as l, jsxs as V } from "react/jsx-runtime";
+import { c as Y } from "../_virtual/compiler-runtime.js";
+import { useState as W, useRef as X, useEffect as Z } from "react";
+import ee from "../icons/index.js";
+import te from "../progress/index.js";
+const ne = ({
+  customClass: t,
+  className: e
+}) => `${e} ${t}`, se = (t, e, x) => t !== null ? t : e !== null ? /* @__PURE__ */ l(ee, { name: e, color: x !== "" ? x : "#fff", size: 32 }) : null, pe = (t) => {
+  const e = Y.c(47), {
+    handleClose: x,
+    message: k,
+    id: K,
+    color: S,
+    icon: q,
+    iconName: A,
+    timeout: D,
+    customClass: F,
+    closeButton: G,
+    className: J,
+    position: P,
+    pauseTimeoutOnMouseHover: Q
+  } = t, o = x === void 0 ? oe : x, i = K === void 0 ? 0 : K, C = S === void 0 ? "" : S, M = q === void 0 ? null : q, y = A === void 0 ? null : A, n = D === void 0 ? 3e3 : D, r = F === void 0 ? "" : F, w = G === void 0 ? !1 : G, H = J === void 0 ? "message" : J, c = P === void 0 ? "centerTop" : P, u = Q === void 0 ? !1 : Q, [s, O] = W(n - 300), [a, U] = W(!1), N = X(null), b = X(null);
+  let E;
+  e[0] !== u ? (E = () => {
+    u && (U(!0), O(le));
+  }, e[0] = u, e[1] = E) : E = e[1];
+  const _ = E;
+  let R;
+  e[2] !== u ? (R = () => {
+    u && (U(!1), O(ie));
+  }, e[2] = u, e[3] = R) : R = e[3];
+  const z = R;
+  let T;
+  e[4] !== r ? (T = () => r.replace("-", ""), e[4] = r, e[5] = T) : T = e[5];
+  const B = T;
+  let L;
+  e[6] !== o || e[7] !== i || e[8] !== a || e[9] !== c || e[10] !== s ? (L = () => (!a && s > 0 ? (N.current = setTimeout(() => {
+    o(i, c);
+  }, s), b.current = setInterval(() => s > 0 ? O(re) : null, 100)) : (N.current && clearInterval(N.current), b.current && clearInterval(b.current)), () => {
+    N.current && clearInterval(N.current), b.current && clearInterval(b.current);
+  }), e[6] = o, e[7] = i, e[8] = a, e[9] = c, e[10] = s, e[11] = L) : L = e[11];
+  let $;
+  e[12] !== a ? ($ = [a], e[12] = a, e[13] = $) : $ = e[13], Z(L, $);
+  let f;
+  e[14] !== B || e[15] !== s || e[16] !== n ? (f = n > 0 && /* @__PURE__ */ l(te, { min: 300, max: n, value: s, showLabel: !1, style: {
+    animation: "tinRightIn 1s forwards ease-in-out",
+    margin: "0px",
+    borderRadius: "0px",
+    backgroundColor: "rgb(234 234 234)"
+  }, height: "6px", type: B() }), e[14] = B, e[15] = s, e[16] = n, e[17] = f) : f = e[17];
+  let m;
+  e[18] !== H || e[19] !== r ? (m = ne({
+    className: H,
+    customClass: r
+  }), e[18] = H, e[19] = r, e[20] = m) : m = e[20];
+  let d;
+  e[21] !== C || e[22] !== M || e[23] !== y ? (d = (M || y || C) && se(M, y, C), e[21] = C, e[22] = M, e[23] = y, e[24] = d) : d = e[24];
+  let p;
+  e[25] !== d ? (p = /* @__PURE__ */ l("div", { className: "-icon", children: d }), e[25] = d, e[26] = p) : p = e[26];
+  let v;
+  e[27] !== k ? (v = /* @__PURE__ */ l("div", { className: "-messagecontent", children: /* @__PURE__ */ l("p", { children: k }) }), e[27] = k, e[28] = v) : v = e[28];
+  let h;
+  e[29] !== w || e[30] !== o || e[31] !== i || e[32] !== c || e[33] !== n ? (h = w || n === 0 ? /* @__PURE__ */ l("span", { className: "close-button", role: "button", onKeyPress: ce, tabIndex: -1, onClick: () => o !== void 0 ? o(i, c) : null, children: "x" }) : null, e[29] = w, e[30] = o, e[31] = i, e[32] = c, e[33] = n, e[34] = h) : h = e[34];
+  let g;
+  e[35] !== h ? (g = /* @__PURE__ */ l("div", { className: "close", children: h }), e[35] = h, e[36] = g) : g = e[36];
+  let I;
+  e[37] !== m || e[38] !== p || e[39] !== v || e[40] !== g ? (I = /* @__PURE__ */ V("div", { className: m, children: [
+    p,
+    v,
+    g
+  ] }), e[37] = m, e[38] = p, e[39] = v, e[40] = g, e[41] = I) : I = e[41];
+  let j;
+  return e[42] !== _ || e[43] !== z || e[44] !== f || e[45] !== I ? (j = /* @__PURE__ */ V("div", { onMouseEnter: _, onMouseLeave: z, children: [
+    f,
+    I
+  ] }), e[42] = _, e[43] = z, e[44] = f, e[45] = I, e[46] = j) : j = e[46], j;
 };
-const getIcon = (icon, iconName, color) => {
-  if (icon !== null) {
-    return icon;
-  } else if (iconName !== null) {
-    return /*#__PURE__*/_react.default.createElement(_icons.default, {
-      name: iconName,
-      color: color !== '' ? color : '#fff',
-      size: 32
-    });
-  }
-  return null;
+function oe() {
+}
+function le(t) {
+  return t >= 800 ? t + 600 : t + 500;
+}
+function ie(t) {
+  return t >= 800 ? t - 600 : t - 500;
+}
+function re(t) {
+  return t > 0 ? t - 100 : 0;
+}
+function ce() {
+}
+export {
+  pe as default
 };
-const Message = _ref2 => {
-  let {
-    handleClose = () => {},
-    message,
-    id = 0,
-    color = '',
-    icon = null,
-    iconName = null,
-    timeout = 3000,
-    customClass = '',
-    closeButton = false,
-    className = 'message',
-    position = 'centerTop',
-    pauseTimeoutOnMouseHover = false
-  } = _ref2;
-  const [progressBarTime, setProgressBarTime] = (0, _react.useState)(timeout - 300);
-  const [pauseTimeout, setPauseTimeout] = (0, _react.useState)(false);
-  const timeoutIdentifier = (0, _react.useRef)(null);
-  const intervalIdentifier = (0, _react.useRef)(null);
-  const handleMouseEnter = () => {
-    if (pauseTimeoutOnMouseHover) {
-      setPauseTimeout(true);
-      setProgressBarTime(prevProgressBarTime => prevProgressBarTime >= 800 ? prevProgressBarTime + 600 : prevProgressBarTime + 500);
-    }
-  };
-  const handleMouseLeave = () => {
-    if (pauseTimeoutOnMouseHover) {
-      setPauseTimeout(false);
-      setProgressBarTime(prevProgressBarTime => prevProgressBarTime >= 800 ? prevProgressBarTime - 600 : prevProgressBarTime - 500);
-    }
-  };
-  const getProgressBarType = () => customClass.replace('-', '');
-  (0, _react.useEffect)(() => {
-    if (!pauseTimeout && progressBarTime > 0) {
-      timeoutIdentifier.current = setTimeout(() => {
-        handleClose(id, position);
-      }, progressBarTime);
-      intervalIdentifier.current = setInterval(() => progressBarTime > 0 ? setProgressBarTime(prevProgressBarTime => prevProgressBarTime > 0 ? prevProgressBarTime - 100 : 0) : null, 100);
-    } else {
-      if (timeoutIdentifier.current) clearInterval(timeoutIdentifier.current);
-      if (intervalIdentifier.current) clearInterval(intervalIdentifier.current);
-    }
-    return () => {
-      if (timeoutIdentifier.current) clearInterval(timeoutIdentifier.current);
-      if (intervalIdentifier.current) clearInterval(intervalIdentifier.current);
-    };
-  }, [pauseTimeout]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave
-  }, timeout > 0 && /*#__PURE__*/_react.default.createElement(_progress.default, {
-    min: 300,
-    max: timeout,
-    value: progressBarTime,
-    showLabel: false,
-    style: {
-      animation: 'tinRightIn 1s forwards ease-in-out',
-      margin: '0px',
-      borderRadius: '0px',
-      backgroundColor: 'rgb(234 234 234)'
-    },
-    height: "6px",
-    type: getProgressBarType()
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: getClass({
-      className,
-      customClass
-    })
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "-icon"
-  }, (icon || iconName || color) && getIcon(icon, iconName, color)), /*#__PURE__*/_react.default.createElement("div", {
-    className: "-messagecontent"
-  }, /*#__PURE__*/_react.default.createElement("p", null, message)), /*#__PURE__*/_react.default.createElement("div", {
-    className: "close"
-  }, closeButton || timeout === 0 ? /*#__PURE__*/_react.default.createElement("span", {
-    className: "close-button",
-    role: "button",
-    onKeyPress: () => {},
-    tabIndex: -1,
-    onClick: () => handleClose !== undefined ? handleClose(id, position) : null
-  }, "x") : null)));
-};
-var _default = exports.default = Message;
+//# sourceMappingURL=Message.js.map

package/lib/alerts/Message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.js","sources":["../../src/lib/alerts/Message.tsx"],"sourcesContent":["import { useState, useRef, useEffect, ReactNode } from 'react';\nimport Icon from '../icons';\nimport ProgressBar from '../progress';\nimport { GetClassParams, IMessageProps } from './types';\nimport { IconNames } from '../@types/Icon';\n\nconst getClass = ({ customClass, className }: GetClassParams) => (\n  `${className} ${customClass}`\n);\n\nconst getIcon = (icon: ReactNode, iconName: IconNames | null, color: string): ReactNode | null => {\n  if (icon !== null) {\n    return icon;\n  } else if (iconName !== null) {\n    return <Icon name={iconName} color={color !== '' ? color : '#fff'} size={32} />;\n  }\n  return null;\n};\n\nconst Message = ({\n  handleClose = () => { },\n  message,\n  id = 0,\n  color = '',\n  icon = null,\n  iconName = null,\n  timeout = 3000,\n  customClass = '',\n  closeButton = false,\n  className = 'message',\n  position = 'centerTop',\n  pauseTimeoutOnMouseHover = false,\n}: IMessageProps) => {\n  const [progressBarTime, setProgressBarTime] = useState<number>(timeout - 300);\n  const [pauseTimeout, setPauseTimeout] = useState<boolean>(false);\n  const timeoutIdentifier = useRef<NodeJS.Timeout | null>(null);\n  const intervalIdentifier = useRef<NodeJS.Timeout | null>(null);\n  const handleMouseEnter = () => {\n    if (pauseTimeoutOnMouseHover) {\n      setPauseTimeout(true);\n      setProgressBarTime(prevProgressBarTime =>\n        (prevProgressBarTime >= 800 ? prevProgressBarTime + 600 : prevProgressBarTime + 500));\n    }\n  };\n  const handleMouseLeave = () => {\n    if (pauseTimeoutOnMouseHover) {\n      setPauseTimeout(false);\n      setProgressBarTime(prevProgressBarTime =>\n        (prevProgressBarTime >= 800 ? prevProgressBarTime - 600 : prevProgressBarTime - 500));\n    }\n  };\n  const getProgressBarType = () => customClass.replace('-', '');\n\n  useEffect(() => {\n    if (!pauseTimeout && progressBarTime > 0) {\n      timeoutIdentifier.current = setTimeout(() => {\n        handleClose(id, position);\n      }, progressBarTime);\n\n      intervalIdentifier.current = setInterval(() =>\n        (progressBarTime > 0\n          ? setProgressBarTime(prevProgressBarTime =>\n              (prevProgressBarTime > 0 ? prevProgressBarTime - 100 : 0))\n          : null), 100);\n    } else {\n      if (timeoutIdentifier.current) clearInterval(timeoutIdentifier.current);\n      if (intervalIdentifier.current) clearInterval(intervalIdentifier.current);\n    }\n\n    return () => {\n      if (timeoutIdentifier.current) clearInterval(timeoutIdentifier.current);\n      if (intervalIdentifier.current) clearInterval(intervalIdentifier.current);\n    };\n  }, [pauseTimeout]);\n\n  return (\n    <div onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}>\n      {timeout > 0 &&\n        <ProgressBar\n          min={300}\n          max={timeout}\n          value={progressBarTime}\n          showLabel={false}\n          style={{\n            animation: 'tinRightIn 1s forwards ease-in-out',\n            margin: '0px',\n            borderRadius: '0px',\n            backgroundColor: 'rgb(234 234 234)',\n          }}\n          height=\"6px\"\n          type={getProgressBarType()} />}\n      <div className={getClass({ className, customClass })}>\n        <div className=\"-icon\">\n          {(icon || iconName || color) && getIcon(icon, iconName, color)}\n        </div>\n        <div className=\"-messagecontent\">\n          <p>{message}</p>\n        </div>\n        <div className=\"close\">\n          {(closeButton || timeout === 0) ?\n              (\n                <span\n                  className=\"close-button\"\n                  role=\"button\"\n                  onKeyPress={() => { }}\n                  tabIndex={-1}\n                  onClick={() => (handleClose !== undefined ? handleClose(id, position) : null)}>\n                  x\n                </span>\n              )\n            : null}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default Message;\n"],"names":["getClass","customClass","className","getIcon","icon","iconName","color","jsx","Icon","Message","t0","$","_c","handleClose","t1","message","id","t2","t3","t4","t5","timeout","t6","t7","closeButton","t8","t9","position","t10","pauseTimeoutOnMouseHover","t11","undefined","_temp","progressBarTime","setProgressBarTime","useState","pauseTimeout","setPauseTimeout","timeoutIdentifier","useRef","intervalIdentifier","t12","_temp2","handleMouseEnter","t13","_temp3","handleMouseLeave","t14","replace","getProgressBarType","t15","current","setTimeout","setInterval","_temp4","clearInterval","t16","useEffect","t17","ProgressBar","animation","margin","borderRadius","backgroundColor","t18","t19","t20","t21","t22","_temp5","t23","t24","t25","prevProgressBarTime","prevProgressBarTime_0","prevProgressBarTime_1"],"mappings":";;;;;AAMA,MAAMA,KAAWA,CAAC;AAAA,EAAEC,aAAAA;AAAAA,EAAaC,WAAAA;AAA0B,MACzD,GAAGA,CAAS,IAAID,CAAW,IAGvBE,KAAUA,CAACC,GAAiBC,GAA4BC,MACxDF,MAAS,OACJA,IACEC,MAAa,OACf,gBAAAE,EAACC,IAAA,EAAK,MAAMH,GAAU,OAAOC,MAAU,KAAKA,IAAQ,QAAQ,MAAM,GAAA,CAAG,IAEvE,MAGHG,KAAUC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GAAC;AAAA,IAAAC,aAAAC;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,IAAAC;AAAAA,IAAAX,OAAAY;AAAAA,IAAAd,MAAAe;AAAAA,IAAAd,UAAAe;AAAAA,IAAAC,SAAAC;AAAAA,IAAArB,aAAAsB;AAAAA,IAAAC,aAAAC;AAAAA,IAAAvB,WAAAwB;AAAAA,IAAAC,UAAAC;AAAAA,IAAAC,0BAAAC;AAAAA,EAAAA,IAAApB,GACfG,IAAAC,MAAAiB,SAAAC,KAAAlB,GAEAE,IAAAC,MAAAc,SAAA,IAAAd,GACAX,IAAAY,MAAAa,SAAA,KAAAb,GACAd,IAAAe,MAAAY,SAAA,OAAAZ,GACAd,IAAAe,MAAAW,SAAA,OAAAX,GACAC,IAAAC,MAAAS,SAAA,MAAAT,GACArB,IAAAsB,MAAAQ,SAAA,KAAAR,GACAC,IAAAC,MAAAM,SAAA,KAAAN,GACAvB,IAAAwB,MAAAK,SAAA,YAAAL,GACAC,IAAAC,MAAAG,SAAA,cAAAH,GACAC,IAAAC,MAAAC,SAAA,KAAAD,GAEA,CAAAG,GAAAC,CAAA,IAA8CC,EAAiBd,IAAU,GAAG,GAC5E,CAAAe,GAAAC,CAAA,IAAwCF,EAAkB,EAAK,GAC/DG,IAA0BC,EAA8B,IAAI,GAC5DC,IAA2BD,EAA8B,IAAI;AAAE,MAAAE;AAAA,EAAA9B,SAAAkB,KACtCY,IAAAA,MAAA;AACvB,IAAIZ,MACFQ,EAAgB,EAAI,GACpBH,EAAmBQ,EACmE;AAAA,EACvF,GACF/B,OAAAkB,GAAAlB,OAAA8B,KAAAA,IAAA9B,EAAA,CAAA;AAND,QAAAgC,IAAyBF;AAMvB,MAAAG;AAAA,EAAAjC,SAAAkB,KACuBe,IAAAA,MAAA;AACvB,IAAIf,MACFQ,EAAgB,EAAK,GACrBH,EAAmBW,EACmE;AAAA,EACvF,GACFlC,OAAAkB,GAAAlB,OAAAiC,KAAAA,IAAAjC,EAAA,CAAA;AAND,QAAAmC,IAAyBF;AAMvB,MAAAG;AAAA,EAAApC,SAAAV,KACyB8C,IAAAA,MAAM9C,EAAW+C,QAAS,KAAK,EAAE,GAACrC,OAAAV,GAAAU,OAAAoC,KAAAA,IAAApC,EAAA,CAAA;AAA7D,QAAAsC,IAA2BF;AAAmC,MAAAG;AAAA,EAAAvC,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAyB,KAAAzB,EAAA,CAAA,MAAAgB,KAAAhB,UAAAsB,KAEpDiB,IAAAA,OACJ,CAACd,KAAgBH,IAAkB,KACrCK,EAAiBa,UAAWC,WAAW,MAAA;AACrCvC,IAAAA,EAAYG,GAAIW,CAAQ;AAAA,EAAC,GACxBM,CAAe,GAElBO,EAAkBW,UAAWE,YAAY,MACtCpB,IAAkB,IACfC,EAAmBoB,EAEhB,IAHN,MAGU,GAAG,MAEZhB,EAAiBa,WAAUI,cAAcjB,EAAiBa,OAAQ,GAClEX,EAAkBW,WAAUI,cAAcf,EAAkBW,OAAQ,IAGnE,MAAA;AACL,IAAIb,EAAiBa,WAAUI,cAAcjB,EAAiBa,OAAQ,GAClEX,EAAkBW,WAAUI,cAAcf,EAAkBW,OAAQ;AAAA,EAAE,IAE7ExC,OAAAE,GAAAF,OAAAK,GAAAL,OAAAyB,GAAAzB,OAAAgB,GAAAhB,QAAAsB,GAAAtB,QAAAuC,KAAAA,IAAAvC,EAAA,EAAA;AAAA,MAAA6C;AAAA,EAAA7C,UAAAyB,KAAEoB,IAAA,CAACpB,CAAY,GAACzB,QAAAyB,GAAAzB,QAAA6C,KAAAA,IAAA7C,EAAA,EAAA,GApBjB8C,EAAUP,GAoBPM,CAAc;AAAC,MAAAE;AAAA,EAAA/C,EAAA,EAAA,MAAAsC,KAAAtC,UAAAsB,KAAAtB,EAAA,EAAA,MAAAU,KAIbqC,IAAArC,IAAU,KACT,gBAAAd,EAACoD,IAAA,EACM,KAAA,KACAtC,KAAAA,GACEY,OAAAA,GACI,WAAA,IACJ,OAAA;AAAA,IAAA2B,WACM;AAAA,IAAoCC,QACvC;AAAA,IAAKC,cACC;AAAA,IAAKC,iBACF;AAAA,EAAA,GAEZ,QAAA,OACD,MAAAd,IAAmB,CAAC,GAAItC,QAAAsC,GAAAtC,QAAAsB,GAAAtB,QAAAU,GAAAV,QAAA+C,KAAAA,IAAA/C,EAAA,EAAA;AAAA,MAAAqD;AAAA,EAAArD,EAAA,EAAA,MAAAT,KAAAS,UAAAV,KAClB+D,IAAAhE,GAAS;AAAA,IAAAE,WAAAA;AAAAA,IAAAD,aAAAA;AAAAA,EAAAA,CAA0B,GAACU,QAAAT,GAAAS,QAAAV,GAAAU,QAAAqD,KAAAA,IAAArD,EAAA,EAAA;AAAA,MAAAsD;AAAA,EAAAtD,EAAA,EAAA,MAAAL,KAAAK,UAAAP,KAAAO,EAAA,EAAA,MAAAN,KAE/C4D,KAAC7D,KAAAC,KAAAC,MAA8BH,GAAQC,GAAMC,GAAUC,CAAK,GAACK,QAAAL,GAAAK,QAAAP,GAAAO,QAAAN,GAAAM,QAAAsD,KAAAA,IAAAtD,EAAA,EAAA;AAAA,MAAAuD;AAAA,EAAAvD,UAAAsD,KADhEC,IAAA,gBAAA3D,EAAA,OAAA,EAAe,WAAA,SACZ0D,UAAAA,GACH,GAAMtD,QAAAsD,GAAAtD,QAAAuD,KAAAA,IAAAvD,EAAA,EAAA;AAAA,MAAAwD;AAAA,EAAAxD,UAAAI,KACNoD,sBAAA,OAAA,EAAe,WAAA,mBACb,UAAA,gBAAA5D,EAAA,KAAA,EAAIQ,aAAQ,EAAA,CACd,GAAMJ,QAAAI,GAAAJ,QAAAwD,KAAAA,IAAAxD,EAAA,EAAA;AAAA,MAAAyD;AAAA,EAAAzD,EAAA,EAAA,MAAAa,KAAAb,EAAA,EAAA,MAAAE,KAAAF,EAAA,EAAA,MAAAK,KAAAL,EAAA,EAAA,MAAAgB,KAAAhB,UAAAU,KAEH+C,IAAC5C,KAAeH,MAAY,IAEvB,gBAAAd,EAAA,UACY,WAAA,gBACL,MAAA,UACO,YAAA8D,IACF,cACD,SAAA,MAAOxD,MAAgBkB,SAAYlB,EAAYG,GAAIW,CAAe,IAA3D,MAA+D,UAAA,IAAA,CAEjF,IATL,MAWOhB,QAAAa,GAAAb,QAAAE,GAAAF,QAAAK,GAAAL,QAAAgB,GAAAhB,QAAAU,GAAAV,QAAAyD,KAAAA,IAAAzD,EAAA,EAAA;AAAA,MAAA2D;AAAA,EAAA3D,UAAAyD,KAZVE,IAAA,gBAAA/D,EAAA,OAAA,EAAe,WAAA,SACZ6D,UAAAA,GAYH,GAAMzD,QAAAyD,GAAAzD,QAAA2D,KAAAA,IAAA3D,EAAA,EAAA;AAAA,MAAA4D;AAAA,EAAA5D,EAAA,EAAA,MAAAqD,KAAArD,EAAA,EAAA,MAAAuD,KAAAvD,EAAA,EAAA,MAAAwD,KAAAxD,UAAA2D,KApBRC,+BAAgB,WAAAP,GACdE,UAAAA;AAAAA,IAAAA;AAAAA,IAGAC;AAAAA,IAGAG;AAAAA,EAAAA,GAcF,GAAM3D,QAAAqD,GAAArD,QAAAuD,GAAAvD,QAAAwD,GAAAxD,QAAA2D,GAAA3D,QAAA4D,KAAAA,IAAA5D,EAAA,EAAA;AAAA,MAAA6D;AAAA,SAAA7D,EAAA,EAAA,MAAAgC,KAAAhC,EAAA,EAAA,MAAAmC,KAAAnC,EAAA,EAAA,MAAA+C,KAAA/C,UAAA4D,KApCRC,+BAAmB7B,cAAAA,GAAgCG,iBAChDY,UAAAA;AAAAA,IAAAA;AAAAA,IAcDa;AAAAA,EAAAA,GAsBF,GAAM5D,QAAAgC,GAAAhC,QAAAmC,GAAAnC,QAAA+C,GAAA/C,QAAA4D,GAAA5D,QAAA6D,KAAAA,IAAA7D,EAAA,EAAA,GArCN6D;AAqCM;AA9FM,SAAAxC,KAAA;AAAA;AAAA,SAAAU,GAAA+B,GAAA;AAAA,SAsBPA,KAAuB,MAAMA,IAAsB,MAAMA,IAAsB;AAAG;AAtB3E,SAAA5B,GAAA6B,GAAA;AAAA,SA6BPD,KAAuB,MAAMA,IAAsB,MAAMA,IAAsB;AAAG;AA7B3E,SAAAnB,GAAAqB,GAAA;AAAA,SA2CDF,IAAsB,IAAIA,IAAsB,MAAhD;AAAuD;AA3CtD,SAAAJ,KAAA;AAAA;"}

package/lib/alerts/helpers.d.ts

@@ -1,9 +1,3 @@
-import * as React from 'react';
-import { WithAlertContextProps } from './types.js';
-import '../@types/PositionAlert.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-
-declare const AlertProviderContext: React.Context<WithAlertContextProps>;
-
-export { AlertProviderContext as default };
+import { WithAlertContextProps } from './types';
+declare const AlertProviderContext: import('react').Context<WithAlertContextProps>;
+export default AlertProviderContext;

package/lib/alerts/helpers.js

@@ -1,9 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-const AlertProviderContext = /*#__PURE__*/(0, _react.createContext)({});
-var _default = exports.default = AlertProviderContext;
+import { createContext as t } from "react";
+const o = t({});
+export {
+  o as default
+};
+//# sourceMappingURL=helpers.js.map

package/lib/alerts/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../src/lib/alerts/helpers.ts"],"sourcesContent":["import { createContext } from 'react';\n\nimport { WithAlertContextProps } from './types';\n\nconst AlertProviderContext = createContext<WithAlertContextProps>({} as WithAlertContextProps);\n\nexport default AlertProviderContext;\n"],"names":["AlertProviderContext","createContext"],"mappings":";AAIA,MAAMA,IAAuBC,EAAqC,CAAA,CAA2B;"}

package/lib/alerts/index.d.ts

@@ -1,11 +1,4 @@
-import withAlert from './withAlert.js';
-export { default as AlertProvider } from './AlertProvider.js';
-import 'react';
-import './types.js';
-import '../@types/PositionAlert.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-
-
-
-export { withAlert as default };
+import { default as withAlert } from './withAlert';
+import { default as AlertProvider } from './AlertProvider';
+export default withAlert;
+export { AlertProvider, withAlert };

package/lib/alerts/index.js

@@ -1,16 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "AlertProvider", {
-  enumerable: true,
-  get: function () {
-    return _AlertProvider.default;
-  }
-});
-exports.default = void 0;
-var _withAlert = _interopRequireDefault(require("./withAlert"));
-var _AlertProvider = _interopRequireDefault(require("./AlertProvider"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = _withAlert.default;
+import t from "./withAlert.js";
+import { default as a } from "./AlertProvider.js";
+export {
+  a as AlertProvider,
+  t as default,
+  t as withAlert
+};
+//# sourceMappingURL=index.js.map

package/lib/alerts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/lib/alerts/types.d.ts

@@ -1,9 +1,7 @@
 import { ReactNode } from 'react';
-import { PositionAlert } from '../@types/PositionAlert.js';
-import { IconNames } from '../@types/Icon.js';
-import '../icons/helper.js';
-
-type AlertContainerMethods = {
+import { PositionAlert } from '../@types/PositionAlert';
+import { IconNames } from '../@types/Icon';
+export type AlertContainerMethods = {
     default: (messageConfig: DefaultMessageConfigType) => void;
     info: (message: string, options: IMessageProps) => void;
     custom: (message: string, options: IMessageProps) => void;
@@ -11,13 +9,13 @@ type AlertContainerMethods = {
     warning: (message: string, options: IMessageProps) => void;
     success: (message: string, options: IMessageProps) => void;
 };
-type DefaultMessageConfigType = {
+export type DefaultMessageConfigType = {
     message: string;
     options: IMessageProps & {
         type: 'info' | 'warning' | 'danger' | 'success';
     };
 };
-interface IMessageProps {
+export interface IMessageProps {
     id?: number;
     position?: PositionAlert;
     message?: string;
@@ -31,21 +29,19 @@ interface IMessageProps {
     timeout?: number;
     pauseTimeoutOnMouseHover?: boolean;
 }
-interface IBaseAlertProps {
+export interface IBaseAlertProps {
     children: ReactNode;
 }
-interface IAlertProviderProps {
+export interface IAlertProviderProps {
     children: ReactNode;
 }
-interface WithAlertContextProps {
+export interface WithAlertContextProps {
     alert?: AlertContainerMethods;
 }
-type GetClassParams = {
+export type GetClassParams = {
     customClass?: string;
     className?: string;
 };
-type MessagesState = {
+export type MessagesState = {
     [key: string]: Array<IMessageProps>;
 };
-
-export { AlertContainerMethods, DefaultMessageConfigType, GetClassParams, IAlertProviderProps, IBaseAlertProps, IMessageProps, MessagesState, WithAlertContextProps };

package/lib/alerts/withAlert.d.ts

@@ -1,9 +1,4 @@
-import React__default from 'react';
-import { WithAlertContextProps } from './types.js';
-import '../@types/PositionAlert.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-
-declare const withAlert: <ComponentProps extends WithAlertContextProps>(WrapperComponent: React__default.ComponentType<ComponentProps>) => (props: ComponentProps) => JSX.Element;
-
-export { withAlert as default };
+import { ComponentType } from 'react';
+import { WithAlertContextProps } from './types';
+declare const withAlert: <ComponentProps extends WithAlertContextProps>(WrapperComponent: ComponentType<ComponentProps>) => (props: ComponentProps) => import("react/jsx-runtime").JSX.Element;
+export default withAlert;

package/lib/alerts/withAlert.js

@@ -1,24 +1,15 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _helpers = _interopRequireDefault(require("./helpers"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const withAlert = WrapperComponent => {
-  const GetAlert = props => {
-    const {
-      alert
-    } = (0, _react.useContext)(_helpers.default);
-    return /*#__PURE__*/_react.default.createElement(WrapperComponent, _extends({}, props, {
-      alert: alert
-    }));
-  };
-  return GetAlert;
+import { jsx as i } from "react/jsx-runtime";
+import { c as l } from "../_virtual/compiler-runtime.js";
+import { useContext as n } from "react";
+import s from "./helpers.js";
+const A = (m) => (r) => {
+  const t = l.c(3), {
+    alert: o
+  } = n(s);
+  let e;
+  return t[0] !== o || t[1] !== r ? (e = /* @__PURE__ */ i(m, { ...r, alert: o }), t[0] = o, t[1] = r, t[2] = e) : e = t[2], e;
 };
-var _default = exports.default = withAlert;
+export {
+  A as default
+};
+//# sourceMappingURL=withAlert.js.map

package/lib/alerts/withAlert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withAlert.js","sources":["../../src/lib/alerts/withAlert.tsx"],"sourcesContent":["import { ComponentType, useContext } from 'react';\nimport AlertProviderContext from './helpers';\n\nimport { WithAlertContextProps } from './types';\n\nconst withAlert = <ComponentProps extends WithAlertContextProps>(\n  WrapperComponent: ComponentType<ComponentProps>,\n) => {\n  const GetAlert = (props: ComponentProps) => {\n    const { alert } = useContext(AlertProviderContext);\n    return <WrapperComponent {...props} alert={alert} />;\n  };\n\n  return GetAlert;\n};\n\nexport default withAlert;\n"],"names":["withAlert","WrapperComponent","props","$","_c","alert","useContext","AlertProviderContext","t0","jsx"],"mappings":";;;;AAKA,MAAMA,IAAY,CAChBC,MAEiBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GACf;AAAA,IAAAC,OAAAA;AAAAA,EAAAA,IAAkBC,EAAWC,CAAoB;AAAE,MAAAC;AAAA,SAAAL,EAAA,CAAA,MAAAE,KAAAF,SAAAD,KAC5CM,IAAA,gBAAAC,EAACR,GAAA,EAAgB,GAAKC,GAAcG,OAAAA,EAAAA,CAAK,GAAIF,OAAAE,GAAAF,OAAAD,GAAAC,OAAAK,KAAAA,IAAAL,EAAA,CAAA,GAA7CK;AAA6C;"}

package/lib/assets/styles/alerts.css

@@ -0,0 +1 @@
+@keyframes slideInFromTop{0%{transform:translateY(-60%);-webkit-font-smoothing:subpixel-antialiased}to{transform:translateY(0);-webkit-font-smoothing:subpixel-antialiased}}@keyframes slideInFromTopSlow{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.slideDownReturn{animation-name:slideDownReturn}@keyframes slideDownReturn{0%{transform-origin:0 0;transform:translateY(100%)}30%{transform-origin:0 0;transform:translateY(0)}}.slideLeftReturn{animation-name:slideLeftReturn}@keyframes slideLeftReturn{0%{transform-origin:0 0;transform:translate(-100%)}30%{transform-origin:0 0;transform:translate(0)}}.slideRightReturn{animation-name:slideRightReturn}@keyframes slideRightReturn{0%{transform-origin:0 0;transform:translate(100%)}30%{transform-origin:0 0;transform:translate(0)}}@keyframes revealelement{0%{color:transparent;opacity:0}50%{color:inherit;opacity:.3}to{color:inherit;opacity:1}}@keyframes revealelement{0%{-moz-color:transparent;-moz-height:0%;-moz-opacity:0}50%{-moz-color:inherit;-moz-height:auto;-moz-opacity:.3}to{-moz-color:inherit;-moz-opacity:1}}@keyframes revealelement{0%{color:transparent;height:0%;opacity:0}50%{color:inherit;height:auto;opacity:.3}to{color:inherit;opacity:1}}@keyframes transparent-effect{0%{color:transparent;height:0%;opacity:.3}50%{color:transparent;height:auto;opacity:.7}to{color:inherit;opacity:1}}@keyframes blink-effect{0%{box-shadow:0 0 #a10d0d,inset 0 0 0 1px #a10d0d,inset 0 0 0 16px #fff,inset 0 0 0 16px #a10d0d}to{box-shadow:0 0 0 1px #a10d0d,inset 0 0 0 1px #a10d0d,inset 0 0 0 16px #fff,inset 0 0 0 16px #a10d0d}}@keyframes show-notification{0%{opacity:0;transform:translateY(-100%)}10%{opacity:1;transform:translate(0)}90%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes nav-anim-left{0%{left:100%}to{left:-3%}}.swashIn{animation-name:swashIn}@keyframes swashIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0)}90%{opacity:1;transform-origin:50% 50%;transform:scale(.9)}to{opacity:1;transform-origin:50% 50%;transform:scale(1)}}.tinUpIn{animation-name:tinUpIn}@keyframes tinUpIn{0%{opacity:0;transform:scale(1) translateY(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translateY(0)}60%,80%,to{opacity:1;transform:scale(1) translateY(0)}}.tinRightIn{animation-name:tinRightIn}@keyframes tinRightIn{0%{opacity:0;transform:scale(1) translate(900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}.tinLeftIn{animation-name:tinLeftIn}@keyframes tinLeftIn{0%{opacity:0;transform:scale(1) translate(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}.perspectiveDown{animation-name:perspectiveDown}@keyframes perspectiveDown{0%{transform-origin:0 100%;transform:perspective(800px) rotateX(0)}to{transform-origin:0 100%;transform:perspective(800px) rotateX(-180deg)}}.perspectiveUp{animation-name:perspectiveUp}@keyframes perspectiveUp{0%{transform-origin:0 0;transform:perspective(800px) rotateX(0)}to{transform-origin:0 0;transform:perspective(800px) rotateX(180deg)}}.puffIn{animation-name:puffIn}@keyframes puffIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(2px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0)}}.vanishIn{animation-name:vanishIn}@keyframes vanishIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(90px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0)}}.vanishOut{animation-name:vanishOut}@keyframes vanishOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0)}to{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(20px)}}.boingInUp{animation-name:boingInUp}@keyframes boingInUp{0%{opacity:0;transform-origin:50% 0%;transform:perspective(800px) rotateX(-90deg)}50%{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(50deg)}to{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(0)}}.slideDown{animation-name:slideDown}@keyframes slideDown{0%{transform-origin:0 0;transform:translateY(0)}10%{transform-origin:0 0;transform:translateY(5%)}}.slideLeft{animation-name:slideLeft}@keyframes slideLeft{0%{transform-origin:0 0;transform:translate(0)}10%{transform-origin:0 0;transform:translate(-2%)}}.slideRight{animation-name:slideRight}@keyframes slideRight{0%{transform-origin:0 0;transform:translate(0)}to{transform-origin:0 0;transform:translate(100%)}}.hvr-forward{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;transition-duration:.3s;transition-property:transform}.hvr-forward:hover,.hvr-forward:focus,.hvr-forward:active{transform:translate(8px)}@keyframes hvr-back-pulse{50%{background-color:#2098d1bf}}.hvr-bubble-float-left{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;position:relative;transition-duration:.3s;transition-property:transform}.hvr-bubble-float-left:before{position:absolute;z-index:-1;content:"";top:calc(50% - 10px);left:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent;transition-duration:.3s;transition-property:transform}.hvr-bubble-float-left:hover,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:active{transform:translate(10px)}.hvr-bubble-float-left:hover:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:active:before{transform:translate(-10px)}@keyframes hvr-wobble-horizontal{16.65%{transform:translate(8px)}33.3%{transform:translate(-6px)}49.95%{transform:translate(4px)}66.6%{transform:translate(-2px)}83.25%{transform:translate(1px)}to{transform:translate(0)}}.hvr-wobble-horizontal{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000}.hvr-wobble-horizontal:hover,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:active{animation-name:hvr-wobble-horizontal;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}.hvr-grow{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;transition-duration:.3s;transition-property:transform}.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active{transform:scale(1.1)}@keyframes slideWithPositionFromLeft{0%{left:-100%}to{left:100%}}@keyframes slideWithPositionRightToLeft{0%{left:100%;opacity:0}to{left:0;opacity:1}}@keyframes slideRightToLeftWithFade{0%{opacity:0;transform:translate(2%)}to{opacity:1;transform:translate(0)}}@keyframes slideLeftToRightWithFade{0%{opacity:0;transform:translate(-2%)}to{opacity:1;transform:translate(0)}}.transparentclass{opacity:.3!important;background-color:#e0cabb}.alert-component{position:fixed;z-index:9999999}.alert-component>.messagecontainer{height:100%}.alert-component>.messagecontainer>.lefttop,.alert-component>.messagecontainer>.leftbottom,.alert-component>.messagecontainer>.rightbottom,.alert-component>.messagecontainer .righttop,.alert-component>.messagecontainer .centertop,.alert-component>.messagecontainer .centerbottom{position:fixed;width:auto;min-width:20%;max-width:25%}.alert-component>.messagecontainer>.lefttop{left:0;top:0}.alert-component>.messagecontainer>.leftbottom{left:0;bottom:0}.alert-component>.messagecontainer>.centertop{inset:0 auto auto 50%;transform:translate(-50%)}.alert-component>.messagecontainer>.centerbottom{inset:auto auto 0 50%;transform:translate(-50%)}.alert-component>.messagecontainer>.righttop{inset:0 0 auto auto}.alert-component>.messagecontainer>.danger{background-color:#e74c3c;color:#fff}.alert-component>.messagecontainer>.danger:hover,.alert-component>.messagecontainer>.danger:focus{background-color:#dd2d1b}.alert-component>.messagecontainer>.rightbottom{right:0;bottom:0}.alert-component .message{display:flex;flex-wrap:wrap;width:100%;height:100%;min-height:80px;background:#fff;box-shadow:10px 2px 28px 1px #0000009f;margin-bottom:2px;animation:tinRightIn 1s forwards ease-in-out;animation:1s ease-out 0s 1 tinUpIn}.alert-component .message>.-icon{background:#455870;display:flex;flex:3;justify-content:center;align-items:center;color:#fff;margin:0 0 0 -1px}.alert-component .message>.-messagecontent{flex:10;padding-left:1.5rem;margin:0;display:flex;align-items:center;padding:10px 10px 10px 15px;font-family:Roboto,sans-serif;font-weight:400;font-size:16px;color:#333;line-height:22px}.alert-component .message>.close{color:#455870;display:flex;flex:1;justify-content:center;font-size:1.2em;transition:color .4s ease;font-family:Roboto}.alert-component .message>.close>.close-button{cursor:pointer;margin-top:5px;margin-right:3px;pointer-events:all}.alert-component .message.-warning{color:#f39c12}.alert-component .message.-warning:hover,.alert-component .message.-warning:focus{border-color:#e08e0b}.alert-component .message.-warning .-icon{background:#f39c12}.alert-component .message.-danger{font-weight:600!important;color:#e74c3c}.alert-component .message.-danger:hover,.alert-component .message.-danger:focus{border-color:#dd2d1b}.alert-component .message.-danger .-icon{background:#e74c3c}.alert-component .message.-success{color:#49cc90}.alert-component .message.-success:hover,.alert-component .message.-success:focus{border-color:#29b765}.alert-component .message.-success .-icon{background:#49cc90}.alert-component .message.-info{color:#24cabc}.alert-component .message.-info:hover,.alert-component .message.-info:focus{border-color:#20b4a8}.alert-component .message.-info .-icon{background:#24cabc}

package/lib/assets/styles/avatar.css

@@ -0,0 +1 @@
+.avatar-component{color:#fff;background-color:#e2e2e2;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;font-size:20px;border-radius:100%;height:40px;width:40px;top:8px;left:16px}.avatar-component>.imgavatar{border-radius:100%;pointer-events:none;object-fit:cover;opacity:1}.avatar-component.-square{border-radius:10%}.avatar-component.-square>.imgavatar{border-radius:10%}.avatar-component.-default{width:40px;height:40px}.avatar-component.-default>.imgavatar{width:40px;height:40px}.avatar-component.-mini{width:30px;height:30px}.avatar-component.-mini>.imgavatar{width:30px;height:30px}

package/lib/assets/styles/badge.css

@@ -0,0 +1 @@
+.text-align-left{text-align:left}.text-align-right{text-align:right;padding-right:5px}.text-align-center{text-align:center!important}.search-field-component{width:100%;padding:6px;margin-top:0;font-size:17px;border:none}@keyframes shimmer{0%{background-position:0% 0%}to{background-position:-135% 0%}}.badge-component{position:relative;display:inline-block}.badge-component .badge{align-content:center;align-items:center;position:absolute;top:-16px;right:-11px;font-size:12px;width:24px;height:24px;border-radius:50%;z-index:1;text-align:center;font-weight:600;line-height:24px}.badge-component .badge.-default{background:#fff;color:#333;border:1px solid #dae1e8}.badge-component .badge.-primary{background:#3498db;color:#fff}.badge-component .badge.-warning{background:#f39c12;color:#fff}.badge-component .badge.-danger{background:#e74c3c;color:#fff}.badge-component .badge.-success{background:#49cc90;color:#fff}.badge-component .badge.-info{background:#24cabc;color:#fff}