linear-react-components-ui 1.1.26-beta.2 → 1.1.26-beta.21

package/lib/radio/index.js

@@ -1,96 +1,114 @@
-import { j as s } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import { useState as f, useEffect as S } from "react";
-/* empty css                       */
-import { OPTIONS_ON_DENIED as x, actionsOnPermissionDenied as w } from "../permissionValidations.js";
-import L from "../popover/index.js";
-import b from "../textContent/index.js";
-const B = ({
-  id: i,
-  label: h,
-  value: j,
-  checked: e,
-  onChange: n,
-  name: g = "",
-  disabled: l = !1,
-  required: a = !1,
-  skeletonize: r = !1,
-  defaultChecked: m = !1,
-  inputRef: N,
-  size: d = "medium",
-  customClassForLabel: P,
-  labelUppercase: D,
-  hint: c,
-  hintPosition: v = "onLabelRight",
-  themePopover: y = "light",
-  popoverAlign: C = "left",
-  permissionAttr: I
-}) => {
-  const [p, E] = f(e), O = [x.disabled, x.unvisible], [u] = f(w(O, I));
-  S(() => {
-    e !== p && E(e);
-  }, [e]);
-  const t = () => l || !!u.disabled || r, R = () => {
-    let o = {};
-    return o = {
-      ...m && !e ? { defaultChecked: m } : { checked: p }
-    }, n && !t() && (o = {
-      ...o,
-      onChange: ($) => n($),
+import { jsx as b, jsxs as H } from "react/jsx-runtime";
+import { c as de } from "../_virtual/compiler-runtime.js";
+import { useState as ie, useEffect as ce } from "react";
+import '../assets/styles/radio.css';/* empty css                          */
+import { actionsOnPermissionDenied as re, OPTIONS_ON_DENIED as se } from "../permissionValidations.js";
+import me from "../popover/index.js";
+import oe from "../textContent/index.js";
+const fe = (le) => {
+  const e = de.c(58), {
+    id: s,
+    label: E,
+    value: O,
+    checked: t,
+    onChange: v,
+    name: J,
+    disabled: M,
+    required: Q,
+    skeletonize: V,
+    defaultChecked: W,
+    inputRef: A,
+    size: X,
+    customClassForLabel: L,
+    labelUppercase: j,
+    hint: g,
+    hintPosition: Y,
+    themePopover: Z,
+    popoverAlign: ee,
+    permissionAttr: q
+  } = le, w = J === void 0 ? "" : J, k = M === void 0 ? !1 : M, o = Q === void 0 ? !1 : Q, C = V === void 0 ? !1 : V, P = W === void 0 ? !1 : W, te = X === void 0 ? "medium" : X, F = Y === void 0 ? "onLabelRight" : Y, T = Z === void 0 ? "light" : Z, K = ee === void 0 ? "left" : ee, [l, ne] = ie(t);
+  let x, N;
+  if (e[0] !== q) {
+    const u = [se.disabled, se.unvisible];
+    x = ie, N = re(u, q), e[0] = q, e[1] = x, e[2] = N;
+  } else
+    x = e[1], N = e[2];
+  const [y] = x(N);
+  let z;
+  e[3] !== t || e[4] !== l ? (z = () => {
+    t !== l && ne(t);
+  }, e[3] = t, e[4] = l, e[5] = z) : z = e[5];
+  let D;
+  e[6] !== t ? (D = [t], e[6] = t, e[7] = D) : D = e[7], ce(z, D);
+  let R;
+  e[8] !== k || e[9] !== y.disabled || e[10] !== C ? (R = () => k || !!y.disabled || C, e[8] = k, e[9] = y.disabled, e[10] = C, e[11] = R) : R = e[11];
+  const i = R;
+  let _;
+  e[12] !== t || e[13] !== P || e[14] !== l || e[15] !== v || e[16] !== i ? (_ = () => {
+    let u;
+    return u = {
+      ...P && !t ? {
+        defaultChecked: P
+      } : {
+        checked: l
+      }
+    }, v && !i() && (u = {
+      ...u,
+      onChange: (ae) => v(ae),
       onKeyDown: null,
       role: "button",
       tabIndex: "0"
-    }), o;
-  };
-  return u.unvisible ? null : /* @__PURE__ */ s.jsxs("div", { className: "radio-input", style: { display: "flex", alignItems: "center" }, children: [
-    /* @__PURE__ */ s.jsxs(
-      "div",
-      {
-        className: `radio-button ${l ? "disabled" : ""} ${r ? "-skeletonized" : ""}`,
-        children: [
-          /* @__PURE__ */ s.jsx(
-            "input",
-            {
-              ...R(),
-              ref: N,
-              className: "radio-component",
-              type: "radio",
-              value: j,
-              id: i,
-              name: g,
-              required: a,
-              disabled: t()
-            }
-          ),
-          /* @__PURE__ */ s.jsx("label", { className: `description ${d && `-${d}`}`, htmlFor: i, children: /* @__PURE__ */ s.jsxs("span", { children: [
-            /* @__PURE__ */ s.jsx(
-              b,
-              {
-                required: a,
-                disabled: t(),
-                className: P,
-                labelUppercase: D
-              }
-            ),
-            h,
-            /* @__PURE__ */ s.jsx(b, {})
-          ] }) })
-        ]
-      }
-    ),
-    !!c && v === "onLabelRight" && /* @__PURE__ */ s.jsx(
-      L,
-      {
-        theme: y,
-        align: C,
-        customClass: "-hint",
-        iconColor: "#03bde2",
-        iconSize: 16,
-        style: { margin: "0px 5px", height: "auto", width: 20 },
-        children: c
-      }
-    )
-  ] });
+    }), u;
+  }, e[12] = t, e[13] = P, e[14] = l, e[15] = v, e[16] = i, e[17] = _) : _ = e[17];
+  const U = _;
+  if (y.unvisible)
+    return null;
+  let I;
+  e[18] === Symbol.for("react.memo_cache_sentinel") ? (I = {
+    display: "flex",
+    alignItems: "center"
+  }, e[18] = I) : I = e[18];
+  const B = `radio-button ${k ? "disabled" : ""} ${C ? "-skeletonized" : ""}`;
+  let n;
+  e[19] !== U ? (n = U(), e[19] = U, e[20] = n) : n = e[20];
+  let a;
+  e[21] !== i ? (a = i(), e[21] = i, e[22] = a) : a = e[22];
+  let d;
+  e[23] !== s || e[24] !== A || e[25] !== w || e[26] !== o || e[27] !== n || e[28] !== a || e[29] !== O ? (d = /* @__PURE__ */ b("input", { ...n, ref: A, className: "radio-component", type: "radio", value: O, id: s, name: w, required: o, disabled: a }), e[23] = s, e[24] = A, e[25] = w, e[26] = o, e[27] = n, e[28] = a, e[29] = O, e[30] = d) : d = e[30];
+  const G = `description ${te && `-${te}`}`;
+  let c;
+  e[31] !== i ? (c = i(), e[31] = i, e[32] = c) : c = e[32];
+  let r;
+  e[33] !== L || e[34] !== j || e[35] !== o || e[36] !== c ? (r = /* @__PURE__ */ b(oe, { required: o, disabled: c, className: L, labelUppercase: j }), e[33] = L, e[34] = j, e[35] = o, e[36] = c, e[37] = r) : r = e[37];
+  let S;
+  e[38] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ b(oe, {}), e[38] = S) : S = e[38];
+  let m;
+  e[39] !== E || e[40] !== r ? (m = /* @__PURE__ */ H("span", { children: [
+    r,
+    E,
+    S
+  ] }), e[39] = E, e[40] = r, e[41] = m) : m = e[41];
+  let f;
+  e[42] !== s || e[43] !== G || e[44] !== m ? (f = /* @__PURE__ */ b("label", { className: G, htmlFor: s, children: m }), e[42] = s, e[43] = G, e[44] = m, e[45] = f) : f = e[45];
+  let p;
+  e[46] !== B || e[47] !== d || e[48] !== f ? (p = /* @__PURE__ */ H("div", { className: B, children: [
+    d,
+    f
+  ] }), e[46] = B, e[47] = d, e[48] = f, e[49] = p) : p = e[49];
+  let h;
+  e[50] !== g || e[51] !== F || e[52] !== K || e[53] !== T ? (h = !!g && F === "onLabelRight" && /* @__PURE__ */ b(me, { theme: T, align: K, customClass: "-hint", iconColor: "#03bde2", iconSize: 16, style: {
+    margin: "0px 5px",
+    height: "auto",
+    width: 20
+  }, children: g }), e[50] = g, e[51] = F, e[52] = K, e[53] = T, e[54] = h) : h = e[54];
+  let $;
+  return e[55] !== p || e[56] !== h ? ($ = /* @__PURE__ */ H("div", { className: "radio-input", style: I, children: [
+    p,
+    h
+  ] }), e[55] = p, e[56] = h, e[57] = $) : $ = e[57], $;
 };
