linear-react-components-ui 1.1.26-beta.9 → 2.0.0-beta.0

package/lib/@types/ColorStyles.d.ts

@@ -1 +1,2 @@
 export type ColorStyles = 'primary' | 'success' | 'danger' | 'info' | 'warning';
+export type ColorTheme = 'light' | 'dark';

package/lib/@types/Position.d.ts

@@ -1 +1,2 @@
 export type Position = 'left' | 'right' | 'center' | 'top' | 'bottom';
+export type HintPosition = 'below' | 'onLabelRight';

package/lib/_virtual/_rolldown/runtime.js

@@ -0,0 +1,23 @@
+//#region \0rolldown/runtime.js
+var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescriptor, r = Object.getOwnPropertyNames, i = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty, o = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), s = (e, n) => {
+	let r = {};
+	for (var i in e) t(r, i, {
+		get: e[i],
+		enumerable: !0
+	});
+	return n || t(r, Symbol.toStringTag, { value: "Module" }), r;
+}, c = (e, i, o, s) => {
+	if (i && typeof i == "object" || typeof i == "function") for (var c = r(i), l = 0, u = c.length, d; l < u; l++) d = c[l], !a.call(e, d) && d !== o && t(e, d, {
+		get: ((e) => i[e]).bind(null, d),
+		enumerable: !(s = n(i, d)) || s.enumerable
+	});
+	return e;
+}, l = (n, r, a) => (a = n == null ? {} : e(i(n)), c(r || !n || !n.__esModule ? t(a, "default", {
+	value: n,
+	enumerable: !0
+}) : a, n)), u = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
+	if (typeof require < "u") return require.apply(this, arguments);
+	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
+});
+//#endregion
+export { o as __commonJSMin, s as __exportAll, u as __require, l as __toESM };

package/lib/alerts/AlertContainer.js

