linear-react-components-ui 1.1.26-beta.6 → 1.1.26-beta.8

package/lib/inputs/select/simple/index.js

@@ -1,4 +1,4 @@
-import { j as W } from "../../../chunks/jsx-runtime.C7wFtzyj.js";
+import { j as W } from "../../../chunks/jsx-runtime.D1SHvdVE.js";
 import { useState as m, useRef as R, useEffect as F } from "react";
 import { _ as Y } from "../../../chunks/lodash.CIAK_hAg.js";
 import we from "../Dropdown.js";
@@ -22,7 +22,7 @@ const Le = (i) => {
     remoteSearch: k = !1,
     name: N = "",
     undigitable: I,
-    searchOnDropdown: $ = !1,
+    searchOnDropdown: _ = !1,
     allOptions: a = void 0,
     showClearButton: ie = !1,
     searchNotFoundText: se,
@@ -34,10 +34,12 @@ const Le = (i) => {
   } = i, r = typeof t == "string", o = a ? [{
     [g]: a.idValue,
     [r ? t : t(a.label)]: a.label
-  }, ...D] : D, [s, v] = m(o), [c, p] = m(null), [O, u] = m(""), [y, d] = m(!1), [de, L] = m(0), [fe, me] = m(!1), [S, pe] = m(), [A, P] = m(!1), E = R(null), _ = `select-component-${N}-${Re()}`, z = R(null), l = R(null), b = R(null), h = R(null), V = () => {
+  }, ...D] : D, [s, v] = m(o), [c, p] = m(null), [O, u] = m(""), [y, d] = m(!1), [de, L] = m(0), [fe, me] = m(!1), [S, pe] = m(), [$, A] = m(!1), E = R(null), P = `select-component-${N}-${Re()}`, z = R(null), l = R(null), b = R(null), h = R(null), V = () => {
     l.current && L(l.current.clientWidth);
   }, q = (e) => {
-    const { target: n } = e;
+    const {
+      target: n
+    } = e;
     n !== l.current && !l.current?.contains(n) && !E.current?.contains(n) && d(!1);
   }, M = (e) => {
     const n = e.target, f = E.current?.parentElement?.id || "", Oe = !!document.getElementById(f)?.contains(n);
@@ -87,7 +89,7 @@ const Le = (i) => {
         w();
       }));
     }