+fe.displayName = "Radio";
 export {
-  B as default
+  fe as default
 };
+//# sourceMappingURL=index.js.map

package/lib/radio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/lib/radio/index.tsx"],"sourcesContent":["import { useState, useEffect, ChangeEvent } from 'react';\nimport '../assets/styles/radio.scss';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../permissionValidations';\n\nimport { IRadioProps } from './types';\nimport { OnDenied } from '../@types/PermissionAttr';\nimport Popover from '../popover';\nimport TextContent from '../textContent';\n\n/**\n * IMPORTANTE: Caso seja necessário alterar o nome do componente, deverá ser refatorado\n * o componente Field dentro do componente Form, pois o mesmo leva em consideração o tipo do\n * componente para gerar propriedades customizadas.\n */\n\nconst Radio = ({\n  id,\n  label,\n  value,\n  checked,\n  onChange,\n  name = '',\n  disabled = false,\n  required = false,\n  skeletonize = false,\n  defaultChecked = false,\n  inputRef,\n  size = 'medium',\n  customClassForLabel, \n  labelUppercase, \n  hint,\n  hintPosition = 'onLabelRight',\n  themePopover = 'light',\n  popoverAlign = 'left',\n  permissionAttr, \n}: IRadioProps) => {\n  const [isChecked, setIsChecked] = useState(checked);\n  const options = [OPTIONS_ON_DENIED.disabled, OPTIONS_ON_DENIED.unvisible];\n  const [onDenied] = useState<OnDenied>(actionsOnPermissionDenied(options, permissionAttr));\n\n  useEffect(() => {\n    if (checked !== isChecked) setIsChecked(checked);\n  }, [checked]);\n\n  const shouldDisable = () => disabled || !!onDenied.disabled || skeletonize;\n\n  const getCustomProps = () => {\n    let customProps = {};\n    const checkProps = defaultChecked && !checked ? { defaultChecked } : { checked: isChecked };\n    customProps = {\n      ...checkProps,\n    };\n\n    if (onChange && !shouldDisable()) {\n      customProps = {\n        ...customProps,\n        onChange: (e: ChangeEvent<HTMLInputElement>) => onChange(e),\n        onKeyDown: null,\n        role: 'button',\n        tabIndex: '0',\n      };\n    }\n    return customProps;\n  };\n\n  if (onDenied.unvisible) return null;\n\n  return (\n    <div className='radio-input' style={{ display: 'flex', alignItems: 'center' }}>\n      <div\n        className={`radio-button ${disabled ? 'disabled' : ''} ${skeletonize ? '-skeletonized' : ''}`}>\n        <input\n          {...getCustomProps()}\n          ref={inputRef}\n          className=\"radio-component\"\n          type=\"radio\"\n          value={value}\n          id={id}\n          name={name}\n          required={required}\n          disabled={shouldDisable()} />\n        <label className={`description ${size && `-${size}`}`} htmlFor={id}>\n          <span>\n            <TextContent \n              required={required}\n              disabled={shouldDisable()}\n              className={customClassForLabel}\n              labelUppercase={labelUppercase} />\n            {label}\n            <TextContent />\n          </span>\n        </label>\n      </div>\n      {!!hint && hintPosition === 'onLabelRight' && (\n        <Popover \n          theme={themePopover}\n          align={popoverAlign}\n          customClass=\"-hint\"\n          iconColor=\"#03bde2\" \n          iconSize={16}\n          style={{ margin: '0px 5px', height: 'auto', width: 20 }}>\n          {hint}\n        </Popover>\n      )}\n    </div>\n  );\n};\n\nRadio.displayName = 'Radio';\n\nexport default Radio;\n"],"names":["Radio","t0","$","_c","id","label","value","checked","onChange","name","t1","disabled","t2","required","t3","skeletonize","t4","defaultChecked","t5","inputRef","size","t6","customClassForLabel","labelUppercase","hint","hintPosition","t7","themePopover","t8","popoverAlign","t9","permissionAttr","undefined","isChecked","setIsChecked","useState","t10","t11","options","OPTIONS_ON_DENIED","unvisible","actionsOnPermissionDenied","onDenied","t12","t13","useEffect","t14","shouldDisable","t15","customProps","checkProps","e","onKeyDown","role","tabIndex","getCustomProps","t16","Symbol","for","display","alignItems","t17","t18","t19","t20","t21","t22","t23","TextContent","t24","t25","t26","t27","jsxs","t28","Popover","margin","height","width","t29","displayName"],"mappings":"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"}