@@ -1,70 +1,69 @@
-class a {
-  constructor(o) {
-    this.info = (e, s) => {
-      const t = {
-        ...s,
-        customClass: "-info",
-        message: e,
-        iconName: "information",
-        color: "#fff"
-      };
-      this.pushAlert(t);
-    }, this.danger = (e, s) => {
-      const t = {
-        ...s,
-        customClass: "-danger",
-        message: e,
-        iconName: "power",
-        color: "#fff"
-      };
-      this.pushAlert(t);
-    }, this.warning = (e, s) => {
-      const t = {
-        ...s,
-        customClass: "-warning",
-        message: e,
-        iconName: "warning",
-        color: "#fff"
-      };
-      this.pushAlert(t);
-    }, this.success = (e, s) => {
-      const t = {
-        ...s,
-        customClass: "-success",
-        message: e,
-        iconName: "checkmark",
-        color: "#fff"
-      };
-      this.pushAlert(t);
-    }, this.custom = (e, s) => {
-      const t = {
-        ...s,
-        message: e
-      };
-      this.pushAlert(t);
-    }, this.pushAlert = o;
-  }
-  default(o) {
-    const {
-      message: e,
-      options: s
-    } = o;
-    switch (s.type) {
-      case "info":
-        this.info(e, s);
-        break;
-      case "warning":
-        this.warning(e, s);
-        break;
-      case "danger":
-        this.danger(e, s);
-        break;
-      default:
-        this.success(e, s);
-        break;
-    }
-  }
-}
-export {
-  a as default
+//#region src/lib/alerts/AlertContainer.tsx
+var e = class {
+	constructor(e) {
+		this.info = (e, t) => {
+			let n = {
+				...t,
+				customClass: "-info",
+				message: e,
+				iconName: "information",
+				color: "#fff"
+			};
+			this.pushAlert(n);
+		}, this.danger = (e, t) => {
+			let n = {
+				...t,
+				customClass: "-danger",
+				message: e,
+				iconName: "power",
+				color: "#fff"
+			};
+			this.pushAlert(n);
+		}, this.warning = (e, t) => {
+			let n = {
+				...t,
+				customClass: "-warning",
+				message: e,
+				iconName: "warning",
+				color: "#fff"
+			};
+			this.pushAlert(n);
+		}, this.success = (e, t) => {
+			let n = {
+				...t,
+				customClass: "-success",
+				message: e,
+				iconName: "checkmark",
+				color: "#fff"
+			};
+			this.pushAlert(n);
+		}, this.custom = (e, t) => {
+			let n = {
+				...t,
+				message: e
+			};
+			this.pushAlert(n);
+		}, this.pushAlert = e;
+	}
+	default(e) {
+		let { message: t, options: n } = e;
+		switch (n.type) {
+			case "info":
+				this.info(t, n);
+				break;
+			case "warning":
+				this.warning(t, n);
+				break;
+			case "danger":
+				this.danger(t, n);
+				break;
+			default:
+				this.success(t, n);
+				break;
+		}
+	}
 };
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=AlertContainer.js.map

package/lib/alerts/AlertContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertContainer.js","names":[],"sources":["../../src/lib/alerts/AlertContainer.tsx"],"sourcesContent":["import { IMessageProps, DefaultMessageConfigType } from './types';\n\nclass AlertContainer {\n  pushAlert: (params: IMessageProps) => void;\n\n  constructor(pushAlert: (params: IMessageProps) => void) {\n    this.pushAlert = pushAlert;\n  }\n\n  public default(messageConfig: DefaultMessageConfigType) {\n    const { message, options } = messageConfig;\n    switch (options.type) {\n      case 'info': this.info(message, options);\n        break;\n      case 'warning': this.warning(message, options);\n        break;\n      case 'danger': this.danger(message, options);\n        break;\n      default:\n        this.success(message, options);\n        break;\n    }\n  }\n\n  public info = (message: string, options: IMessageProps) => {\n    const messageConfig: IMessageProps = {\n      ...options, customClass: '-info', message, iconName: 'information', color: '#fff',\n    };\n    this.pushAlert(messageConfig);\n  };\n\n  public danger = (message: string, options: IMessageProps) => {\n    const messageConfig: IMessageProps = {\n      ...options, customClass: '-danger', message, iconName: 'power', color: '#fff',\n    };\n    this.pushAlert(messageConfig);\n  };\n\n  public warning = (message: string, options: IMessageProps) => {\n    const messageConfig: IMessageProps = {\n      ...options, customClass: '-warning', message, iconName: 'warning', color: '#fff',\n    };\n    this.pushAlert(messageConfig);\n  };\n\n  public success = (message: string, options: IMessageProps) => {\n    const messageConfig: IMessageProps = {\n      ...options, customClass: '-success', message, iconName: 'checkmark', color: '#fff',\n    };\n    this.pushAlert(messageConfig);\n  };\n\n  public custom = (message: string, options: IMessageProps) => {\n    const messageConfig = { ...options, message };\n    this.pushAlert(messageConfig);\n  };\n}\n\nexport default AlertContainer;\n"],"mappings":";AAEA,IAAM,IAAN,MAAqB;CAGnB,YAAY,GAA4C;AACtD,eAkBa,GAAiB,MAA2B;GACzD,IAAM,IAA+B;IACnC,GAAG;IAAS,aAAa;IAAS;IAAS,UAAU;IAAe,OAAO;IAC5E;AACD,QAAK,UAAU,EAAc;oBAGd,GAAiB,MAA2B;GAC3D,IAAM,IAA+B;IACnC,GAAG;IAAS,aAAa;IAAW;IAAS,UAAU;IAAS,OAAO;IACxE;AACD,QAAK,UAAU,EAAc;qBAGb,GAAiB,MAA2B;GAC5D,IAAM,IAA+B;IACnC,GAAG;IAAS,aAAa;IAAY;IAAS,UAAU;IAAW,OAAO;IAC3E;AACD,QAAK,UAAU,EAAc;qBAGb,GAAiB,MAA2B;GAC5D,IAAM,IAA+B;IACnC,GAAG;IAAS,aAAa;IAAY;IAAS,UAAU;IAAa,OAAO;IAC7E;AACD,QAAK,UAAU,EAAc;oBAGd,GAAiB,MAA2B;GAC3D,IAAM,IAAgB;IAAE,GAAG;IAAS;IAAS;AAC7C,QAAK,UAAU,EAAc;KAhD7B,KAAK,YAAY;;CAGnB,QAAe,GAAyC;EACtD,IAAM,EAAE,YAAS,eAAY;AAC7B,UAAQ,EAAQ,MAAhB;GACE,KAAK;AAAQ,SAAK,KAAK,GAAS,EAAQ;AACtC;GACF,KAAK;AAAW,SAAK,QAAQ,GAAS,EAAQ;AAC5C;GACF,KAAK;AAAU,SAAK,OAAO,GAAS,EAAQ;AAC1C;GACF;AACE,SAAK,QAAQ,GAAS,EAAQ;AAC9B"}

package/lib/alerts/AlertProvider.js

@@ -1,46 +1,47 @@
-import { j as s } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { useState as i, Children as x, createElement as A } from "react";
-import { _ as C } from "../chunks/lodash.CIAK_hAg.js";
-import B from "./BaseAlert.js";
-import j from "./AlertContainer.js";
-import v from "./Message.js";
-import T from "./helpers.js";
-const D = (l) => {
-  const [o, n] = i({
-    leftTop: [],
-    leftBottom: [],
-    rightBottom: [],
-    rightTop: [],
-    centerTop: [],
-    centerBottom: []
-  }), [m, a] = i(!1), {
-    children: p
-  } = l, c = (t, e) => {
-    o[e] = o[e].filter((r) => r.id !== t), n({
-      ...o
-    });
-  }, d = (t) => {
-    const e = t;
-    e.position === void 0 && (e.position = "rightBottom"), e.id = (/* @__PURE__ */ new Date()).getTime(), o[e.position].push(e), n(o), a(!m);
-  }, f = (t) => t.map((e) => /* @__PURE__ */ A(v, { ...e, handleClose: c, key: e.id })), h = {
-    alert: new j(d)
-  }, g = () => {
-    const t = [];
-    return C.forEach(o, (e, r) => {
-      if (e.length > 0) {
-        const u = /* @__PURE__ */ s.jsx("div", { className: r.toLowerCase(), children: f(e) }, r);
-        t.push(u);
-      } else
-        t.push(null);
-    }), /* @__PURE__ */ s.jsxs(T.Provider, { value: {
-      ...h
-    }, children: [
-      /* @__PURE__ */ s.jsx(B, { children: t }),
-      p
-    ] });
-  };
-  return x.only(g());
-};
-export {
-  D as default
+import { __toESM as e } from "../_virtual/_rolldown/runtime.js";
+import { require_lodash as t } from "../node_modules/lodash/lodash.js";
+import n from "./helpers.js";
+import r from "./BaseAlert.js";
+import i from "./AlertContainer.js";
+import a from "./Message.js";
+import { Children as o, createElement as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/lib/alerts/AlertProvider.tsx
+var d = /* @__PURE__ */ e(t(), 1), f = (e) => {
+	let [t, f] = c({
+		leftTop: [],
+		leftBottom: [],
+		rightBottom: [],
+		rightTop: [],
+		centerTop: [],
+		centerBottom: []
+	}), [p, m] = c(!1), { children: h } = e, g = (e, n) => {
+		t[n] = t[n].filter((t) => t.id !== e), f({ ...t });
+	}, _ = (e) => {
+		let n = e;
+		n.position === void 0 && (n.position = "rightBottom"), n.id = (/* @__PURE__ */ new Date()).getTime(), t[n.position].push(n), f(t), m(!p);
+	}, v = (e) => e.map((e) => /* @__PURE__ */ s(a, {
+		...e,
+		handleClose: g,
+		key: e.id
+	})), y = { alert: new i(_) };
+	return o.only((() => {
+		let e = [];
+		return d.default.forEach(t, (t, n) => {
+			if (t.length > 0) {
+				let r = /* @__PURE__ */ l("div", {
+					className: n.toLowerCase(),
+					children: v(t)
+				}, n);
+				e.push(r);
+			} else e.push(null);
+		}), /* @__PURE__ */ u(n.Provider, {
+			value: { ...y },
+			children: [/* @__PURE__ */ l(r, { children: e }), h]
+		});
+	})());
 };
+//#endregion
+export { f as default };
+
+//# sourceMappingURL=AlertProvider.js.map

package/lib/alerts/AlertProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertProvider.js","names":[],"sources":["../../src/lib/alerts/AlertProvider.tsx"],"sourcesContent":["import { Children, ReactElement, useState } from 'react';\nimport _ from 'lodash';\nimport BaseAlert from './BaseAlert';\nimport AlertContainer from './AlertContainer';\nimport Message from './Message';\nimport AlertProviderContext from './helpers';\n\nimport { IAlertProviderProps, IMessageProps, MessagesState } from './types';\n\nconst AlertProvider = (props: IAlertProviderProps) => {\n  const [messages, setMessages] = useState<MessagesState>({\n    leftTop: [],\n    leftBottom: [],\n    rightBottom: [],\n    rightTop: [],\n    centerTop: [],\n    centerBottom: [],\n  });\n  const [toggleRefreshComponent, setToggleRefreshComponent] = useState(false);\n  const { children } = props;\n\n  const removeAlert = (messageId: number, position: string) => {\n    messages[position] = messages[position].filter(message => message.id !== messageId);\n    setMessages({ ...messages });\n  };\n\n  const pushAlert = (params: IMessageProps) => {\n    const properties = params;\n    if (properties.position === undefined) properties.position = 'rightBottom';\n    properties.id = new Date().getTime();\n    messages[properties.position].push(properties);\n    setMessages(messages);\n    setToggleRefreshComponent(!toggleRefreshComponent);\n  };\n\n  const buildAlertMessage = (values: Array<IMessageProps>) => (\n    values.map(value => <Message {...value} handleClose={removeAlert} key={value.id} />)\n  );\n\n  const contextValues = {\n    alert: new AlertContainer(pushAlert),\n  };\n\n  const renderBaseContainer = () => {\n    const elements: Array<ReactElement | null> = [];\n    _.forEach(messages, (values, key) => {\n      if (values.length > 0) {\n        const messageAlert = (\n          <div className={key.toLowerCase()} key={key}>\n            {buildAlertMessage(values)}\n          </div>\n        );\n        elements.push(messageAlert);\n      } else {\n        elements.push(null);\n      }\n    });\n\n    return (\n      <AlertProviderContext.Provider value={{ ...contextValues }}>\n        <BaseAlert>{elements}</BaseAlert>\n        {children}\n      </AlertProviderContext.Provider>\n    );\n  };\n\n  return Children.only(renderBaseContainer());\n};\n\nexport default AlertProvider;\n"],"mappings":";;;;;;;;;mCASM,KAAiB,MAA+B;CACpD,IAAM,CAAC,GAAU,KAAe,EAAwB;EACtD,SAAS,EAAE;EACX,YAAY,EAAE;EACd,aAAa,EAAE;EACf,UAAU,EAAE;EACZ,WAAW,EAAE;EACb,cAAc,EAAA;EACf,CAAC,EACI,CAAC,GAAwB,KAA6B,EAAS,GAAM,EACrE,EAAE,gBAAa,GAEf,KAAe,GAAmB,MAAqB;AAE3D,EADA,EAAS,KAAY,EAAS,GAAU,QAAO,MAAW,EAAQ,OAAO,EAAU,EACnF,EAAY,EAAE,GAAG,GAAU,CAAC;IAGxB,KAAa,MAA0B;EAC3C,IAAM,IAAa;AAKnB,EAJI,EAAW,aAAa,KAAA,MAAW,EAAW,WAAW,gBAC7D,EAAW,sBAAK,IAAI,MAAM,EAAC,SAAS,EACpC,EAAS,EAAW,UAAU,KAAK,EAAW,EAC9C,EAAY,EAAS,EACrB,EAA0B,CAAC,EAAuB;IAG9C,KAAqB,MACzB,EAAO,KAAI,MAAS,kBAAC,GAAD;EAAS,GAAI;EAAO,aAAa;EAAa,KAAK,EAAM;EAAM,CAAA,CAAC,EAGhF,IAAgB,EACpB,OAAO,IAAI,EAAe,EAAA,EAC3B;AAyBD,QAAO,EAAS,YAvBkB;EAChC,IAAM,IAAuC,EAAE;AAc/C,SAbA,EAAA,QAAE,QAAQ,IAAW,GAAQ,MAAQ;AACnC,OAAI,EAAO,SAAS,GAAG;IACrB,IAAM,IACJ,kBAAC,OAAD;KAAK,WAAW,EAAI,aAAa;eAC9B,EAAkB,EAAA;KACf,EAFkC,EAElC;AAER,MAAS,KAAK,EAAa;SAE3B,GAAS,KAAK,KAAK;IAErB,EAGA,kBAAC,EAAqB,UAAtB;GAA+B,OAAO,EAAE,GAAG,GAAe;aAA1D,CACE,kBAAC,GAAD,EAAA,UAAY,GAAqB,CAAA,EAChC,EAAA;;KAKmC,CAAC"}

package/lib/alerts/BaseAlert.js

@@ -1,20 +1,20 @@
-import { useState as o, useEffect as l } from "react";
-import r from "react-dom";
-import '../assets/BaseAlert.css';const m = document.getElementsByTagName("body")[0], n = document.getElementById("alert"), d = ({
-  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 () => {
-      n?.removeChild(e);
-    };
-  }, []), r.createPortal(a, e);
-};
-export {
-  d as default
+import '../assets/styles/alerts.css';/* empty css                      */
+import { useEffect as e, useState as t } from "react";
+import n from "react-dom";
+//#region src/lib/alerts/BaseAlert.tsx
+var r = document.getElementsByTagName("body")[0], i = document.getElementById("alert"), a = ({ children: a }) => {
+	let [o] = t(document.createElement("div"));
+	return o.className = "messagecontainer", e(() => {
+		if (i === null) {
+			let e = document.createElement("div");
+			e.className = "alert-component", r.appendChild(e), e.appendChild(o);
+		} else i.appendChild(o);
+		return () => {
+			i?.removeChild(o);
+		};
+	}, []), n.createPortal(a, o);
 };
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=BaseAlert.js.map

package/lib/alerts/BaseAlert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseAlert.js","names":[],"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"],"mappings":";;;;AAMA,IAAM,IAAwB,SAAS,qBAAqB,OAAO,CAAC,IAC9D,IAA4B,SAAS,eAAe,QAAQ,EAE5D,KAAa,EAAE,kBAAgC;CACnD,IAAM,CAAC,KAAsB,EAAS,SAAS,cAAc,MAAM,CAAC;AAmBpE,QAjBA,EAAmB,YAAY,oBAE/B,QAAgB;AACd,MAAI,MAAU,MAAM;GAClB,IAAM,IAAmB,SAAS,cAAc,MAAM;AAGtD,GAFA,EAAiB,YAAY,mBAC7B,EAAK,YAAY,EAAiB,EAClC,EAAiB,YAAY,EAAmB;QAEhD,GAAM,YAAY,EAAmB;AAGvC,eAAa;AACX,MAAO,YAAY,EAAmB;;IAEvC,EAAE,CAAC,EAEC,EAAS,aAAa,GAAU,EAAmB"}

package/lib/alerts/Message.js

@@ -1,94 +1,90 @@
-import { j as s } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as X } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import { useState as V, useRef as W, useEffect as Y } from "react";
-import Z from "../icons/index.js";
-import ee from "../progress/index.js";
-const te = ({
-  customClass: t,
-  className: e
-}) => `${e} ${t}`, se = (t, e, j) => t !== null ? t : e !== null ? /* @__PURE__ */ s.jsx(Z, { name: e, color: j !== "" ? j : "#fff", size: 32 }) : null, de = (t) => {
-  const e = X.c(47), {
-    handleClose: j,
-    message: k,
-    id: K,
-    color: S,
-    icon: q,
-    iconName: A,
-    timeout: D,
-    customClass: F,
-    closeButton: G,
-    className: J,
-    position: P,
-    pauseTimeoutOnMouseHover: Q
-  } = t, l = j === void 0 ? ne : j, i = K === void 0 ? 0 : K, b = S === void 0 ? "" : S, C = q === void 0 ? null : q, M = 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, [o, O] = V(n - 300), [a, U] = V(!1), I = W(null), N = W(null);
-  let E;
-  e[0] !== u ? (E = () => {
-    u && (U(!0), O(oe));
-  }, e[0] = u, e[1] = E) : E = e[1];
-  const _ = E;
-  let R;
-  e[2] !== u ? (R = () => {
-    u && (U(!1), O(le));
-  }, e[2] = u, e[3] = R) : R = e[3];
-  const z = R;
-  let y;
-  e[4] !== r ? (y = () => r.replace("-", ""), e[4] = r, e[5] = y) : y = e[5];
-  const B = y;
-  let T;
-  e[6] !== l || e[7] !== i || e[8] !== a || e[9] !== c || e[10] !== o ? (T = () => (!a && o > 0 ? (I.current = setTimeout(() => {
-    l(i, c);
-  }, o), N.current = setInterval(() => o > 0 ? O(ie) : null, 100)) : (I.current && clearInterval(I.current), N.current && clearInterval(N.current)), () => {
-    I.current && clearInterval(I.current), N.current && clearInterval(N.current);
-  }), e[6] = l, e[7] = i, e[8] = a, e[9] = c, e[10] = o, e[11] = T) : T = e[11];
-  let L;
-  e[12] !== a ? (L = [a], e[12] = a, e[13] = L) : L = e[13], Y(T, L);
-  let f;
-  e[14] !== B || e[15] !== o || e[16] !== n ? (f = n > 0 && /* @__PURE__ */ s.jsx(ee, { min: 300, max: n, value: o, 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] = o, e[16] = n, e[17] = f) : f = e[17];
-  let m;
-  e[18] !== H || e[19] !== r ? (m = te({
-    className: H,
-    customClass: r
-  }), e[18] = H, e[19] = r, e[20] = m) : m = e[20];
-  let d;
-  e[21] !== b || e[22] !== C || e[23] !== M ? (d = (C || M || b) && se(C, M, b), e[21] = b, e[22] = C, e[23] = M, e[24] = d) : d = e[24];
-  let p;
-  e[25] !== d ? (p = /* @__PURE__ */ s.jsx("div", { className: "-icon", children: d }), e[25] = d, e[26] = p) : p = e[26];
-  let v;
-  e[27] !== k ? (v = /* @__PURE__ */ s.jsx("div", { className: "-messagecontent", children: /* @__PURE__ */ s.jsx("p", { children: k }) }), e[27] = k, e[28] = v) : v = e[28];
-  let x;
-  e[29] !== w || e[30] !== l || e[31] !== i || e[32] !== c || e[33] !== n ? (x = w || n === 0 ? /* @__PURE__ */ s.jsx("span", { className: "close-button", role: "button", onKeyPress: re, tabIndex: -1, onClick: () => l !== void 0 ? l(i, c) : null, children: "x" }) : null, e[29] = w, e[30] = l, e[31] = i, e[32] = c, e[33] = n, e[34] = x) : x = e[34];
-  let h;
-  e[35] !== x ? (h = /* @__PURE__ */ s.jsx("div", { className: "close", children: x }), e[35] = x, e[36] = h) : h = e[36];
-  let g;
-  e[37] !== m || e[38] !== p || e[39] !== v || e[40] !== h ? (g = /* @__PURE__ */ s.jsxs("div", { className: m, children: [
-    p,
-    v,
-    h
-  ] }), e[37] = m, e[38] = p, e[39] = v, e[40] = h, e[41] = g) : g = e[41];
-  let $;
-  return e[42] !== _ || e[43] !== z || e[44] !== f || e[45] !== g ? ($ = /* @__PURE__ */ s.jsxs("div", { onMouseEnter: _, onMouseLeave: z, children: [
-    f,
-    g
-  ] }), e[42] = _, e[43] = z, e[44] = f, e[45] = g, e[46] = $) : $ = e[46], $;
+import { require_compiler_runtime as e } from "../node_modules/react/compiler-runtime.js";
+import t from "../icons/index.js";
+import n from "../progress/index.js";
+import { useEffect as r, useRef as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/lib/alerts/Message.tsx
+var c = e(), l = ({ customClass: e, className: t }) => `${t} ${e}`, u = (e, n, r) => e === null ? n === null ? null : /* @__PURE__ */ o(t, {
+	name: n,
+	color: r === "" ? "#fff" : r,
+	size: 32
+}) : e, d = (e) => {
+	let t = (0, c.c)(30), { handleClose: d, message: _, id: v, color: y, icon: b, iconName: x, timeout: S, customClass: C, closeButton: w, className: T, position: E, pauseTimeoutOnMouseHover: D } = e, O = d === void 0 ? f : d, k = v === void 0 ? 0 : v, A = y === void 0 ? "" : y, j = b === void 0 ? null : b, M = x === void 0 ? null : x, N = S === void 0 ? 3e3 : S, P = C === void 0 ? "" : C, F = w === void 0 ? !1 : w, I = T === void 0 ? "message" : T, L = E === void 0 ? "centerTop" : E, R = D === void 0 ? !1 : D, [z, B] = a(N - 300), [V, H] = a(!1), U = i(null), W = i(null), G;
+	t[0] === R ? G = t[1] : (G = () => {
+		R && (H(!0), B(p));
+	}, t[0] = R, t[1] = G);
+	let K = G, q;
+	t[2] === R ? q = t[3] : (q = () => {
+		R && (H(!1), B(m));
+	}, t[2] = R, t[3] = q);
+	let J = q, Y;
+	t[4] === P ? Y = t[5] : (Y = () => P.replace("-", ""), t[4] = P, t[5] = Y);
+	let X = Y, Z;
+	t[6] !== O || t[7] !== k || t[8] !== V || t[9] !== L || t[10] !== z ? (Z = () => (!V && z > 0 ? (U.current = setTimeout(() => {
+		O(k, L);
+	}, z), W.current = setInterval(() => z > 0 ? B(h) : null, 100)) : (U.current && clearInterval(U.current), W.current && clearInterval(W.current)), () => {
+		U.current && clearInterval(U.current), W.current && clearInterval(W.current);
+	}), t[6] = O, t[7] = k, t[8] = V, t[9] = L, t[10] = z, t[11] = Z) : Z = t[11];
+	let Q;
+	t[12] === V ? Q = t[13] : (Q = [V], t[12] = V, t[13] = Q), r(Z, Q);
+	let $;
+	return t[14] !== I || t[15] !== F || t[16] !== A || t[17] !== P || t[18] !== X || t[19] !== O || t[20] !== K || t[21] !== J || t[22] !== j || t[23] !== M || t[24] !== k || t[25] !== _ || t[26] !== L || t[27] !== z || t[28] !== N ? ($ = s("div", {
+		onMouseEnter: K,
+		onMouseLeave: J,
+		children: [N > 0 && o(n, {
+			min: 300,
+			max: N,
+			value: z,
+			showLabel: !1,
+			style: {
+				animation: "tinRightIn 1s forwards ease-in-out",
+				margin: "0px",
+				borderRadius: "0px",
+				backgroundColor: "rgb(234 234 234)"
+			},
+			height: "6px",
+			type: X()
+		}), s("div", {
+			className: l({
+				className: I,
+				customClass: P
+			}),
+			children: [
+				o("div", {
+					className: "-icon",
+					children: (j || M || A) && u(j, M, A)
+				}),
+				o("div", {
+					className: "-messagecontent",
+					children: o("p", { children: _ })
+				}),
+				o("div", {
+					className: "close",
+					children: F || N === 0 ? o("span", {
+						className: "close-button",
+						role: "button",
+						onKeyPress: g,
+						tabIndex: -1,
+						onClick: () => O === void 0 ? null : O(k, L),
+						children: "x"
+					}) : null
+				})
+			]
+		})]
+	}), t[14] = I, t[15] = F, t[16] = A, t[17] = P, t[18] = X, t[19] = O, t[20] = K, t[21] = J, t[22] = j, t[23] = M, t[24] = k, t[25] = _, t[26] = L, t[27] = z, t[28] = N, t[29] = $) : $ = t[29], $;
 };
-function ne() {
+function f() {}
+function p(e) {
+	return e >= 800 ? e + 600 : e + 500;
 }
-function oe(t) {
-  return t >= 800 ? t + 600 : t + 500;
+function m(e) {
+	return e >= 800 ? e - 600 : e - 500;
 }
-function le(t) {
-  return t >= 800 ? t - 600 : t - 500;
+function h(e) {
+	return e > 0 ? e - 100 : 0;
 }
-function ie(t) {
-  return t > 0 ? t - 100 : 0;
-}
-function re() {
-}
-export {
-  de as default
-};
+function g() {}
+//#endregion
+export { d as default };
+
+//# sourceMappingURL=Message.js.map

package/lib/alerts/Message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.js","names":[],"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"],"mappings":"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"}

package/lib/alerts/helpers.js

@@ -1,5 +1,7 @@
-import { createContext as t } from "react";
-const o = t({});
-export {
-  o as default
-};
+import { createContext as e } from "react";
+//#region src/lib/alerts/helpers.ts
+var t = e({});
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=helpers.js.map

package/lib/alerts/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":[],"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"],"mappings":";;AAIA,IAAM,IAAuB,EAAqC,EAAE,CAA0B"}

package/lib/alerts/index.d.ts

@@ -1,4 +1,4 @@
-import { default as WithAlert } from './withAlert';
+import { default as withAlert } from './withAlert';
 import { default as AlertProvider } from './AlertProvider';
-export default WithAlert;
-export { AlertProvider };
+export default withAlert;
+export { AlertProvider, withAlert };

package/lib/alerts/index.js

@@ -1,6 +1,8 @@
-import t from "./withAlert.js";
-import { default as a } from "./AlertProvider.js";
-export {
-  a as AlertProvider,
-  t as default
-};
+import e from "./withAlert.js";
+import t from "./AlertProvider.js";
+//#region src/lib/alerts/index.tsx
+var n = e;
+//#endregion
+export { t as AlertProvider, n as default, e as withAlert };
+
+//# sourceMappingURL=index.js.map

package/lib/alerts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/lib/alerts/index.tsx"],"sourcesContent":["import withAlert from './withAlert';\nimport AlertProvider from './AlertProvider';\n\nexport default withAlert;\nexport { AlertProvider, withAlert };\n"],"mappings":";;;AAGA,IAAA,IAAe"}

package/lib/alerts/withAlert.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { ComponentType } from 'react';
 import { WithAlertContextProps } from './types';
-declare const withAlert: <ComponentProps extends WithAlertContextProps>(WrapperComponent: React.ComponentType<ComponentProps>) => (props: ComponentProps) => import("react/jsx-runtime").JSX.Element;
+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,14 +1,16 @@
-import { j as s } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as i } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { require_compiler_runtime as e } from "../node_modules/react/compiler-runtime.js";
+import t from "./helpers.js";
 import { useContext as n } from "react";
-import l from "./helpers.js";
-const p = (m) => (r) => {
-  const t = i.c(3), {
-    alert: o
-  } = n(l);
-  let e;
-  return t[0] !== o || t[1] !== r ? (e = /* @__PURE__ */ s.jsx(m, { ...r, alert: o }), t[0] = o, t[1] = r, t[2] = e) : e = t[2], e;
-};
-export {
-  p as default
+import { jsx as r } from "react/jsx-runtime";
+//#region src/lib/alerts/withAlert.tsx
+var i = e(), a = (e) => (a) => {
+	let o = (0, i.c)(3), { alert: s } = n(t), c;
+	return o[0] !== s || o[1] !== a ? (c = r(e, {
+		...a,
+		alert: s
+	}), o[0] = s, o[1] = a, o[2] = c) : c = o[2], c;
 };
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=withAlert.js.map