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

package/lib/menus/sidenav/NavSubMenuItem.js

@@ -1,23 +1,39 @@
-import { j as e } from "../../chunks/jsx-runtime.CYK1ROHF.js";
-import { useState as m, useContext as d } from "react";
-import c from "./MenuLink.js";
-import { SubMenuContext as b } from "./helpers.js";
-import { OPTIONS_ON_DENIED as t, actionsOnPermissionDenied as p } from "../../permissionValidations.js";
-const D = ({ title: o, url: i, permissionAttr: s }) => {
-  const r = [t.disabled, t.unvisible], [l] = m(p(r, s)), { toggleSubMenu: u } = d(b), { unvisible: a, disabled: n } = l;
-  return a ? null : /* @__PURE__ */ e.jsx(
-    "div",
-    {
-      className: `item hvr-forward ${n && "-disabled"}`,
-      onKeyDown: () => {
-      },
-      role: "button",
-      tabIndex: -1,
-      onClick: u,
-      children: /* @__PURE__ */ e.jsx(c, { disabled: n, url: i, children: /* @__PURE__ */ e.jsx("span", { className: "title", children: o }) })
-    }
-  );
+import { j as d } from "../../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as j } from "../../chunks/compiler-runtime.Cu50tn6L.js";
+import { useContext as v, useState as D } from "react";
+import S from "./MenuLink.js";
+import { SubMenuContext as h } from "./helpers.js";
+import { OPTIONS_ON_DENIED as f, actionsOnPermissionDenied as E } from "../../permissionValidations.js";
+const w = (p) => {
+  const t = j.c(13), {
+    title: l,
+    url: m,
+    permissionAttr: u
+  } = p;
+  let o, i;
+  if (t[0] !== u) {
+    const N = [f.disabled, f.unvisible];
+    o = D, i = E(N, u), t[0] = u, t[1] = o, t[2] = i;
+  } else
+    o = t[1], i = t[2];
+  const [b] = o(i), {
+    toggleSubMenu: c
+  } = v(h), {
+    unvisible: x,
+    disabled: s
+  } = b;
+  if (x)
+    return null;
+  const a = `item hvr-forward ${s && "-disabled"}`;
+  let e;
+  t[3] !== l ? (e = /* @__PURE__ */ d.jsx("span", { className: "title", children: l }), t[3] = l, t[4] = e) : e = t[4];
+  let n;
+  t[5] !== s || t[6] !== e || t[7] !== m ? (n = /* @__PURE__ */ d.jsx(S, { disabled: s, url: m, children: e }), t[5] = s, t[6] = e, t[7] = m, t[8] = n) : n = t[8];
+  let r;
+  return t[9] !== a || t[10] !== n || t[11] !== c ? (r = /* @__PURE__ */ d.jsx("div", { className: a, onKeyDown: I, role: "button", tabIndex: -1, onClick: c, children: n }), t[9] = a, t[10] = n, t[11] = c, t[12] = r) : r = t[12], r;
 };
+function I() {
+}
 export {
-  D as default
+  w as default
 };

package/lib/menus/sidenav/helpers.js

@@ -1,10 +1,10 @@
 import t from "react";
-const o = (n, s) => {
+const a = (n, s) => {
   let e = "expandedmenu";
   return n || (e = `collapsedmenu -${s}`), e;
-}, c = t.createContext({}), u = t.createContext({});
+}, c = t.createContext({}), r = t.createContext({});
 export {
-  u as SideNavContext,
+  r as SideNavContext,
   c as SubMenuContext,
-  o as default
+  a as default
 };

package/lib/menus/sidenav/index.js

@@ -1,128 +1,150 @@
-import { j as t } from "../../chunks/jsx-runtime.CYK1ROHF.js";
-import { useState as a, useRef as H, useEffect as l } from "react";
-import I from "./NavMenuItem.js";
-import T from "./NavSubMenuItem.js";
-import _ from "./NavMenuGroup.js";
-import q from "./ExpandMenu.js";
-import { SideNavContext as B } from "./helpers.js";
-import G from "../../icons/index.js";
-import { keyCodes as O } from "../../internals/constants.js";
-import V from "./popup_menu_search/index.js";
-import { v as N } from "../../chunks/v1.CDXKvGzE.js";
-import '../../assets/index27.css';const re = (f) => {
-  const {
-    customClass: $,
-    showExpandMenu: g,
-    expandMenuCustomClass: j,
-    expanded: u = !0,
-    menuSize: s = "medium",
-    onExpandMenuClick: x,
-    children: i,
-    enableMenuSearch: p,
-    menuSearchCustomComponent: h
-  } = f, [o, C] = a(u), [M, k] = a([]), [w, b] = a({}), [c, v] = a(!1), r = H(null), D = () => {
-    C(!o), x && x(!o);
-  }, R = () => {
-    const { left: e, top: n, width: d, height: A } = w;
-    return `left: ${e + d + 5}px; top: ${n + 1}px; height: ${A - 8}px;`;
-  }, K = () => {
-    v(!1);
-  }, S = (e) => {
-    const { type: n } = e;
-    (n === I || n === T) && !e.props.children && k((d) => [...d, {
-      id: e.props.id || `${e.props.title}-${N()}`,
-      content: e.props.title,
-      url: e.props.url
-    }]);
-  }, m = (e) => {
-    Array.isArray(e) ? e.forEach((n) => {
-      n && (S(n), n.props && n.props.children && m(n.props.children));
-    }) : e && (S(e), e.props && e.props.children && m(e.props.children));
-  }, y = () => {
-    v(!0);
-  }, E = (e) => {
-    [O.F].includes(e.keyCode) && e.ctrlKey && e.shiftKey && (e.preventDefault(), y());
-  };
-  l(() => (document.addEventListener("keydown", E), () => {
-    document.removeEventListener("keydown", E);
-  }), []), l(() => {
-    p && r && r.current && b(r.current.getBoundingClientRect()), p && m(i);
-  }, []), l(() => {
-    C(u);
-  }, [u]);
-  const P = () => M.filter((e) => e.content !== ""), F = () => {
-    const e = {
-      ...f,
-      style: R(),
-      handlerClose: K,
-      menuItemsContent: M && P()
+import { j as i } from "../../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as ae } from "../../chunks/compiler-runtime.Cu50tn6L.js";
+import { useState as L, useRef as me, useEffect as W } from "react";
+import oe from "./NavMenuItem.js";
+import ue from "./NavSubMenuItem.js";
+import pe from "./NavMenuGroup.js";
+import fe from "./ExpandMenu.js";
+import { SideNavContext as de } from "./helpers.js";
+import he from "../../icons/index.js";
+import { keyCodes as xe } from "../../internals/constants.js";
+import Se from "./popup_menu_search/index.js";
+import { v as se } from "../../chunks/v1.Ds1rkxUj.js";
+import '../../assets/index27.css';const De = (m) => {
+  const e = ae.c(52), {
+    customClass: re,
+    showExpandMenu: A,
+    expandMenuCustomClass: H,
+    expanded: X,
+    menuSize: Y,
+    onExpandMenuClick: S,
+    children: l,
+    enableMenuSearch: c,
+    menuSearchCustomComponent: C
+  } = m, x = X === void 0 ? !0 : X, r = Y === void 0 ? "medium" : Y, [o, Z] = L(x);
+  let v;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (v = [], e[0] = v) : v = e[0];
+  const [u, ie] = L(v);
+  let y;
+  e[1] === Symbol.for("react.memo_cache_sentinel") ? (y = {}, e[1] = y) : y = e[1];
+  const [T, le] = L(y), [a, ee] = L(!1), M = me(null);
+  let b;
+  e[2] !== o || e[3] !== S ? (b = () => {
+    Z(!o), S && S(!o);
+  }, e[2] = o, e[3] = S, e[4] = b) : b = e[4];
+  const q = b;
+  let _;
+  e[5] !== T ? (_ = () => {
+    const {
+      left: n,
+      top: t,
+      width: s,
+      height: U
+    } = T;
+    return `left: ${n + s + 5}px; top: ${t + 1}px; height: ${U - 8}px;`;
+  }, e[5] = T, e[6] = _) : _ = e[6];
+  const B = _;
+  let E;
+  e[7] === Symbol.for("react.memo_cache_sentinel") ? (E = () => {
+    ee(!1);
+  }, e[7] = E) : E = e[7];
+  const ce = E;
+  let p, I;
+  if (e[8] === Symbol.for("react.memo_cache_sentinel")) {
+    const n = (t) => {
+      const {
+        type: s
+      } = t;
+      (s === oe || s === ue) && !t.props.children && ie((U) => [...U, {
+        id: t.props.id || `${t.props.title}-${se()}`,
+        content: t.props.title,
+        url: t.props.url
+      }]);
     };
-    return /* @__PURE__ */ t.jsx(_, { children: /* @__PURE__ */ t.jsxs(
-      I,
-      {
-        childrenIsSubMenu: !1,
-        customClass: "-customsidenavitem",
-        tooltip: "Pesquisar funcionalidades (CTRL+SHIFT+F)",
-        tooltipPosition: "right",
-        children: [
-          /* @__PURE__ */ t.jsx(
-            "div",
-            {
-              className: "searchmenubutton",
-              role: "button",
-              tabIndex: -1,
-              onKeyDown: () => {
-              },
-              onClick: () => {
-                y();
-              },
-              children: /* @__PURE__ */ t.jsx(
-                G,
-                {
-                  name: "search",
-                  customClass: "searchmenuicon",
-                  size: s === "small" && 16 || s === "medium" && 22 || s === "large" && 32 || 16
-                }
-              )
-            },
-            "searchMenuIcon"
-          ),
-          c && (h ? h(e) : /* @__PURE__ */ t.jsx(V, { ...e }))
-        ]
-      }
-    ) }, `popup-menusearch-${N()}`);
-  }, L = () => {
-    if (!p) return i;
-    const e = [...i];
-    return e.splice(1, 0, F()), e;
-  }, z = {
+    p = (t) => {
+      Array.isArray(t) ? t.forEach((s) => {
+        s && (n(s), s.props && s.props.children && p(s.props.children));
+      }) : t && (n(t), t.props && t.props.children && p(t.props.children));
+    }, I = () => {
+      ee(!0);
+    }, e[8] = p, e[9] = I;
+  } else
+    p = e[8], I = e[9];
+  const te = I;
+  let N;
+  e[10] === Symbol.for("react.memo_cache_sentinel") ? (N = (n) => {
+    [xe.F].includes(n.keyCode) && n.ctrlKey && n.shiftKey && (n.preventDefault(), te());
+  }, e[10] = N) : N = e[10];
+  const ne = N;
+  let $, g;
+  e[11] === Symbol.for("react.memo_cache_sentinel") ? (g = () => (document.addEventListener("keydown", ne), () => {
+    document.removeEventListener("keydown", ne);
+  }), $ = [], e[11] = $, e[12] = g) : ($ = e[11], g = e[12]), W(g, $);
+  let j;
+  e[13] !== l || e[14] !== c ? (j = () => {
+    c && M && M.current && le(M.current.getBoundingClientRect()), c && p(l);
+  }, e[13] = l, e[14] = c, e[15] = j) : j = e[15];
+  let k;
+  e[16] === Symbol.for("react.memo_cache_sentinel") ? (k = [], e[16] = k) : k = e[16], W(j, k);
+  let w, R;
+  e[17] !== x ? (w = () => {
+    Z(x);
+  }, R = [x], e[17] = x, e[18] = w, e[19] = R) : (w = e[18], R = e[19]), W(w, R);
+  let D;
+  e[20] !== u ? (D = () => u.filter(Ce), e[20] = u, e[21] = D) : D = e[21];
+  const G = D;
+  let K;
+  e[22] !== B || e[23] !== u || e[24] !== C || e[25] !== r || e[26] !== a || e[27] !== m || e[28] !== G ? (K = () => {
+    const n = {
+      ...m,
+      style: B(),
+      handlerClose: ce,
+      menuItemsContent: u && G()
+    };
+    return /* @__PURE__ */ i.jsx(pe, { children: /* @__PURE__ */ i.jsxs(oe, { childrenIsSubMenu: !1, customClass: "-customsidenavitem", tooltip: "Pesquisar funcionalidades (CTRL+SHIFT+F)", tooltipPosition: "right", children: [
+      /* @__PURE__ */ i.jsx("div", { className: "searchmenubutton", role: "button", tabIndex: -1, onKeyDown: ve, onClick: () => {
+        te();
+      }, children: /* @__PURE__ */ i.jsx(he, { name: "search", customClass: "searchmenuicon", size: r === "small" && 16 || r === "medium" && 22 || r === "large" && 32 || 16 }) }, "searchMenuIcon"),
+      a && (C ? C(n) : /* @__PURE__ */ i.jsx(Se, { ...n }))
+    ] }) }, `popup-menusearch-${se()}`);
+  }, e[22] = B, e[23] = u, e[24] = C, e[25] = r, e[26] = a, e[27] = m, e[28] = G, e[29] = K) : K = e[29];
+  const O = K;
+  let P;
+  e[30] !== l || e[31] !== c || e[32] !== O ? (P = () => {
+    if (!c)
+      return l;
+    const n = [...l];
+    return n.splice(1, 0, O()), n;
+  }, e[30] = l, e[31] = c, e[32] = O, e[33] = P) : P = e[33];
+  const V = P;
+  let z;
+  e[34] !== o || e[35] !== r || e[36] !== a ? (z = {
     isExpanded: o,
-    menuSize: s,
-    openSearchMenuPopup: c
-  };
-  return /* @__PURE__ */ t.jsx(B.Provider, { value: z, children: /* @__PURE__ */ t.jsxs(
-    "div",
-    {
-      className: `sidenav-component ${o ? "-expanded" : ""} ${c ? "-blocked" : ""} ${$}`,
-      ref: r,
-      children: [
-        g && /* @__PURE__ */ t.jsx(
-          q,
-          {
-            expandMenuCustomClass: `${o && "closefromexpanded"} ${j}`,
-            onExpandMenu: D,
-            iconName: o ? "arrow_left" : "arrow_right"
-          }
-        ),
-        L()
-      ]
-    }
-  ) });
+    menuSize: r,
+    openSearchMenuPopup: a
+  }, e[34] = o, e[35] = r, e[36] = a, e[37] = z) : z = e[37];
+  const J = z, Q = `sidenav-component ${o ? "-expanded" : ""} ${a ? "-blocked" : ""} ${re}`;
+  let f;
+  e[38] !== H || e[39] !== o || e[40] !== q || e[41] !== A ? (f = A && /* @__PURE__ */ i.jsx(fe, { expandMenuCustomClass: `${o && "closefromexpanded"} ${H}`, onExpandMenu: q, iconName: o ? "arrow_left" : "arrow_right" }), e[38] = H, e[39] = o, e[40] = q, e[41] = A, e[42] = f) : f = e[42];
+  let d;
+  e[43] !== V ? (d = V(), e[43] = V, e[44] = d) : d = e[44];
+  let h;
+  e[45] !== Q || e[46] !== f || e[47] !== d ? (h = /* @__PURE__ */ i.jsxs("div", { className: Q, ref: M, children: [
+    f,
+    d
+  ] }), e[45] = Q, e[46] = f, e[47] = d, e[48] = h) : h = e[48];
+  let F;
+  return e[49] !== J || e[50] !== h ? (F = /* @__PURE__ */ i.jsx(de.Provider, { value: J, children: h }), e[49] = J, e[50] = h, e[51] = F) : F = e[51], F;
 };
+function Ce(m) {
+  return m.content !== "";
+}
+function ve() {
+}
 export {
-  q as ExpandedMenu,
-  _ as NavMenuGroup,
-  I as NavMenuItem,
-  T as NavSubMenuItem,
-  re as default
+  fe as ExpandedMenu,
+  pe as NavMenuGroup,
+  oe as NavMenuItem,
+  ue as NavSubMenuItem,
+  De as default
 };

package/lib/menus/sidenav/popup_menu_search/EmptyList.js

@@ -1,19 +1,23 @@
-import { j as s } from "../../../chunks/jsx-runtime.CYK1ROHF.js";
-import o from "../../../icons/index.js";
-const i = ({
-  info: t,
-  visible: r = !0
-}) => r ? /* @__PURE__ */ s.jsxs("div", { className: "nodata-container", children: [
-  /* @__PURE__ */ s.jsx(
-    o,
-    {
-      name: "information",
-      color: "#bdbdbd",
-      size: 128
-    }
-  ),
-  /* @__PURE__ */ s.jsx("p", { className: "subtext", children: t })
-] }) : /* @__PURE__ */ s.jsx("noscript", {});
+import { j as i } from "../../../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as l } from "../../../chunks/compiler-runtime.Cu50tn6L.js";
+import m from "../../../icons/index.js";
+const d = (c) => {
+  const e = l.c(4), {
+    info: r,
+    visible: n
+  } = c;
+  if (!(n === void 0 ? !0 : n)) {
+    let o;
+    return e[0] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ i.jsx("noscript", {}), e[0] = o) : o = e[0], o;
+  }
+  let t;
+  e[1] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ i.jsx(m, { name: "information", color: "#bdbdbd", size: 128 }), e[1] = t) : t = e[1];
+  let s;
+  return e[2] !== r ? (s = /* @__PURE__ */ i.jsxs("div", { className: "nodata-container", children: [
+    t,
+    /* @__PURE__ */ i.jsx("p", { className: "subtext", children: r })
+  ] }), e[2] = r, e[3] = s) : s = e[3], s;
+};
 export {
-  i as default
+  d as default
 };

package/lib/menus/sidenav/popup_menu_search/index.js

@@ -1,11 +1,11 @@
-import { j as t } from "../../../chunks/jsx-runtime.CYK1ROHF.js";
+import { j as t } from "../../../chunks/jsx-runtime.D1SHvdVE.js";
 import { useState as d, useRef as f, useEffect as u, Fragment as v } from "react";
 import P from "react-dom";
 import w from "../../../inputs/search/index.js";
 import F from "../../../list/index.js";
 import O from "../../../icons/index.js";
 import k from "./EmptyList.js";
-import { L as M } from "../../../chunks/tabs.Cvj2MJH6.js";
+import { L as M } from "../../../chunks/tabs.BvKfeA6Y.js";
 const h = document.getElementsByTagName("body")[0], A = (x) => {
   const {
     style: c,
@@ -33,55 +33,21 @@ const h = document.getElementsByTagName("body")[0], A = (x) => {
   const p = (e) => {
     const L = e.toLowerCase(), s = a && a.filter((R) => R.content.toLowerCase().includes(L));
     s && s.length > 0 && i(s[0].id), j(e), I(s);
-  }, E = () => n && n.length > 0 ? /* @__PURE__ */ t.jsx(
-    F,
-    {
-      condensed: !0,
-      transparent: !0,
-      selectable: !0,
-      onSelectItem: l,
-      selectedItemId: C,
-      selectOnEnter: !0,
-      style: { margin: "25px 0px", border: "none", boxShadow: "none" },
-      children: n.map((e) => /* @__PURE__ */ t.jsx(
-        M,
-        {
-          itemId: e.id,
-          url: e.url,
-          text: e.content
-        },
-        e.id
-      ))
-    }
-  ) : /* @__PURE__ */ t.jsx(k, { info: g }), S = () => /* @__PURE__ */ t.jsxs(v, { children: [
-    /* @__PURE__ */ t.jsx(
-      "span",
-      {
-        onClick: l,
-        className: "closebutton",
-        onKeyPress: () => {
-        },
-        role: "button",
-        tabIndex: 0,
-        children: /* @__PURE__ */ t.jsx(O, { name: "close", size: 22 })
-      }
-    ),
-    /* @__PURE__ */ t.jsx(
-      w,
-      {
-        rounded: !0,
-        onChange: (e) => {
-          e && p(e.target.value);
-        },
-        inputRef: o,
-        value: b,
-        placeHolder: y,
-        onReset: () => {
-          p("");
-        }
-      }
-    ),
-    /* @__PURE__ */ t.jsx("div", { style: { height: "90%" }, children: E() })
+  }, E = () => n && n.length > 0 ? /* @__PURE__ */ t.jsx(F, { condensed: !0, transparent: !0, selectable: !0, onSelectItem: l, selectedItemId: C, selectOnEnter: !0, style: {
+    margin: "25px 0px",
+    border: "none",
+    boxShadow: "none"
+  }, children: n.map((e) => /* @__PURE__ */ t.jsx(M, { itemId: e.id, url: e.url, text: e.content }, e.id)) }) : /* @__PURE__ */ t.jsx(k, { info: g }), S = () => /* @__PURE__ */ t.jsxs(v, { children: [
+    /* @__PURE__ */ t.jsx("span", { onClick: l, className: "closebutton", onKeyPress: () => {
+    }, role: "button", tabIndex: 0, children: /* @__PURE__ */ t.jsx(O, { name: "close", size: 22 }) }),
+    /* @__PURE__ */ t.jsx(w, { rounded: !0, onChange: (e) => {
+      e && p(e.target.value);
+    }, inputRef: o, value: b, placeHolder: y, onReset: () => {
+      p("");
+    } }),
+    /* @__PURE__ */ t.jsx("div", { style: {
+      height: "90%"
+    }, children: E() })
   ] });
   return P.createPortal(S(), r.current);
 };

package/lib/noPermission/index.js

@@ -1,11 +1,16 @@
-import { j as s } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import o from "../icons/index.js";
+import { j as e } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as t } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import r from "../icons/index.js";
 import '../assets/noPermission.css';/* empty css                              */
-const i = () => /* @__PURE__ */ s.jsxs("div", { className: "no-permission-component", "data-testid": "no-permission-component", children: [
-  /* @__PURE__ */ s.jsx(o, { name: "warning", size: 128, color: "#bdbdbd" }),
-  /* @__PURE__ */ s.jsx("p", { className: "text", children: "Acesso Negado" }),
-  /* @__PURE__ */ s.jsx("p", { className: "subtext", children: "Você não tem permissão para acessar este conteúdo. Consulte o Administrador do sistema!" })
-] });
+const c = () => {
+  const o = t.c(1);
+  let s;
+  return o[0] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ e.jsxs("div", { className: "no-permission-component", "data-testid": "no-permission-component", children: [
+    /* @__PURE__ */ e.jsx(r, { name: "warning", size: 128, color: "#bdbdbd" }),
+    /* @__PURE__ */ e.jsx("p", { className: "text", children: "Acesso Negado" }),
+    /* @__PURE__ */ e.jsx("p", { className: "subtext", children: "Você não tem permissão para acessar este conteúdo. Consulte o Administrador do sistema!" })
+  ] }), o[0] = s) : s = o[0], s;
+};
 export {
-  i as default
+  c as default
 };

package/lib/panel/Content.js

@@ -1,46 +1,55 @@
-import { j as d } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import { useContext as C, useRef as i, useCallback as g, useEffect as j } from "react";
-import H, { getCurrentThreshold as L } from "./helpers.js";
-import P from "../noPermission/index.js";
-const N = ({ customClass: f, children: h, ...m }) => {
+import { j as H } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as T } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { useContext as w, useRef as R, useEffect as z } from "react";
+import O, { getCurrentThreshold as N } from "./helpers.js";
+import S from "../noPermission/index.js";
+const A = (h) => {
+  const e = T.c(18);
+  let o, c, l;
+  e[0] !== h ? ({
+    customClass: c,
+    children: o,
+    ...l
+  } = h, e[0] = h, e[1] = o, e[2] = c, e[3] = l) : (o = e[1], c = e[2], l = e[3]);
   const {
-    opened: u,
-    onEndReached: o,
-    onEndReachedThreshold: a = 0.1,
-    hideContent: E
-  } = C(H), t = i(null), s = i(0), l = i(!0), r = g(async () => {
-    const e = t.current;
-    if (e && o) {
-      const { scrollTop: n, scrollHeight: c, clientHeight: p } = e, R = c - p - n - 1, x = L(e, a);
-      R <= x && l.current && (l.current = !1, await new Promise((v) => {
-        v(o());
-      }), s.current = c);
+    opened: i,
+    onEndReached: s,
+    onEndReachedThreshold: x,
+    hideContent: m
+  } = w(O), E = x === void 0 ? 0.1 : x, t = R(null), g = R(0), p = R(!0);
+  let u;
+  e[4] !== s || e[5] !== E ? (u = async () => {
+    const n = t.current;
+    if (n && s) {
+      const {
+        scrollTop: v,
+        scrollHeight: C,
+        clientHeight: b
+      } = n, j = C - b - v - 1, L = N(n, E);
+      j <= L && p.current && (p.current = !1, await new Promise((P) => {
+        P(s());
+      }), g.current = C);
     }
-  }, [
-    o,
-    a,
-    t.current,
-    s.current
-  ]);
-  return j(() => {
-    let e;
-    return t.current && o && (e = new ResizeObserver(() => {
-      const { scrollHeight: n } = t.current;
-      n !== s.current && (l.current = !0, e == null || e.disconnect());
-    }), e.observe(t.current), t.current.addEventListener("scroll", r), t.current.addEventListener("resize", r)), () => {
-      var n, c;
-      (n = t.current) == null || n.removeEventListener("scroll", r), (c = t.current) == null || c.removeEventListener("resize", r), e == null || e.disconnect();
+  }, e[4] = s, e[5] = E, e[6] = u) : u = e[6];
+  const r = u;
+  let d;
+  e[7] !== s || e[8] !== r ? (d = () => {
+    let n;
+    return t.current && s && (n = new ResizeObserver(() => {
+      const {
+        scrollHeight: v
+      } = t.current;
+      v !== g.current && (p.current = !0, n?.disconnect());
+    }), n.observe(t.current), t.current.addEventListener("scroll", r), t.current.addEventListener("resize", r)), () => {
+      t.current?.removeEventListener("scroll", r), t.current?.removeEventListener("resize", r), n?.disconnect();
     };
-  }, [r]), u ? E ? /* @__PURE__ */ d.jsx(P, {}) : /* @__PURE__ */ d.jsx(
-    "div",
-    {
-      ref: t,
-      className: `panel-content ${f ?? ""}`,
-      ...m,
-      children: u && h
-    }
-  ) : null;
+  }, e[7] = s, e[8] = r, e[9] = d) : d = e[9];
+  let f;
+  if (e[10] !== r ? (f = [r], e[10] = r, e[11] = f) : f = e[11], z(d, f), !i)
+    return null;
+  let a;
+  return e[12] !== o || e[13] !== c || e[14] !== m || e[15] !== i || e[16] !== l ? (a = m ? /* @__PURE__ */ H.jsx(S, {}) : /* @__PURE__ */ H.jsx("div", { ref: t, className: `panel-content ${c ?? ""}`, ...l, children: i && o }), e[12] = o, e[13] = c, e[14] = m, e[15] = i, e[16] = l, e[17] = a) : a = e[17], a;
 };
 export {
-  N as default
+  A as default
 };

package/lib/panel/DangerPanel.js

@@ -1,7 +1,12 @@
-import { j as r } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import t from "./Default.js";
-import e from "../internals/colorStyles.js";
-const s = (o) => /* @__PURE__ */ r.jsx(t, { ...o, colorStyle: e.DANGER });
+import { j as r } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as l } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import m from "./Default.js";
+import s from "../internals/colorStyles.js";
+const c = (e) => {
+  const t = l.c(2);
+  let o;
+  return t[0] !== e ? (o = /* @__PURE__ */ r.jsx(m, { ...e, colorStyle: s.DANGER }), t[0] = e, t[1] = o) : o = t[1], o;
+};
 export {
-  s as default
+  c as default
 };