package/lib/shortcuts/index.js

@@ -1,9 +1,24 @@
-import { j as s } from "../chunks/jsx-runtime.CYK1ROHF.js";
-const d = ({ type: t, style: o, styleShortcut: c, shortcut: e, description: r }) => /* @__PURE__ */ s.jsxs("p", { "data-testid": "description", className: "shortcut-description", style: o, children: [
-  /* @__PURE__ */ s.jsx("kbd", { "data-testid": "shortcut", className: `shortcut-component ${t && `-${t}`}`, style: c, children: e }),
-  ": ",
-  r
-] });
+import { jsx as a, jsxs as d } from "react/jsx-runtime";
+import { c as m } from "../_virtual/compiler-runtime.js";
+import '../assets/styles/shortcuts.css';/* empty css                              */
+const x = (p) => {
+  const t = m.c(8), {
+    type: n,
+    style: o,
+    styleShortcut: c,
+    shortcut: r,
+    description: i
+  } = p, l = `shortcut-component ${n && `-${n}`}`;
+  let s;
+  t[0] !== r || t[1] !== c || t[2] !== l ? (s = /* @__PURE__ */ a("kbd", { "data-testid": "shortcut", className: l, style: c, children: r }), t[0] = r, t[1] = c, t[2] = l, t[3] = s) : s = t[3];
+  let e;
+  return t[4] !== i || t[5] !== o || t[6] !== s ? (e = /* @__PURE__ */ d("p", { "data-testid": "description", className: "shortcut-description", style: o, children: [
+    s,
+    ": ",
+    i
+  ] }), t[4] = i, t[5] = o, t[6] = s, t[7] = e) : e = t[7], e;
+};
 export {
-  d as default
+  x as default
 };
