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

package/lib/spinner/SpinnerLoading.js

@@ -1,55 +1,249 @@
-import { j as t } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as _ } from "../chunks/compiler-runtime.Cu50tn6L.js";
-const S = (p) => {
-  const e = _.c(16), {
-    color: j,
-    size: b
-  } = p, u = j === void 0 ? "#3B3B3B" : j, g = b === void 0 ? "50px" : b;
-  let i;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (i = {
-    background: "none",
-    float: "right"
-  }, e[0] = i) : i = e[0];
-  let r;
-  e[1] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ t.jsx("g", { transform: "rotate(0 50 50)", children: /* @__PURE__ */ t.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.9166666666666666s", repeatCount: "indefinite" }) }) }), e[1] = r) : r = e[1];
-  let s;
-  e[2] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ t.jsx("g", { transform: "rotate(30 50 50)", children: /* @__PURE__ */ t.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.8333333333333334s", repeatCount: "indefinite" }) }) }), e[2] = s) : s = e[2];
-  let a;
-  e[3] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ t.jsx("g", { transform: "rotate(60 50 50)", children: /* @__PURE__ */ t.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.75s", repeatCount: "indefinite" }) }) }), e[3] = a) : a = e[3];
-  let n;
-  e[4] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ t.jsx("g", { transform: "rotate(90 50 50)", children: /* @__PURE__ */ t.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.6666666666666666s", repeatCount: "indefinite" }) }) }), e[4] = n) : n = e[4];
-  let o;
-  e[5] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ t.jsx("g", { transform: "rotate(120 50 50)", children: /* @__PURE__ */ t.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.5833333333333334s", repeatCount: "indefinite" }) }) }), e[5] = o) : o = e[5];
-  let l;
-  e[6] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ t.jsx("g", { transform: "rotate(150 50 50)", children: /* @__PURE__ */ t.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.5s", repeatCount: "indefinite" }) }) }), e[6] = l) : l = e[6];
-  let c;
-  e[7] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ t.jsx("g", { transform: "rotate(180 50 50)", children: /* @__PURE__ */ t.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.4166666666666667s", repeatCount: "indefinite" }) }) }), e[7] = c) : c = e[7];
-  let m;
-  e[8] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ t.jsx("g", { transform: "rotate(210 50 50)", children: /* @__PURE__ */ t.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.3333333333333333s", repeatCount: "indefinite" }) }) }), e[8] = m) : m = e[8];
-  let h;
-  e[9] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ t.jsx("g", { transform: "rotate(240 50 50)", children: /* @__PURE__ */ t.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.25s", repeatCount: "indefinite" }) }) }), e[9] = h) : h = e[9];
-  let d;
-  e[10] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ t.jsx("g", { transform: "rotate(270 50 50)", children: /* @__PURE__ */ t.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.16666666666666666s", repeatCount: "indefinite" }) }) }), e[10] = d) : d = e[10];
-  let x;
-  e[11] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ t.jsx("g", { transform: "rotate(300 50 50)", children: /* @__PURE__ */ t.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.08333333333333333s", repeatCount: "indefinite" }) }) }), e[11] = x) : x = e[11];
-  let y;
-  e[12] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ t.jsx("g", { transform: "rotate(330 50 50)", children: /* @__PURE__ */ t.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "0s", repeatCount: "indefinite" }) }) }), e[12] = y) : y = e[12];
-  let f;
-  return e[13] !== u || e[14] !== g ? (f = /* @__PURE__ */ t.jsxs("svg", { "data-testid": "spinner", className: "lds-spinner spinnerloading", fill: u, width: g, viewBox: "0 0 100 100", preserveAspectRatio: "xMidYMid", style: i, children: [
-    r,
-    s,
-    a,
-    n,
-    o,
-    l,
-    c,
-    m,
-    h,
-    d,
-    x,
-    y
-  ] }), e[13] = u, e[14] = g, e[15] = f) : f = e[15], f;
-};
-export {
-  S as default
-};
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/lib/spinner/SpinnerLoading.tsx
+var n = ({ color: n = "#3B3B3B", size: r = "50px" }) => /* @__PURE__ */ t("svg", {
+	"data-testid": "spinner",
+	className: "lds-spinner spinnerloading",
+	fill: n,
+	width: r,
+	height: r,
+	viewBox: "0 0 100 100",
+	preserveAspectRatio: "xMidYMid",
+	style: {
+		background: "none",
+		float: "right"
+	},
+	children: [
+		/* @__PURE__ */ e("g", {
+			transform: "rotate(0 50 50)",
+			children: /* @__PURE__ */ e("rect", {
+				x: "47",
+				y: "24",
+				rx: "9.4",
+				ry: "4.8",
+				width: "6",
+				height: "12",
+				children: /* @__PURE__ */ e("animate", {
+					attributeName: "opacity",
+					values: "1;0",
+					keyTimes: "0;1",
+					dur: "1s",
+					begin: "-0.9166666666666666s",
+					repeatCount: "indefinite"
+				})
+			})
+		}),
+		/* @__PURE__ */ e("g", {
+			transform: "rotate(30 50 50)",
+			children: /* @__PURE__ */ e("rect", {
+				x: "47",
+				y: "24",
+				rx: "9.4",
+				ry: "4.8",
+				width: "6",
+				height: "12",
+				children: /* @__PURE__ */ e("animate", {
+					attributeName: "opacity",
+					values: "1;0",
+					keyTimes: "0;1",
+					dur: "1s",
+					begin: "-0.8333333333333334s",
+					repeatCount: "indefinite"
+				})
+			})
+		}),
+		/* @__PURE__ */ e("g", {
+			transform: "rotate(60 50 50)",
+			children: /* @__PURE__ */ e("rect", {
+				x: "47",
+				y: "24",
+				rx: "9.4",
+				ry: "4.8",
+				width: "6",
+				height: "12",
+				children: /* @__PURE__ */ e("animate", {
+					attributeName: "opacity",
+					values: "1;0",
+					keyTimes: "0;1",
+					dur: "1s",
+					begin: "-0.75s",
+					repeatCount: "indefinite"
+				})
+			})
+		}),
+		/* @__PURE__ */ e("g", {
+			transform: "rotate(90 50 50)",
+			children: /* @__PURE__ */ e("rect", {
+				x: "47",
+				y: "24",
+				rx: "9.4",
+				ry: "4.8",
+				width: "6",
+				height: "12",
+				children: /* @__PURE__ */ e("animate", {
+					attributeName: "opacity",
+					values: "1;0",
+					keyTimes: "0;1",
+					dur: "1s",
+					begin: "-0.6666666666666666s",
+					repeatCount: "indefinite"
+				})
+			})
+		}),
+		/* @__PURE__ */ e("g", {
+			transform: "rotate(120 50 50)",
+			children: /* @__PURE__ */ e("rect", {
+				x: "47",
+				y: "24",
+				rx: "9.4",
+				ry: "4.8",
+				width: "6",
+				height: "12",
+				children: /* @__PURE__ */ e("animate", {
+					attributeName: "opacity",
+					values: "1;0",
+					keyTimes: "0;1",
+					dur: "1s",
+					begin: "-0.5833333333333334s",
+					repeatCount: "indefinite"
+				})
+			})
+		}),
+		/* @__PURE__ */ e("g", {
+			transform: "rotate(150 50 50)",
+			children: /* @__PURE__ */ e("rect", {
+				x: "47",
+				y: "24",
+				rx: "9.4",
+				ry: "4.8",
+				width: "6",
+				height: "12",
+				children: /* @__PURE__ */ e("animate", {
+					attributeName: "opacity",
+					values: "1;0",
+					keyTimes: "0;1",
+					dur: "1s",
+					begin: "-0.5s",
+					repeatCount: "indefinite"
+				})
+			})
+		}),
+		/* @__PURE__ */ e("g", {
+			transform: "rotate(180 50 50)",
+			children: /* @__PURE__ */ e("rect", {
+				x: "47",
+				y: "24",
+				rx: "9.4",
+				ry: "4.8",
+				width: "6",
+				height: "12",
+				children: /* @__PURE__ */ e("animate", {
+					attributeName: "opacity",
+					values: "1;0",
+					keyTimes: "0;1",
+					dur: "1s",
+					begin: "-0.4166666666666667s",
+					repeatCount: "indefinite"
+				})
+			})
+		}),
+		/* @__PURE__ */ e("g", {
+			transform: "rotate(210 50 50)",
+			children: /* @__PURE__ */ e("rect", {
+				x: "47",
+				y: "24",
+				rx: "9.4",
+				ry: "4.8",
+				width: "6",
+				height: "12",
+				children: /* @__PURE__ */ e("animate", {
+					attributeName: "opacity",
+					values: "1;0",
+					keyTimes: "0;1",
+					dur: "1s",
+					begin: "-0.3333333333333333s",
+					repeatCount: "indefinite"
+				})
+			})
+		}),
+		/* @__PURE__ */ e("g", {
+			transform: "rotate(240 50 50)",
+			children: /* @__PURE__ */ e("rect", {
+				x: "47",
+				y: "24",
+				rx: "9.4",
+				ry: "4.8",
+				width: "6",
+				height: "12",
+				children: /* @__PURE__ */ e("animate", {
+					attributeName: "opacity",
+					values: "1;0",
+					keyTimes: "0;1",
+					dur: "1s",
+					begin: "-0.25s",
+					repeatCount: "indefinite"
+				})
+			})
+		}),
+		/* @__PURE__ */ e("g", {
+			transform: "rotate(270 50 50)",
+			children: /* @__PURE__ */ e("rect", {
+				x: "47",
+				y: "24",
+				rx: "9.4",
+				ry: "4.8",
+				width: "6",
+				height: "12",
+				children: /* @__PURE__ */ e("animate", {
+					attributeName: "opacity",
+					values: "1;0",
+					keyTimes: "0;1",
+					dur: "1s",
+					begin: "-0.16666666666666666s",
+					repeatCount: "indefinite"
+				})
+			})
+		}),
+		/* @__PURE__ */ e("g", {
+			transform: "rotate(300 50 50)",
+			children: /* @__PURE__ */ e("rect", {
+				x: "47",
+				y: "24",
+				rx: "9.4",
+				ry: "4.8",
+				width: "6",
+				height: "12",
+				children: /* @__PURE__ */ e("animate", {
+					attributeName: "opacity",
+					values: "1;0",
+					keyTimes: "0;1",
+					dur: "1s",
+					begin: "-0.08333333333333333s",
+					repeatCount: "indefinite"
+				})
+			})
+		}),
+		/* @__PURE__ */ e("g", {
+			transform: "rotate(330 50 50)",
+			children: /* @__PURE__ */ e("rect", {
+				x: "47",
+				y: "24",
+				rx: "9.4",
+				ry: "4.8",
+				width: "6",
+				height: "12",
+				children: /* @__PURE__ */ e("animate", {
+					attributeName: "opacity",
+					values: "1;0",
+					keyTimes: "0;1",
+					dur: "1s",
+					begin: "0s",
+					repeatCount: "indefinite"
+				})
+			})
+		})
+	]
+});
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=SpinnerLoading.js.map

package/lib/spinner/SpinnerLoading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpinnerLoading.js","names":[],"sources":["../../src/lib/spinner/SpinnerLoading.tsx"],"sourcesContent":["import { ISpinnerLoadingProps } from './types';\n\nconst SpinnerLoading = ({ color = '#3B3B3B', size = '50px' }: ISpinnerLoadingProps) => (\n  <svg \n    data-testid=\"spinner\" \n    className=\"lds-spinner spinnerloading\" \n    fill={color} \n    width={size}\n    height={size}\n    viewBox=\"0 0 100 100\" \n    preserveAspectRatio=\"xMidYMid\" style={{ background: 'none', float: 'right' }}>\n    <g transform=\"rotate(0 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"9.4\" ry=\"4.8\" width=\"6\" height=\"12\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.9166666666666666s\" repeatCount=\"indefinite\" />\n      </rect>\n    </g>\n    <g transform=\"rotate(30 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"9.4\" ry=\"4.8\" width=\"6\" height=\"12\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.8333333333333334s\" repeatCount=\"indefinite\" />\n      </rect>\n    </g>\n    <g transform=\"rotate(60 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"9.4\" ry=\"4.8\" width=\"6\" height=\"12\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.75s\" repeatCount=\"indefinite\" />\n      </rect>\n    </g>\n    <g transform=\"rotate(90 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"9.4\" ry=\"4.8\" width=\"6\" height=\"12\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.6666666666666666s\" repeatCount=\"indefinite\" />\n      </rect>\n    </g>\n    <g transform=\"rotate(120 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"9.4\" ry=\"4.8\" width=\"6\" height=\"12\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.5833333333333334s\" repeatCount=\"indefinite\" />\n      </rect>\n    </g>\n    <g transform=\"rotate(150 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"9.4\" ry=\"4.8\" width=\"6\" height=\"12\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.5s\" repeatCount=\"indefinite\" />\n      </rect>\n    </g>\n    <g transform=\"rotate(180 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"9.4\" ry=\"4.8\" width=\"6\" height=\"12\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.4166666666666667s\" repeatCount=\"indefinite\" />\n      </rect>\n    </g>\n    <g transform=\"rotate(210 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"9.4\" ry=\"4.8\" width=\"6\" height=\"12\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.3333333333333333s\" repeatCount=\"indefinite\" />\n      </rect>\n    </g>\n    <g transform=\"rotate(240 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"9.4\" ry=\"4.8\" width=\"6\" height=\"12\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.25s\" repeatCount=\"indefinite\" />\n      </rect>\n    </g>\n    <g transform=\"rotate(270 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"9.4\" ry=\"4.8\" width=\"6\" height=\"12\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.16666666666666666s\" repeatCount=\"indefinite\" />\n      </rect>\n    </g>\n    <g transform=\"rotate(300 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"9.4\" ry=\"4.8\" width=\"6\" height=\"12\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.08333333333333333s\" repeatCount=\"indefinite\" />\n      </rect>\n    </g>\n    <g transform=\"rotate(330 50 50)\">\n      <rect x=\"47\" y=\"24\" rx=\"9.4\" ry=\"4.8\" width=\"6\" height=\"12\">\n        <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"0s\" repeatCount=\"indefinite\" />\n      </rect>\n    </g>\n  </svg>\n);\n\nexport default SpinnerLoading;\n"],"mappings":"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"}

package/lib/spinner/index.d.ts

@@ -1,3 +1,5 @@
+import { default as SpinnerLoading } from './SpinnerLoading';
 import { ISpinnerProps } from './types';
 declare const Spinner: (props: ISpinnerProps) => import("react/jsx-runtime").JSX.Element | null;
 export default Spinner;
+export { SpinnerLoading };

package/lib/spinner/index.js

@@ -1,51 +1,48 @@
-import { j } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as D } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import { useState as L, useRef as N, useEffect as k } from "react";
-import C from "./SpinnerLoading.js";
-import '../assets/index6.css';const H = (E) => {
-  const e = D.c(20), {
-    align: T,
-    customClass: m,
-    style: d,
-    text: p,
-    visible: S,
-    delayTime: $,
-    heightAuto: x,
-    color: b,
-    size: B
-  } = E, t = T === void 0 ? "center" : T, R = S === void 0 ? !0 : S, r = $ === void 0 ? 1e3 : $, o = b === void 0 ? "#3B3B3B" : b, i = B === void 0 ? "50px" : B, [z, _] = L(!!r), v = N(null);
-  let l;
-  e[0] !== r ? (l = () => (r && (v.current = setTimeout(() => {
-    _(!1);
-  }, r)), () => {
-    v.current && clearTimeout(v.current);
-  }), e[0] = r, e[1] = l) : l = e[1];
-  let c;
-  e[2] === Symbol.for("react.memo_cache_sentinel") ? (c = [], e[2] = c) : c = e[2], k(l, c);
-  let u;
-  e[3] !== t || e[4] !== m || e[5] !== x ? (u = () => {
-    let s = `spinner-component -${t} ${m} `;
-    return x && (s = `${s} -heightauto`), s;
-  }, e[3] = t, e[4] = m, e[5] = x, e[6] = u) : u = e[6];
-  const A = u;
-  if (z || !R)
-    return null;
-  if (t !== "none") {
-    const s = A(), g = t === "right" && p;
-    let n;
-    e[7] !== o || e[8] !== i ? (n = /* @__PURE__ */ j.jsx(C, { color: o, size: i }), e[7] = o, e[8] = i, e[9] = n) : n = e[9];
-    const h = t === "left" && p, y = t === "center" && p;
-    let a;
-    return e[10] !== d || e[11] !== n || e[12] !== h || e[13] !== y || e[14] !== s || e[15] !== g ? (a = /* @__PURE__ */ j.jsxs("div", { style: d, className: s, children: [
-      g,
-      n,
-      h,
-      y
-    ] }), e[10] = d, e[11] = n, e[12] = h, e[13] = y, e[14] = s, e[15] = g, e[16] = a) : a = e[16], a;
-  }
-  let f;
-  return e[17] !== o || e[18] !== i ? (f = /* @__PURE__ */ j.jsx(C, { color: o, size: i }), e[17] = o, e[18] = i, e[19] = f) : f = e[19], f;
-};
-export {
-  H as default
+import { require_compiler_runtime as e } from "../node_modules/react/compiler-runtime.js";
+import t from "./SpinnerLoading.js";
+import '../assets/styles/spinner.css';/* empty css                       */
+import { useEffect as n, useRef as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/lib/spinner/index.tsx
+var s = e(), c = (e) => {
+	let c = (0, s.c)(17), { align: l, customClass: u, style: d, text: f, visible: p, delayTime: m, heightAuto: h, color: g, size: _ } = e, v = l === void 0 ? "center" : l, y = p === void 0 ? !0 : p, b = m === void 0 ? 1e3 : m, x = g === void 0 ? "#3B3B3B" : g, S = _ === void 0 ? "50px" : _, [C, w] = i(!!b), T = r(null), E;
+	c[0] === b ? E = c[1] : (E = () => (b && (T.current = setTimeout(() => {
+		w(!1);
+	}, b)), () => {
+		T.current && clearTimeout(T.current);
+	}), c[0] = b, c[1] = E);
+	let D;
+	c[2] === Symbol.for("react.memo_cache_sentinel") ? (D = [], c[2] = D) : D = c[2], n(E, D);
+	let O;
+	c[3] !== v || c[4] !== u || c[5] !== h ? (O = () => {
+		let e = `spinner-component -${v} ${u} `;
+		return h && (e = `${e} -heightauto`), e;
+	}, c[3] = v, c[4] = u, c[5] = h, c[6] = O) : O = c[6];
+	let k = O;
+	if (C || !y) return null;
+	if (v !== "none") {
+		let e;
+		return c[7] !== v || c[8] !== x || c[9] !== k || c[10] !== S || c[11] !== d || c[12] !== f ? (e = o("div", {
+			style: d,
+			className: k(),
+			children: [
+				v === "right" && f,
+				a(t, {
+					color: x,
+					size: S
+				}),
+				v === "left" && f,
+				v === "center" && f
+			]
+		}), c[7] = v, c[8] = x, c[9] = k, c[10] = S, c[11] = d, c[12] = f, c[13] = e) : e = c[13], e;
+	}
+	let A;
+	return c[14] !== x || c[15] !== S ? (A = a(t, {
+		color: x,
+		size: S
+	}), c[14] = x, c[15] = S, c[16] = A) : A = c[16], A;
 };
+//#endregion
+export { t as SpinnerLoading, c as default };
+
+//# sourceMappingURL=index.js.map

package/lib/spinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/lib/spinner/index.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport SpinnerLoading from './SpinnerLoading';\nimport '../assets/styles/spinner.scss';\nimport { ISpinnerProps } from './types';\n\nconst Spinner = (props: ISpinnerProps) => {\n  const {\n    align = 'center',\n    customClass,\n    style,\n    text,\n    visible = true,\n    delayTime = 1000,\n    heightAuto,\n    color = '#3B3B3B',\n    size = '50px',\n  } = props;\n  const [delay, setDelay] = useState(!!delayTime);\n  const delayTimeout = useRef<NodeJS.Timeout | null>(null);\n\n  useEffect(() => {\n    if (delayTime) {\n      delayTimeout.current = setTimeout(() => {\n        setDelay(false);\n      }, delayTime);\n    }\n\n    return () => {\n      if (delayTimeout.current) {\n        clearTimeout(delayTimeout.current);\n      }\n    };\n  }, []);\n\n  const getCssClass = () => {\n    let css = `spinner-component -${align} ${customClass} `;\n    if (heightAuto) css = `${css} -heightauto`;\n    return css;\n  };\n\n  if (delay) return null;\n  if (!visible) return null;\n  if (align !== 'none') {\n    return (\n      <div\n        style={style}\n        className={getCssClass()} >\n        {align === 'right' && text}\n        <SpinnerLoading color={color} size={size} />\n        {align === 'left' && text}\n        {align === 'center' && text}\n      </div>\n    );\n  }\n\n  return <SpinnerLoading color={color} size={size} />;\n};\n\nexport default Spinner;\nexport { SpinnerLoading };\n"],"mappings":";;;;;;aAKM,KAAA,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,GAAA,GAAA,EACJ,EAAA,OAAA,GAAA,gBAAA,UAAA,SAAA,SAAA,GAAA,WAAA,GAAA,eAAA,OAAA,GAAA,MAAA,MAUI,GATF,IAAA,MAAA,KAAA,IAAA,WAAA,GAIA,IAAA,MAAA,KAAA,IAAA,KAAA,GACA,IAAA,MAAA,KAAA,IAAA,MAAA,GAEA,IAAA,MAAA,KAAA,IAAA,YAAA,GACA,IAAA,MAAA,KAAA,IAAA,SAAA,GAEF,CAAA,GAAA,KAA0B,EAAS,CAAC,CAAC,EAAU,EAC/C,IAAqB,EAA8B,KAAK,EAAA;AAAA,CAAA,EAAA,OAAA,gBAExD,WACM,MACF,EAAA,UAAuB,iBAAA;AACrB,IAAS,GAAM;IACd,EAFU,SAKf;AACE,EAAI,EAAA,WACF,aAAa,EAAA,QAAqB;;;AATxC,qDAYG,IAAA,EAAE,EAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IAZL,EAAA,GAYG,EAAG;CAAA,IAAA;AAAA,CAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAEA,UAAA;EACJ,IAAA,IAAU,sBAAsB,EAAA,GAAS,EAAA;AACZ,SAAzB,MAAY,IAAM,GAAG,EAAA,gBAClB;;CAHT,IAAA,IAAM;AAON,KADI,KACA,CAAC,EAAA,QAAgB;AACrB,KAAI,MAAU,QAAA;EAAA,IAAA;SAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAEV,IAAA,EAAC,OAAD;GAAA;GAAA,WAEa,GAAa;GAAA,UAF1B;IAGG,MAAU,WAAV;IACD,EAAC,GAAD;KAAA;KAAA;KAA4C,CAAA;IAC3C,MAAU,UAAV;IACA,MAAU,YAAV;IAAsB;6FANzB;;;AAW+C,sCAA5C,IAAA,EAAC,GAAD;EAAA;EAAA;EAA4C,CAAA,EAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA,KAA5C"}

package/lib/spinner/types.d.ts

@@ -9,9 +9,9 @@ export interface ISpinnerProps {
     delayTime?: number;
     heightAuto?: boolean;
     color?: string;
-    size?: string;
+    size?: string | number;
 }
 export interface ISpinnerLoadingProps {
     color?: string;
-    size: string;
+    size: string | number;
 }