-    fe || (d(!1), P(!1), v(o));
+    fe || (d(!1), A(!1), v(o));
   }, Q = (e) => {
     if (e.keyCode) {
       if (e.keyCode === x.ENTER && c && y)
@@ -98,7 +100,7 @@ const Le = (i) => {
         e.keyCode === x.ARROW_DOWN ? n = s && n === s.length - 1 ? 0 : n + 1 : n = s && n === 0 ? s?.length - 1 : n - 1, p(s[n]), r && u(s[n][t]), r || u(t(s[n]));
       }
     }
-    A || P(!0);
+    $ || A(!0);
   }, Ce = () => {
     new Promise((e) => {
       e(w(null));
@@ -112,7 +114,7 @@ const Le = (i) => {
     window.removeEventListener("resize", V), document.removeEventListener("click", q), document.removeEventListener("mousemove", M);
   }), []), F(() => {
     if (B) {
-      const e = document.querySelector(`#${_}>.-withinput.grid-container`);
+      const e = document.querySelector(`#${P}>.-withinput.grid-container`);
       b.current !== e && e && (b.current = e);
     }
   }, [B]), F(() => {
@@ -122,7 +124,7 @@ const Le = (i) => {
     }
   }, [o.length, C]), F(() => {
     if (!Y.isEqual(s, o)) {
-      const e = I || k || !A ? o : Z({
+      const e = I || k || !$ ? o : Z({
         inputText: O,
         dataSource: o,
         descriptionKey: t
@@ -132,87 +134,22 @@ const Le = (i) => {
         p(n);
       }
     }
-    a && v([
-      {
-        [g]: a.idValue,
-        [r ? t : t(a.label)]: a.label
-      },
-      ...D
-    ]);
-  }, [JSON.stringify(o)]), /* @__PURE__ */ W.jsxs(
-    "span",
-    {
-      id: _,
-      ref: z,
-      className: "select-component",
-      children: [
-        /* @__PURE__ */ W.jsx(
-          Se,
-          {
-            ...i,
-            inputRef: (e) => {
-              i.inputRef && (Y.isFunction(i.inputRef) ? i.inputRef(e) : i.inputRef.current = e), h.current = e;
-            },
-            autoComplete: "off",
-            readOnly: I || j(),
-            value: O,
-            onFocus: T,
-            onBlur: H,
-            onChange: (e) => {
-              e && U(e.target.value);
-            },
-            onClick: T,
-            onKeyDown: Q,
-            customClassForLabel: ue,
-            customClassForWrapper: `selectwrapper ${(I || $ || j()) && " -undigitable"} ${le}`,
-            customClassForInputContent: `multiselect ${ce}`,
-            inputBaseRef: (e) => {
-              l.current = e;
-            },
-            handlerSetOnDenied: (e) => ge(e),
-            rightElements: [
-              ...re,
-              /* @__PURE__ */ W.jsx(
-                ye,
-                {
-                  disabled: X() || j(),
-                  showClearButton: ie,
-                  dropDownOpened: y,
-                  handlerClear: () => X() ? null : Ce(),
-                  handlerOpenClose: he,
-                  customClassForSideButtons: ae
-                },
-                "action-buttons-simpleselect"
-              )
-            ]
-          }
-        ),
-        y && /* @__PURE__ */ W.jsx(
-          we,
-          {
-            ...i,
-            opened: y,
-            selected: c,
-            inputValue: O,
-            selectFieldRef: z,
-            dropdownRef: E,
-            searchOnDropdown: $,
-            gridWrapperStyle: B && b.current ? window.getComputedStyle(b.current) : void 0,
-            handleOnSelect: (e) => {
-              e && G(e);
-            },
-            handleOnFilter: (e) => U(e),
-            handleOnKeydown: Q,
-            handleOnBlur: () => H,
-            handleOnFocus: T,
-            dataCombo: s,
-            dropdownWidth: de || 0,
-            searchNotFoundText: se
-          }
-        )
-      ]
-    }
-  );
+    a && v([{
+      [g]: a.idValue,
+      [r ? t : t(a.label)]: a.label
+    }, ...D]);
+  }, [JSON.stringify(o)]), /* @__PURE__ */ W.jsxs("span", { id: P, ref: z, className: "select-component", children: [
+    /* @__PURE__ */ W.jsx(Se, { ...i, inputRef: (e) => {
+      i.inputRef && (Y.isFunction(i.inputRef) ? i.inputRef(e) : i.inputRef.current = e), h.current = e;
+    }, autoComplete: "off", readOnly: I || j(), value: O, onFocus: T, onBlur: H, onChange: (e) => {
+      e && U(e.target.value);
+    }, onClick: T, onKeyDown: Q, customClassForLabel: ue, customClassForWrapper: `selectwrapper ${(I || _ || j()) && " -undigitable"} ${le}`, customClassForInputContent: `multiselect ${ce}`, inputBaseRef: (e) => {
+      l.current = e;
+    }, handlerSetOnDenied: (e) => ge(e), rightElements: [...re, /* @__PURE__ */ W.jsx(ye, { disabled: X() || j(), showClearButton: ie, dropDownOpened: y, handlerClear: () => X() ? null : Ce(), handlerOpenClose: he, customClassForSideButtons: ae }, "action-buttons-simpleselect")] }),
+    y && /* @__PURE__ */ W.jsx(we, { ...i, opened: y, selected: c, inputValue: O, selectFieldRef: z, dropdownRef: E, searchOnDropdown: _, gridWrapperStyle: B && b.current ? window.getComputedStyle(b.current) : void 0, handleOnSelect: (e) => {
+      e && G(e);
+    }, handleOnFilter: (e) => U(e), handleOnKeydown: Q, handleOnBlur: () => H, handleOnFocus: T, dataCombo: s, dropdownWidth: de || 0, searchNotFoundText: se })
+  ] });
 };
 export {
   Le as default

package/lib/inputs/text/index.js

@@ -1,6 +1,11 @@
-import { j as e } from "../../chunks/jsx-runtime.C7wFtzyj.js";
-import o from "../base/InputTextBase.js";
-const x = (t) => /* @__PURE__ */ e.jsx(o, { ...t });
+import { j as r } from "../../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as m } from "../../chunks/compiler-runtime.Cu50tn6L.js";
+import s from "../base/InputTextBase.js";
+const a = (o) => {
+  const t = m.c(2);
+  let e;
+  return t[0] !== o ? (e = /* @__PURE__ */ r.jsx(s, { ...o }), t[0] = o, t[1] = e) : e = t[1], e;
+};
 export {
-  x as default
+  a as default
 };

package/lib/inputs/textarea/index.js

@@ -1,18 +1,16 @@
-import { j as r } from "../../chunks/jsx-runtime.C7wFtzyj.js";
-import x from "../base/InputTextBase.js";
-const c = (t) => {
-  const { rows: s, cols: e, customClass: a, type: o = "textarea" } = t;
-  return /* @__PURE__ */ r.jsx(
-    x,
-    {
-      ...t,
-      rows: s,
-      type: o,
-      cols: e,
-      customClass: `textarea-container ${a}`
-    }
-  );
+import { j as i } from "../../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as x } from "../../chunks/compiler-runtime.Cu50tn6L.js";
+import l from "../base/InputTextBase.js";
+const j = (e) => {
+  const t = x.c(6), {
+    rows: o,
+    cols: r,
+    customClass: n,
+    type: m
+  } = e, a = m === void 0 ? "textarea" : m, c = `textarea-container ${n}`;
+  let s;
+  return t[0] !== r || t[1] !== e || t[2] !== o || t[3] !== c || t[4] !== a ? (s = /* @__PURE__ */ i.jsx(l, { ...e, rows: o, type: a, cols: r, customClass: c }), t[0] = r, t[1] = e, t[2] = o, t[3] = c, t[4] = a, t[5] = s) : s = t[5], s;
 };
 export {
-  c as default
+  j as default
 };

package/lib/internals/withTooltip.js

@@ -1,75 +1,122 @@
-import { j as d } from "../chunks/jsx-runtime.C7wFtzyj.js";
-import H, { useState as f, useRef as O, useEffect as v } from "react";
-import A from "../tooltip/index.js";
-const V = 40, E = ({ tooltip: n }) => n, P = H.createContext({}), _ = ({ displayName: n, name: h }) => n || h || "Component", q = (n) => {
-  const h = (s) => {
-    const {
-      tooltip: m,
-      tooltipWidth: R = "auto",
-      space: b = 20,
-      tooltipPosition: $ = "bottom",
-      errorMessage: p
-    } = s, [w, r] = f($), [l, C] = f(""), [I, M] = f(""), [W, c] = f(!1), [x, Y] = f({
-      width: R,
-      height: V
-    }), e = O(null), g = O(null), y = (i) => {
-      e.current && e.current.contains(i.target) ? c(!0) : c(!1);
-    }, D = () => {
-      c(!1);
-    }, L = () => {
-      c(!1);
-    };
-    v(() => ((E(s) || l) && (p ? c(!0) : (c(!1), document.addEventListener("mouseover", y), document.addEventListener("scroll", L, !0), e && e.current && e.current.addEventListener("mouseout", D))), () => {
-      (E(s) || l) && (document.removeEventListener("mouseover", y), document.removeEventListener("scroll", L, !0), e && e.current && e.current.removeEventListener("mouseout", D));
-    }), [p, m, l]), v(() => {
-      if (e.current && g.current) {
-        const { width: i, height: u } = x, t = e.current.getBoundingClientRect(), j = (t.top + t.bottom) / 2, a = g.current.clientWidth;
-        let o = `width: ${typeof i == "string" ? i : `${i}px`}`, T = t.left + t.width / 2 - a / 2;
-        switch (T = Math.min(T, document.body.clientWidth - a - b), o += `; left: ${Math.max(b, T)}px`, w) {
-          case "top":
-            t.top < u ? r("bottom") : o += `; top: ${t.top + window.scrollY - u - 5}px`;
-            break;
-          case "bottom":
-            window.innerHeight - t.bottom < u ? r("top") : o += `; top: ${t.top + window.scrollY + t.height + 5}px`;
-            break;
-          case "left":
-            t.left < a ? window.innerWidth - t.right < a ? r("bottom") : r("right") : (o += `; top: ${j + window.scrollY - u / 2}px`, o += `; left: ${t.left - a - 6}px`);
-            break;
-          case "right":
-            window.innerWidth - t.right < a ? r("left") : (o += `; top: ${j + window.scrollY - u / 2}px`, o += `; left: ${t.left + t.width + 5}px`);
-            break;
+import { j as b } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as U } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import Z, { useState as T, useRef as z, useEffect as N } from "react";
+import tt from "../tooltip/index.js";
+const et = 40, H = ({
+  tooltip: u
+}) => u, F = Z.createContext({}), ot = ({
+  displayName: u,
+  name: v
+}) => u || v || "Component", rt = (u) => {
+  const v = (i) => {
+    const t = U.c(39), {
+      tooltip: d,
+      tooltipWidth: A,
+      space: V,
+      tooltipPosition: B,
+      errorMessage: c
+    } = i, C = A === void 0 ? "auto" : A, y = V === void 0 ? 20 : V, _ = B === void 0 ? "bottom" : B, [a, x] = T(_), [n, J] = T(""), [I, K] = T(""), [M, p] = T(!1);
+    let S;
+    t[0] !== C ? (S = {
+      width: C,
+      height: et
+    }, t[0] = C, t[1] = S) : S = t[1];
+    const [f, Q] = T(S), l = z(null), Y = z(null);
+    let E;
+    t[2] === Symbol.for("react.memo_cache_sentinel") ? (E = (h) => {
+      l.current && l.current.contains(h.target) ? p(!0) : p(!1);
+    }, t[2] = E) : E = t[2];
+    const G = E;
+    let $;
+    t[3] === Symbol.for("react.memo_cache_sentinel") ? ($ = () => {
+      p(!1);
+    }, t[3] = $) : $ = t[3];
+    const X = $;
+    let D;
+    t[4] === Symbol.for("react.memo_cache_sentinel") ? (D = () => {
+      p(!1);
+    }, t[4] = D) : D = t[4];
+    const q = D;
+    let L;
+    t[5] !== c || t[6] !== n || t[7] !== i ? (L = () => ((H(i) || n) && (c ? p(!0) : (p(!1), document.addEventListener("mouseover", G), document.addEventListener("scroll", q, !0), l && l.current && l.current.addEventListener("mouseout", X))), () => {
+      (H(i) || n) && (document.removeEventListener("mouseover", G), document.removeEventListener("scroll", q, !0), l && l.current && l.current.removeEventListener("mouseout", X));
+    }), t[5] = c, t[6] = n, t[7] = i, t[8] = L) : L = t[8];
+    let j;
+    t[9] !== c || t[10] !== n || t[11] !== d ? (j = [c, d, n], t[9] = c, t[10] = n, t[11] = d, t[12] = j) : j = t[12], N(L, j);
+    let P;
+    t[13] !== y || t[14] !== a || t[15] !== f ? (P = () => {
+      if (l.current && Y.current) {
+        const {
+          width: h,
+          height: s
+        } = f, o = l.current.getBoundingClientRect(), w = (o.top + o.bottom) / 2, m = Y.current.clientWidth;
+        let e = `width: ${typeof h == "string" ? h : `${h}px`}`, r = o.left + o.width / 2 - m / 2;
+        r = Math.min(r, document.body.clientWidth - m - y), e = e + `; left: ${Math.max(y, r)}px`;
+        t: switch (a) {
+          case "top": {
+            o.top < s ? x("bottom") : e = e + `; top: ${o.top + window.scrollY - s - 5}px`;
+            break t;
+          }
+          case "bottom": {
+            window.innerHeight - o.bottom < s ? x("top") : e = e + `; top: ${o.top + window.scrollY + o.height + 5}px`;
+            break t;
+          }
+          case "left": {
+            o.left < m ? window.innerWidth - o.right < m ? x("bottom") : x("right") : (e = e + `; top: ${w + window.scrollY - s / 2}px`, e = e + `; left: ${o.left - m - 6}px`);
+            break t;
+          }
+          case "right": {
+            window.innerWidth - o.right < m ? x("left") : (e = e + `; top: ${w + window.scrollY - s / 2}px`, e = e + `; left: ${o.left + o.width + 5}px`);
+            break t;
+          }
           default:
-            o += "";
+            e = e + "";
         }
-        M(o);
+        K(e);
       }
-    }, [x, w]), v(() => {
-      r($);
-    }, [window.scrollY, window.scrollX, window.innerWidth]);
-    const k = () => m || l ? /* @__PURE__ */ d.jsx(
-      A,
-      {
-        text: l || m,
-        textError: p,
-        tooltipRef: g,
-        style: I,
-        className: w,
-        tooltipDimensions: x,
-        handlerSetDimensions: Y
+    }, t[13] = y, t[14] = a, t[15] = f, t[16] = P) : P = t[16];
+    let R;
+    t[17] !== a || t[18] !== f ? (R = [f, a], t[17] = a, t[18] = f, t[19] = R) : R = t[19], N(P, R);
+    let O;
+    t[20] !== _ ? (O = () => {
+      x(_);
+    }, t[20] = _, t[21] = O) : O = t[21];
+    let W;
+    t[22] === Symbol.for("react.memo_cache_sentinel") ? (W = [window.scrollY, window.scrollX, window.innerWidth], t[22] = W) : W = t[22], N(O, W);
+    let k, g;
+    if (t[23] !== c || t[24] !== n || t[25] !== i || t[26] !== M || t[27] !== a || t[28] !== d || t[29] !== f || t[30] !== I) {
+      g = Symbol.for("react.early_return_sentinel");
+      t: {
+        const h = () => d || n ? /* @__PURE__ */ b.jsx(tt, { text: n || d, textError: c, tooltipRef: Y, style: I, className: a, tooltipDimensions: f, handlerSetDimensions: Q }) : null;
+        let s;
+        t[33] === Symbol.for("react.memo_cache_sentinel") ? (s = (r) => {
+          l.current || (l.current = r);
+        }, t[33] = s) : s = t[33];
+        const o = s;
+        let w;
+        t[34] === Symbol.for("react.memo_cache_sentinel") ? (w = {
+          handlerSetOnDeniedText: J
+        }, t[34] = w) : w = t[34];
+        const m = w;
+        if (!H(i) && !n) {
+          let r;
+          t[35] !== i ? (r = /* @__PURE__ */ b.jsx(F.Provider, { value: m, children: /* @__PURE__ */ b.jsx(u, { ...i }) }), t[35] = i, t[36] = r) : r = t[36], g = r;
+          break t;
+        }
+        let e;
+        t[37] !== i ? (e = /* @__PURE__ */ b.jsx(u, { ...i, targetRef: o }), t[37] = i, t[38] = e) : e = t[38], k = /* @__PURE__ */ b.jsxs(F.Provider, { value: m, children: [
+          e,
+          M && h()
+        ] });
       }
-    ) : null, N = (i) => {
-      e.current || (e.current = i);
-    }, S = {
-      handlerSetOnDeniedText: C
-    };
-    return !E(s) && !l ? /* @__PURE__ */ d.jsx(P.Provider, { value: S, children: /* @__PURE__ */ d.jsx(n, { ...s }) }) : /* @__PURE__ */ d.jsxs(P.Provider, { value: S, children: [
-      /* @__PURE__ */ d.jsx(n, { ...s, targetRef: N }),
-      W && k()
-    ] });
+      t[23] = c, t[24] = n, t[25] = i, t[26] = M, t[27] = a, t[28] = d, t[29] = f, t[30] = I, t[31] = k, t[32] = g;
+    } else
+      k = t[31], g = t[32];
+    return g !== Symbol.for("react.early_return_sentinel") ? g : k;
   };
-  return h.displayName = `withTooltip(${_(n)})`, h;
+  return v.displayName = `withTooltip(${ot(u)})`, v;
 };
 export {
-  P as TooltipContext,
-  q as default
+  F as TooltipContext,
+  rt as default
 };

package/lib/labelMessages/index.js

@@ -1,48 +1,53 @@
-import { j as e } from "../chunks/jsx-runtime.C7wFtzyj.js";
-import { useState as j, Fragment as p } from "react";
-import $ from "../icons/index.js";
-import '../assets/index14.css';const C = ({
-  style: n = {},
-  icon: s = null,
-  flat: o = !1,
-  iconName: l,
-  handlerClosed: t,
-  square: f = !0,
-  visible: m = !0,
-  children: i = null,
-  customClass: a = "",
-  type: r = "default",
-  showCloseButton: u = !1
-}) => {
-  const [c, x] = j(!1), d = () => `labelmessages-component -${r} ${a}
-    ${f && "-square"} ${o && "-flat"}`, g = () => s || (l ? /* @__PURE__ */ e.jsx($, { name: l, size: 16, color: "#ffffff", customClass: `-${r}svg` }) : null);
-  return c || !m ? null : /* @__PURE__ */ e.jsx(p, { children: /* @__PURE__ */ e.jsxs(
-    "div",
-    {
-      className: `${d()} ${a}`,
-      style: n,
-      children: [
-        /* @__PURE__ */ e.jsx("div", { className: "labelmessagesitem text", children: i }),
-        (l || s) && /* @__PURE__ */ e.jsxs("div", { className: "labelmessagesitem -icon", children: [
-          " ",
-          g(),
-          " "
-        ] }),
-        u && /* @__PURE__ */ e.jsx(
-          "span",
-          {
-            role: "presentation",
-            className: "labelmessagesitem -close",
-            onClick: () => {
-              t && t(), x(!0);
-            },
-            children: "x"
-          }
-        )
-      ]
-    }
-  ) });
+import { j as a } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as M } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { useState as S, Fragment as A } from "react";
+import D from "../icons/index.js";
+import '../assets/index14.css';const O = (R) => {
+  const e = M.c(26), {
+    style: c,
+    icon: b,
+    flat: N,
+    iconName: s,
+    handlerClosed: r,
+    square: y,
+    visible: q,
+    children: w,
+    customClass: B,
+    type: E,
+    showCloseButton: I
+  } = R;
+  let f;
+  e[0] !== c ? (f = c === void 0 ? {} : c, e[0] = c, e[1] = f) : f = e[1];
+  const p = f, t = b === void 0 ? null : b, x = N === void 0 ? !1 : N, g = y === void 0 ? !0 : y, k = q === void 0 ? !0 : q, h = w === void 0 ? null : w, m = B === void 0 ? "" : B, l = E === void 0 ? "default" : E, C = I === void 0 ? !1 : I, [z, F] = S(!1);
+  let u;
+  e[2] !== m || e[3] !== x || e[4] !== g || e[5] !== l ? (u = () => `labelmessages-component -${l} ${m}
+    ${g && "-square"} ${x && "-flat"}`, e[2] = m, e[3] = x, e[4] = g, e[5] = l, e[6] = u) : u = e[6];
+  const L = u;
+  let d;
+  e[7] !== t || e[8] !== s || e[9] !== l ? (d = () => t || (s ? /* @__PURE__ */ a.jsx(D, { name: s, size: 16, color: "#ffffff", customClass: `-${l}svg` }) : null), e[7] = t, e[8] = s, e[9] = l, e[10] = d) : d = e[10];
+  const j = d;
+  if (z || !k)
+    return null;
+  const $ = `${L()} ${m}`;
+  let o;
+  e[11] !== h ? (o = /* @__PURE__ */ a.jsx("div", { className: "labelmessagesitem text", children: h }), e[11] = h, e[12] = o) : o = e[12];
+  let i;
+  e[13] !== j || e[14] !== t || e[15] !== s ? (i = (s || t) && /* @__PURE__ */ a.jsxs("div", { className: "labelmessagesitem -icon", children: [
+    " ",
+    j(),
+    " "
+  ] }), e[13] = j, e[14] = t, e[15] = s, e[16] = i) : i = e[16];
+  let n;
+  e[17] !== r || e[18] !== C ? (n = C && /* @__PURE__ */ a.jsx("span", { role: "presentation", className: "labelmessagesitem -close", onClick: () => {
+    r && r(), F(!0);
+  }, children: "x" }), e[17] = r, e[18] = C, e[19] = n) : n = e[19];
+  let v;
+  return e[20] !== p || e[21] !== $ || e[22] !== o || e[23] !== i || e[24] !== n ? (v = /* @__PURE__ */ a.jsx(A, { children: /* @__PURE__ */ a.jsxs("div", { className: $, style: p, children: [
+    o,
+    i,
+    n
+  ] }) }), e[20] = p, e[21] = $, e[22] = o, e[23] = i, e[24] = n, e[25] = v) : v = e[25], v;
 };
 export {
-  C as default
+  O as default
 };

package/lib/labels/DangerLabel.js

@@ -1,6 +1,20 @@
-import { j as s } from "../chunks/jsx-runtime.C7wFtzyj.js";
-import e from "./DefaultLabel.js";
-const t = ({ className: r, ...a }) => /* @__PURE__ */ s.jsx(e, { className: "-danger", ...a });
+import { j as a } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as m } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import l from "./DefaultLabel.js";
+const f = (r) => {
+  const e = m.c(4);
+  let s;
+  if (e[0] !== r) {
+    const {
+      className: c,
+      ...o
+    } = r;
+    s = o, e[0] = r, e[1] = s;
+  } else
+    s = e[1];
+  let t;
+  return e[2] !== s ? (t = /* @__PURE__ */ a.jsx(l, { className: "-danger", ...s }), e[2] = s, e[3] = t) : t = e[3], t;
+};
 export {
-  t as default
+  f as default
 };

package/lib/labels/DefaultLabel.js

@@ -1,41 +1,55 @@
-import { j as r } from "../chunks/jsx-runtime.C7wFtzyj.js";
-import { useState as O } from "react";
-import v from "../icons/index.js";
-import E from "../internals/withTooltip.js";
-import { actionsOnPermissionDenied as N, OPTIONS_ON_DENIED as i } from "../permissionValidations.js";
-const h = ({
-  style: l,
-  targetRef: e,
-  iconName: t,
-  icon: o,
-  children: m,
-  visible: u = !0,
-  customClass: a,
-  className: d,
-  disabled: f,
-  size: s,
-  iconAlign: n = "left",
-  bordered: c,
-  permissionAttr: p,
-  skeletonize: $
-}) => {
-  const b = [i.disabled, i.unvisible], [x] = O(N(b, p)), D = () => `label-component ${d} ${a} ${c ? "-bordered" : ""} ${f ? "-disabled" : ""}
-    ${$ ? "-skeletonized" : ""}
-    ${s ? `-${s}` : ""}
-    ${n ? `icon-${n}` : ""}`, j = () => o || (t ? /* @__PURE__ */ r.jsx(v, { name: t, size: 16 }) : null);
-  return !u || x.unvisible ? null : /* @__PURE__ */ r.jsxs(
-    "div",
-    {
-      style: l,
-      className: D(),
-      ref: (I) => e && e(I),
-      children: [
-        j(),
-        m
-      ]
-    }
-  );
-}, k = E(h);
+import { j as O } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as L } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { useState as P } from "react";
+import S from "../icons/index.js";
+import T from "../internals/withTooltip.js";
+import { actionsOnPermissionDenied as _, OPTIONS_ON_DENIED as h } from "../permissionValidations.js";
+const w = (A) => {
+  const e = L.c(24), {
+    style: u,
+    targetRef: s,
+    iconName: o,
+    icon: n,
+    children: p,
+    visible: E,
+    customClass: b,
+    className: $,
+    disabled: v,
+    size: l,
+    iconAlign: I,
+    bordered: x,
+    permissionAttr: N,
+    skeletonize: g
+  } = A, R = E === void 0 ? !0 : E, r = I === void 0 ? "left" : I;
+  let c, m;
+  if (e[0] !== N) {
+    const z = [h.disabled, h.unvisible];
+    c = P, m = _(z, N), e[0] = N, e[1] = c, e[2] = m;
+  } else
+    c = e[1], m = e[2];
+  const [k] = c(m);
+  let a;
+  e[3] !== x || e[4] !== $ || e[5] !== b || e[6] !== v || e[7] !== r || e[8] !== l || e[9] !== g ? (a = () => `label-component ${$} ${b} ${x ? "-bordered" : ""} ${v ? "-disabled" : ""}
+    ${g ? "-skeletonized" : ""}
+    ${l ? `-${l}` : ""}
+    ${r ? `icon-${r}` : ""}`, e[3] = x, e[4] = $, e[5] = b, e[6] = v, e[7] = r, e[8] = l, e[9] = g, e[10] = a) : a = e[10];
+  const C = a;
+  let f;
+  e[11] !== n || e[12] !== o ? (f = () => n || (o ? /* @__PURE__ */ O.jsx(S, { name: o, size: 16 }) : null), e[11] = n, e[12] = o, e[13] = f) : f = e[13];
+  const D = f;
+  if (!R || k.unvisible)
+    return null;
+  const j = C();
+  let t;
+  e[14] !== s ? (t = (z) => s && s(z), e[14] = s, e[15] = t) : t = e[15];
+  let i;
+  e[16] !== D ? (i = D(), e[16] = D, e[17] = i) : i = e[17];
+  let d;
+  return e[18] !== p || e[19] !== u || e[20] !== j || e[21] !== t || e[22] !== i ? (d = /* @__PURE__ */ O.jsxs("div", { style: u, className: j, ref: t, children: [
+    i,
+    p
+  ] }), e[18] = p, e[19] = u, e[20] = j, e[21] = t, e[22] = i, e[23] = d) : d = e[23], d;
+}, J = T(w);
 export {
-  k as default
+  J as default
 };