+//# sourceMappingURL=index.js.map

package/lib/shortcuts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/lib/shortcuts/index.tsx"],"sourcesContent":["import { IShortcutsProps } from './types';\nimport '../assets/styles/shortcuts.scss';\n\nconst Shortcuts = ({ type, style, styleShortcut, shortcut, description }: IShortcutsProps) => (\n  <p data-testid=\"description\" className=\"shortcut-description\" style={style}>\n    <kbd data-testid=\"shortcut\" className={`shortcut-component ${type && `-${type}`}`} style={styleShortcut}>\n      {shortcut}\n    </kbd>\n    &#58;&nbsp;\n    {description}\n  </p>\n);\n\nexport default Shortcuts;\n"],"names":["Shortcuts","t0","$","_c","type","style","styleShortcut","shortcut","description","t1","t2","jsx","t3"],"mappings":";;;AAGA,MAAMA,IAAYC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAAC;AAAA,IAAAC,MAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,aAAAA;AAAAA,EAAAA,IAAAP,GAEwBQ,IAAA,sBAAsBL,KAAA,IAAYA,CAAI,EAAE;AAAE,MAAAM;AAAA,EAAAR,EAAA,CAAA,MAAAK,KAAAL,SAAAI,KAAAJ,EAAA,CAAA,MAAAO,KAAjFC,IAAA,gBAAAC,EAAA,SAAiB,eAAA,YAAsB,WAAAF,GAAmDH,OAAAA,GACvFC,UAAAA,EAAAA,CACH,GAAML,OAAAK,GAAAL,OAAAI,GAAAJ,OAAAO,GAAAP,OAAAQ,KAAAA,IAAAR,EAAA,CAAA;AAAA,MAAAU;AAAA,SAAAV,EAAA,CAAA,MAAAM,KAAAN,SAAAG,KAAAH,EAAA,CAAA,MAAAQ,KAHRE,sBAAA,KAAA,EAAe,eAAA,eAAwB,WAAA,wBAA8BP,OAAAA,GACnEK,UAAAA;AAAAA,IAAAA;AAAAA,IAEM;AAAA,IAELF;AAAAA,EAAAA,GACH,GAAIN,OAAAM,GAAAN,OAAAG,GAAAH,OAAAQ,GAAAR,OAAAU,KAAAA,IAAAV,EAAA,CAAA,GANJU;AAMI;"}

