linear-react-components-ui 1.1.26-beta-1 → 1.1.26-beta.10

package/lib/radio/index.js

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

package/lib/shortcuts/index.js

@@ -1,9 +1,22 @@
-import { j as s } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import '../assets/index15.css';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 { j as a } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as d } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import '../assets/index15.css';const h = (p) => {
+  const t = d.c(8), {
+    type: l,
+    style: o,
+    styleShortcut: c,
+    shortcut: r,
+    description: i
+  } = p, n = `shortcut-component ${l && `-${l}`}`;
+  let s;
+  t[0] !== r || t[1] !== c || t[2] !== n ? (s = /* @__PURE__ */ a.jsx("kbd", { "data-testid": "shortcut", className: n, style: c, children: r }), t[0] = r, t[1] = c, t[2] = n, t[3] = s) : s = t[3];
+  let e;
+  return t[4] !== i || t[5] !== o || t[6] !== s ? (e = /* @__PURE__ */ a.jsxs("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
+  h as default
 };

package/lib/skeleton/SkeletonContainer.js

@@ -1,9 +1,19 @@
-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 { j as i } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as m } from "../chunks/compiler-runtime.Cu50tn6L.js";
+const x = (a) => {
+  const t = m.c(7), {
+    children: o,
+    row: n,
+    customClass: r,
+    style: l
+  } = a;
+  let s;
+  t[0] !== r || t[1] !== n ? (s = () => `skeletoncontainer-component ${r}
+    ${n && "-row"}`, t[0] = r, t[1] = n, t[2] = s) : s = t[2];
+  const c = s();
+  let e;
+  return t[3] !== o || t[4] !== l || t[5] !== c ? (e = /* @__PURE__ */ i.jsx("div", { className: c, style: l, children: o }), t[3] = o, t[4] = l, t[5] = c, t[6] = e) : e = t[6], e;
 };
 export {
-  c as default
+  x as default
 };

package/lib/skeleton/index.js

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

package/lib/spinner/SpinnerLoading.js

@@ -1,18 +1,55 @@
-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 { 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 {
-  a as default
+  S as default
 };

package/lib/spinner/index.js

@@ -1,41 +1,51 @@
-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";
-import '../assets/index6.css';const S = (c) => {
-  const {
-    align: e = "center",
-    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);
+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)), () => {
-    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 });
+    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 {
-  S as default
+  H as default
 };