package/lib/skeleton/SkeletonContainer.js

@@ -1,9 +1,20 @@
-import { j as r } from "../chunks/jsx-runtime.CYK1ROHF.js";
-const c = ({ children: t, row: e, customClass: o, style: n }) => {
-  const s = () => `skeletoncontainer-component ${o}
-    ${e && "-row"}`;
-  return /* @__PURE__ */ r.jsx("div", { className: s(), style: n, children: t });
+import { jsx as i } from "react/jsx-runtime";
+import { c as m } from "../_virtual/compiler-runtime.js";
+const C = (a) => {
+  const t = m.c(7), {
+    children: o,
+    row: n,
+    customClass: l,
+    style: r
+  } = a;
+  let e;
+  t[0] !== l || t[1] !== n ? (e = () => `skeletoncontainer-component ${l}
+    ${n && "-row"}`, t[0] = l, t[1] = n, t[2] = e) : e = t[2];
+  const c = e();
+  let s;
+  return t[3] !== o || t[4] !== r || t[5] !== c ? (s = /* @__PURE__ */ i("div", { className: c, style: r, children: o }), t[3] = o, t[4] = r, t[5] = c, t[6] = s) : s = t[6], s;
 };
 export {
-  c as default
+  C as default
 };
+//# sourceMappingURL=SkeletonContainer.js.map

package/lib/skeleton/SkeletonContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonContainer.js","sources":["../../src/lib/skeleton/SkeletonContainer.tsx"],"sourcesContent":["import { ISkeletonContainerProps } from './types';\n\nconst SkeletonContainer = ({ children, row, customClass, style }: ISkeletonContainerProps) => {\n  const getClass = () => (\n    `skeletoncontainer-component ${customClass}\n    ${row && '-row'}`\n  );\n\n  return (\n    <div className={getClass()} style={style}>\n      {children}\n    </div>\n  );\n};\n\nexport default SkeletonContainer;\n"],"names":["SkeletonContainer","t0","$","_c","children","row","customClass","style","t1","t2","getClass","t3"],"mappings":";;AAEA,MAAMA,IAAoBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAAC;AAAA,IAAAC,UAAAA;AAAAA,IAAAC,KAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,OAAAA;AAAAA,EAAAA,IAAAN;AAA8D,MAAAO;AAAA,EAAAN,EAAA,CAAA,MAAAI,KAAAJ,SAAAG,KACtEG,IAAAA,MACf,+BAA+BF,CAAW;AAAA,MACxCD,KAAA,MAAa,IAChBH,OAAAI,GAAAJ,OAAAG,GAAAH,OAAAM,KAAAA,IAAAN,EAAA,CAAA;AAGiB,QAAAO,IANDD,EAMCE;AAAU,MAAAC;AAAA,SAAAT,EAAA,CAAA,MAAAE,KAAAF,SAAAK,KAAAL,EAAA,CAAA,MAAAO,KAA1BE,+BAAgB,WAAAF,GAAmBF,OAAAA,GAChCH,UAAAA,GACH,GAAMF,OAAAE,GAAAF,OAAAK,GAAAL,OAAAO,GAAAP,OAAAS,KAAAA,IAAAT,EAAA,CAAA,GAFNS;AAEM;"}

package/lib/skeleton/index.js

@@ -1,25 +1,49 @@
-import { j as n } from "../chunks/jsx-runtime.CYK1ROHF.js";
-/* empty css                            */
-import p from "../gridlayout/GridCol.js";
-import { default as y } from "./SkeletonContainer.js";
-/* empty css                          */
-const h = (l) => {
-  const {
-    customClass: i = "",
+import { jsx as C } from "react/jsx-runtime";
+import { c as v } from "../_virtual/compiler-runtime.js";
+import S from "../gridlayout/GridCol.js";
+import { default as E } from "./SkeletonContainer.js";
+import '../assets/styles/skeleton.css';/* empty css                             */
+const w = ($) => {
+  const t = v.c(15), {
+    customClass: u,
     style: m,
     width: a,
-    height: c,
-    round: t,
-    color: o = "default",
-    size: e = "medium",
-    gridLayout: s
-  } = l, d = { width: a, height: c }, u = () => `skeleton-component ${i}
+    height: d,
+    round: e,
+    color: f,
+    size: p,
+    gridLayout: n
+  } = $, l = u === void 0 ? "" : u, o = f === void 0 ? "default" : f, s = p === void 0 ? "medium" : p;
+  let i, r;
+  if (t[0] !== o || t[1] !== l || t[2] !== n || t[3] !== d || t[4] !== e || t[5] !== s || t[6] !== m || t[7] !== a) {
+    r = Symbol.for("react.early_return_sentinel");
+    t: {
+      const h = {
+        width: a,
+        height: d
+      };
+      let c;
+      t[10] !== o || t[11] !== l || t[12] !== e || t[13] !== s ? (c = () => `skeleton-component ${l}
     ${o && `-${o}`}
-    ${t && "-round"}
-    ${t && e && `-${e}`}`, r = () => /* @__PURE__ */ n.jsx("div", { className: u(), style: { ...d, ...m } });
-  return s !== void 0 ? /* @__PURE__ */ n.jsx(p, { customClass: "-withskeleton", cols: s, children: r() }) : r();
+    ${e && "-round"}
+    ${e && s && `-${s}`}`, t[10] = o, t[11] = l, t[12] = e, t[13] = s, t[14] = c) : c = t[14];
+      const k = c, y = () => /* @__PURE__ */ C("div", { className: k(), style: {
+        ...h,
+        ...m
+      } });
+      if (n !== void 0) {
+        r = /* @__PURE__ */ C(S, { customClass: "-withskeleton", cols: n, children: y() });
+        break t;
+      }
+      i = y();
+    }
+    t[0] = o, t[1] = l, t[2] = n, t[3] = d, t[4] = e, t[5] = s, t[6] = m, t[7] = a, t[8] = i, t[9] = r;
+  } else
+    i = t[8], r = t[9];
+  return r !== Symbol.for("react.early_return_sentinel") ? r : i;
 };
 export {
-  y as SkeletonContainer,
-  h as default
+  E as SkeletonContainer,
+  w as default
 };
+//# sourceMappingURL=index.js.map

package/lib/skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/lib/skeleton/index.tsx"],"sourcesContent":["import Grid from '../gridlayout';\nimport SkeletonContainer from './SkeletonContainer';\nimport '../assets/styles/skeleton.scss';\nimport { ISkeletonProps } from './types';\n\nconst Skeleton = (props: ISkeletonProps) => {\n  const {\n    customClass = '', style, width, height, round, color = 'default', size = 'medium', gridLayout,\n  } = props;\n  const customStyles = { width, height };\n\n  const getClass = () => (\n    `skeleton-component ${customClass}\n    ${color && `-${color}`}\n    ${round && '-round'}\n    ${round && size && `-${size}`}`\n  );\n\n  const renderContent = () => (\n    <div className={getClass()} style={{ ...customStyles, ...style }} />\n  );\n\n  if (gridLayout !== undefined) {\n    return (\n      <Grid customClass=\"-withskeleton\" cols={gridLayout}>\n        {renderContent()}\n      </Grid>\n    );\n  }\n\n  return renderContent();\n};\n\nexport default Skeleton;\nexport { SkeletonContainer };\n"],"names":["Skeleton","props","$","_c","customClass","t0","style","width","height","round","color","t1","size","t2","gridLayout","undefined","t3","t4","Symbol","for","bb0","customStyles","t5","getClass","renderContent","jsx","Grid"],"mappings":";;;;;AAKA,MAAMA,IAAWC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GACf;AAAA,IAAAC,aAAAC;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,OAAAC;AAAAA,IAAAC,MAAAC;AAAAA,IAAAC,YAAAA;AAAAA,EAAAA,IAEIb,GADFG,IAAAC,MAAAU,SAAA,KAAAV,GAA+CK,IAAAC,MAAAI,SAAA,YAAAJ,GAAmBC,IAAAC,MAAAE,SAAA,WAAAF;AAAe,MAAAG,GAAAC;AAAA,MAAAf,EAAA,CAAA,MAAAQ,KAAAR,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAY,KAAAZ,EAAA,CAAA,MAAAM,KAAAN,EAAA,CAAA,MAAAO,KAAAP,EAAA,CAAA,MAAAU,KAAAV,EAAA,CAAA,MAAAI,KAAAJ,SAAAK,GAAA;AAiB/EU,IAAAA,IAAAC,OAEOC,IAFP,6BAEM;AAACC,IAAAA,GAAA;AAjBX,YAAAC,IAAqB;AAAA,QAAAd,OAAAA;AAAAA,QAAAC,QAAAA;AAAAA,MAAAA;AAAkB,UAAAc;AAAA,MAAApB,EAAA,EAAA,MAAAQ,KAAAR,EAAA,EAAA,MAAAE,KAAAF,EAAA,EAAA,MAAAO,KAAAP,UAAAU,KAEtBU,IAAAA,MACf,sBAAsBlB,CAAW;AAAA,MAC/BM,KAAA,IAAaA,CAAK,EAAE;AAAA,MACpBD,KAAA,QAAiB;AAAA,MACjBA,KAAAG,KAAA,IAAqBA,CAAI,EAAE,IAC9BV,QAAAQ,GAAAR,QAAAE,GAAAF,QAAAO,GAAAP,QAAAU,GAAAV,QAAAoB,KAAAA,IAAApB,EAAA,EAAA;AALD,YAAAqB,IAAiBD,GAOjBE,IAAsBA,MACpB,gBAAAC,WAAgB,WAAAF,EAAAA,GAAmB,OAAA;AAAA,QAAA,GAAKF;AAAAA,QAAY,GAAKf;AAAAA,MAAAA,GAAO;AAGlE,UAAIQ,MAAeC,QAAS;AAExBE,QAAAA,sBAACS,GAAA,EAAiB,aAAA,iBAAsBZ,MAAAA,GACrCU,eACH;AAFA,cAAAJ;AAAAA,MAEO;AAIJJ,MAAAA,IAAAQ,EAAAA;AAAAA,IAAe;AAAAtB,IAAAA,OAAAQ,GAAAR,OAAAE,GAAAF,OAAAY,GAAAZ,OAAAM,GAAAN,OAAAO,GAAAP,OAAAU,GAAAV,OAAAI,GAAAJ,OAAAK,GAAAL,OAAAc,GAAAd,OAAAe;AAAAA,EAAA;AAAAD,IAAAA,IAAAd,EAAA,CAAA,GAAAe,IAAAf,EAAA,CAAA;AAAA,SAAAe,MAAAC,OAAAC,IAAA,6BAAA,IAAAF,IAAfD;AAAe;"}

package/lib/spinner/SpinnerLoading.js

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

package/lib/spinner/SpinnerLoading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpinnerLoading.js","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"],"names":["SpinnerLoading","t0","$","_c","color","t1","size","t2","undefined","t3","Symbol","for","background","float","t4","jsx","t5","t6","t7","t8","t9","t10","t11","t12","t13","t14","t15","t16"],"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,41 +1,54 @@
-import { j as i } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import { useState as h, useRef as j, useEffect as y } from "react";
-import l from "./SpinnerLoading.js";
-const S = (c) => {
-  const {
-    align: e = "center",
+import { jsx as C, jsxs as D } from "react/jsx-runtime";
+import { c as L } from "../_virtual/compiler-runtime.js";
+import { useState as N, useRef as k, useEffect as q } from "react";
+import j from "./SpinnerLoading.js";
+import '../assets/styles/spinner.css';/* empty css                            */
+const J = (z) => {
+  const e = L.c(20), {
+    align: T,
     customClass: a,
-    style: f,
-    text: t,
-    visible: m = !0,
-    delayTime: r = 1e3,
-    heightAuto: p,
-    color: o = "#3B3B3B",
-    size: u = "50px"
-  } = c, [x, d] = h(!!r), s = j(null);
-  y(() => (r && (s.current = setTimeout(() => {
-    d(!1);
+    style: d,
+    text: p,
+    visible: S,
+    delayTime: $,
+    heightAuto: v,
+    color: b,
+    size: B
+  } = z, t = T === void 0 ? "center" : T, E = S === void 0 ? !0 : S, r = $ === void 0 ? 1e3 : $, o = b === void 0 ? "#3B3B3B" : b, i = B === void 0 ? "50px" : B, [R, _] = N(!!r), g = k(null);
+  let l;
+  e[0] !== r ? (l = () => (r && (g.current = setTimeout(() => {
+    _(!1);
   }, r)), () => {
-    s.current && clearTimeout(s.current);
-  }), []);
-  const g = () => {
-    let n = `spinner-component -${e} ${a} `;
-    return p && (n = `${n} -heightauto`), n;
-  };
-  return x || !m ? null : e !== "none" ? /* @__PURE__ */ i.jsxs(
-    "div",
-    {
-      style: f,
-      className: g(),
-      children: [
-        e === "right" && t,
-        /* @__PURE__ */ i.jsx(l, { color: o, size: u }),
-        e === "left" && t,
-        e === "center" && t
-      ]
-    }
-  ) : /* @__PURE__ */ i.jsx(l, { color: o, size: u });
+    g.current && clearTimeout(g.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], q(l, c);
+  let u;
+  e[3] !== t || e[4] !== a || e[5] !== v ? (u = () => {
+    let s = `spinner-component -${t} ${a} `;
+    return v && (s = `${s} -heightauto`), s;
+  }, e[3] = t, e[4] = a, e[5] = v, e[6] = u) : u = e[6];
+  const A = u;
+  if (R || !E)
+    return null;
+  if (t !== "none") {
+    const s = A(), h = t === "right" && p;
+    let n;
+    e[7] !== o || e[8] !== i ? (n = /* @__PURE__ */ C(j, { color: o, size: i }), e[7] = o, e[8] = i, e[9] = n) : n = e[9];
+    const y = t === "left" && p, x = t === "center" && p;
+    let m;
+    return e[10] !== d || e[11] !== n || e[12] !== y || e[13] !== x || e[14] !== s || e[15] !== h ? (m = /* @__PURE__ */ D("div", { style: d, className: s, children: [
+      h,
+      n,
+      y,
+      x
+    ] }), e[10] = d, e[11] = n, e[12] = y, e[13] = x, e[14] = s, e[15] = h, e[16] = m) : m = e[16], m;
+  }
+  let f;
+  return e[17] !== o || e[18] !== i ? (f = /* @__PURE__ */ C(j, { color: o, size: i }), e[17] = o, e[18] = i, e[19] = f) : f = e[19], f;
 };
 export {
-  S as default
+  j as SpinnerLoading,
+  J as default
 };
+//# sourceMappingURL=index.js.map