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

package/lib/tabs/Menu.js

@@ -1,52 +1,38 @@
-import { j as n } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import m from "react";
-import r from "./MenuTabs.js";
-import o from "./DropdownTabs.js";
-import { useTabs as f } from "./useTabs.js";
-const x = ({
-  toolbar: t,
-  customClassForToolBar: s = "",
-  tabWidth: a = "auto",
-  ...e
-}) => {
-  const {
-    menuTabs: u,
-    menuRef: i,
-    dropdownTabs: b
-  } = f();
-  return /* @__PURE__ */ n.jsxs(
-    "div",
-    {
-      className: "menucontainer",
-      children: [
-        /* @__PURE__ */ n.jsx(
-          r,
-          {
-            tabs: u,
-            tabWidth: a,
-            tabMenuSize: e.tabMenuSize,
-            tabMenuAlign: e.tabMenuAlign,
-            firstTabIdent: e.firstTabIdent,
-            ref: i
-          }
-        ),
-        /* @__PURE__ */ n.jsx(
-          o,
-          {
-            tabs: b,
-            tabWidth: a,
-            tabMenuSize: e.tabMenuSize,
-            tabMenuAlign: e.tabMenuAlign,
-            firstTabIdent: e.firstTabIdent
-          }
-        ),
-        t && m.cloneElement(t, {
-          customClass: `menubar ${s}`
-        })
-      ]
-    }
-  );
+import { j as c } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as T } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import p from "react";
+import g from "./MenuTabs.js";
+import z from "./DropdownTabs.js";
+import { useTabs as A } from "./useTabs.js";
+const v = (u) => {
+  const t = T.c(25);
+  let e, r, b, n;
+  t[0] !== u ? ({
+    toolbar: n,
+    customClassForToolBar: r,
+    tabWidth: b,
+    ...e
+  } = u, t[0] = u, t[1] = e, t[2] = r, t[3] = b, t[4] = n) : (e = t[1], r = t[2], b = t[3], n = t[4]);
+  const m = r === void 0 ? "" : r, a = b === void 0 ? "auto" : b, {
+    menuTabs: f,
+    menuRef: d,
+    dropdownTabs: M
+  } = A();
+  let s;
+  t[5] !== d || t[6] !== f || t[7] !== e.firstTabIdent || t[8] !== e.tabMenuAlign || t[9] !== e.tabMenuSize || t[10] !== a ? (s = /* @__PURE__ */ c.jsx(g, { tabs: f, tabWidth: a, tabMenuSize: e.tabMenuSize, tabMenuAlign: e.tabMenuAlign, firstTabIdent: e.firstTabIdent, ref: d }), t[5] = d, t[6] = f, t[7] = e.firstTabIdent, t[8] = e.tabMenuAlign, t[9] = e.tabMenuSize, t[10] = a, t[11] = s) : s = t[11];
+  let i;
+  t[12] !== M || t[13] !== e.firstTabIdent || t[14] !== e.tabMenuAlign || t[15] !== e.tabMenuSize || t[16] !== a ? (i = /* @__PURE__ */ c.jsx(z, { tabs: M, tabWidth: a, tabMenuSize: e.tabMenuSize, tabMenuAlign: e.tabMenuAlign, firstTabIdent: e.firstTabIdent }), t[12] = M, t[13] = e.firstTabIdent, t[14] = e.tabMenuAlign, t[15] = e.tabMenuSize, t[16] = a, t[17] = i) : i = t[17];
+  let o;
+  t[18] !== m || t[19] !== n ? (o = n && p.cloneElement(n, {
+    customClass: `menubar ${m}`
+  }), t[18] = m, t[19] = n, t[20] = o) : o = t[20];
+  let l;
+  return t[21] !== s || t[22] !== i || t[23] !== o ? (l = /* @__PURE__ */ c.jsxs("div", { className: "menucontainer", children: [
+    s,
+    i,
+    o
+  ] }), t[21] = s, t[22] = i, t[23] = o, t[24] = l) : l = t[24], l;
 };
 export {
-  x as default
+  v as default
 };

package/lib/tabs/MenuTabs.js

@@ -1,89 +1,64 @@
-import { j as s } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import y from "react";
-import N from "lodash";
-import h from "../buttons/Button.js";
+import { j as M } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as y } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import S from "react";
+import { _ as z } from "../chunks/lodash.CIAK_hAg.js";
+import A from "../buttons/Button.js";
 import "../icons/index.js";
 import '../assets/button.css';/* empty css                        */
-import { menuStyles as w, onDeniedOptions as C } from "./tabHelpers.js";
-import { actionsOnPermissionDenied as D } from "../permissionValidations.js";
-import { useTabs as M } from "./useTabs.js";
-const R = ({
-  id: e,
-  title: t,
-  tabWidth: n,
-  iconAlign: a,
-  iconName: i,
-  icon: m,
-  disabled: l,
-  permissionAttr: o,
-  tabMenuSize: u,
-  tooltip: c,
-  tooltipPosition: d,
-  tooltipWidth: b,
-  closeable: p
-}) => {
-  const { selectedTabId: f, selectTab: x, removeTab: T, tabsCount: j } = M(), r = D(C, o);
-  return r.unvisible ? null : /* @__PURE__ */ s.jsxs(
-    "li",
-    {
-      style: { width: n },
-      className: `menuitem ${f === e && "selected"}`,
-      children: [
-        /* @__PURE__ */ s.jsx(
-          h,
-          {
-            className: "btn menubutton",
-            boxShadow: !1,
-            onClick: () => x(e),
-            iconAlign: a,
-            iconName: i,
-            icon: m,
-            disabled: l || !!r.disabled,
-            label: t,
-            size: u,
-            tooltip: c || t,
-            tooltipPosition: d,
-            tooltipWidth: b
-          }
-        ),
-        p && j > 1 && /* @__PURE__ */ s.jsx(
-          "button",
-          {
-            className: "closepanel",
-            onClick: () => T(e)
-          }
-        )
-      ]
-    },
-    e
-  );
-}, _ = y.forwardRef(({
-  tabs: e = [],
-  tabWidth: t = "auto",
-  tabMenuSize: n = "medium",
-  tabMenuAlign: a = "left",
-  firstTabIdent: i = !1
-}, m) => {
-  const l = N.uniqBy(e, "id");
-  return /* @__PURE__ */ s.jsx(
-    "ul",
-    {
-      className: `menu ${i && "-firsttabident"}`,
-      style: w(a),
-      ref: m,
-      children: l.map((o) => /* @__PURE__ */ s.jsx(
-        R,
-        {
-          tabMenuSize: n,
-          tabWidth: t,
-          ...o
-        },
-        o.id
-      ))
-    }
-  );
+import { menuStyles as R, onDeniedOptions as W } from "./tabHelpers.js";
+import { actionsOnPermissionDenied as $ } from "../permissionValidations.js";
+import { useTabs as g } from "./useTabs.js";
+const w = (N) => {
+  const e = y.c(21), {
+    id: t,
+    title: l,
+    tabWidth: m,
+    iconAlign: c,
+    iconName: r,
+    icon: b,
+    disabled: s,
+    permissionAttr: i,
+    tabMenuSize: o,
+    tooltip: n,
+    tooltipPosition: u,
+    tooltipWidth: T,
+    closeable: p
+  } = N, {
+    selectedTabId: f,
+    selectTab: x,
+    removeTab: v,
+    tabsCount: h
+  } = g();
+  let a;
+  e[0] !== i ? (a = $(W, i), e[0] = i, e[1] = a) : a = e[1];
+  const d = a;
+  let j;
+  return e[2] !== p || e[3] !== s || e[4] !== b || e[5] !== c || e[6] !== r || e[7] !== t || e[8] !== d.disabled || e[9] !== d.unvisible || e[10] !== v || e[11] !== x || e[12] !== f || e[13] !== o || e[14] !== m || e[15] !== h || e[16] !== l || e[17] !== n || e[18] !== u || e[19] !== T ? (j = d.unvisible ? null : /* @__PURE__ */ M.jsxs("li", { style: {
+    width: m
+  }, className: `menuitem ${f === t && "selected"}`, children: [
+    /* @__PURE__ */ M.jsx(A, { className: "btn menubutton", boxShadow: !1, onClick: () => x(t), iconAlign: c, iconName: r, icon: b, disabled: s || !!d.disabled, label: l, size: o, tooltip: n || l, tooltipPosition: u, tooltipWidth: T }),
+    p && h > 1 && /* @__PURE__ */ M.jsx("button", { className: "closepanel", onClick: () => v(t) })
+  ] }, t), e[2] = p, e[3] = s, e[4] = b, e[5] = c, e[6] = r, e[7] = t, e[8] = d.disabled, e[9] = d.unvisible, e[10] = v, e[11] = x, e[12] = f, e[13] = o, e[14] = m, e[15] = h, e[16] = l, e[17] = n, e[18] = u, e[19] = T, e[20] = j) : j = e[20], j;
+}, C = S.forwardRef((N, e) => {
+  const t = y.c(20), {
+    tabs: l,
+    tabWidth: m,
+    tabMenuSize: c,
+    tabMenuAlign: r,
+    firstTabIdent: b
+  } = N;
+  let s, i, o, n;
+  if (t[0] !== e || t[1] !== l || t[2] !== m || t[3] !== c || t[4] !== r || t[5] !== b) {
+    const T = l === void 0 ? [] : l, p = m === void 0 ? "auto" : m, f = c === void 0 ? "medium" : c, x = r === void 0 ? "left" : r, v = b === void 0 ? !1 : b, h = z.uniqBy(T, "id");
+    s = `menu ${v && "-firsttabident"}`, t[10] !== x ? (i = R(x), t[10] = x, t[11] = i) : i = t[11], o = e;
+    let a;
+    t[12] !== f || t[13] !== p ? (a = (d) => /* @__PURE__ */ M.jsx(w, { tabMenuSize: f, tabWidth: p, ...d }, d.id), t[12] = f, t[13] = p, t[14] = a) : a = t[14], n = h.map(a), t[0] = e, t[1] = l, t[2] = m, t[3] = c, t[4] = r, t[5] = b, t[6] = s, t[7] = i, t[8] = o, t[9] = n;
+  } else
+    s = t[6], i = t[7], o = t[8], n = t[9];
+  let u;
+  return t[15] !== s || t[16] !== i || t[17] !== o || t[18] !== n ? (u = /* @__PURE__ */ M.jsx("ul", { className: s, style: i, ref: o, children: n }), t[15] = s, t[16] = i, t[17] = o, t[18] = n, t[19] = u) : u = t[19], u;
 });
-_.displayName = "MenuTabs";
+C.displayName = "MenuTabs";
 export {
-  _ as default
+  C as default
 };

package/lib/tabs/Panel.js

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

package/lib/tabs/context.js

@@ -1,68 +1,64 @@
-import { j as G } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import H, { createContext as J, useState as B, useRef as K, useMemo as I, useCallback as x, useEffect as C } from "react";
-import D from "lodash";
-import { getTabs as E } from "./tabHelpers.js";
-const L = J({});
-function X({
-  children: M,
+import { j as F } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import G, { createContext as H, useState as y, useRef as J, useMemo as I, useCallback as x, useEffect as B } from "react";
+import { _ as C } from "../chunks/lodash.CIAK_hAg.js";
+import { getTabs as D } from "./tabHelpers.js";
+const K = H({});
+function V({
+  children: E,
   tabs: b,
   container: d,
   selectedTab: f = null,
   onTabChange: T,
   onTabClose: p,
   tabsWidth: c,
-  firstTabIdent: O = !1,
-  keepTabOriginalPosition: W = !0
+  firstTabIdent: M = !1,
+  keepTabOriginalPosition: O = !0
 }) {
-  var y, _;
-  const [o, l] = H.useState(f), [w, R] = B(() => {
-    var e;
-    return ((e = d.current) == null ? void 0 : e.clientWidth) ?? 0;
-  }), [t, a] = B(E(b)), v = K(null), h = (((y = v.current) == null ? void 0 : y.clientWidth) ?? 0) - 38 - (O ? 15 : 0), k = I(() => typeof c == "string" ? c === "auto" ? 100 : parseInt(c) || 100 : c, [c]), m = Math.round(h / k);
-  f && f !== o && l(f), t.length > 0 && o === null && l((_ = t[0]) == null ? void 0 : _.id);
-  const u = I(() => h === 0 ? [] : t.slice(m), [t, m, w]), z = I(() => t.slice(0, m), [t, m, w]), q = t.length, S = x((e) => {
-    const n = u.findIndex((r) => r.id === e);
-    if (n !== -1) {
-      const r = t.findIndex((i) => i.id === e), s = u[n];
+  const [o, l] = G.useState(f), [w, R] = y(() => d.current?.clientWidth ?? 0), [n, a] = y(D(b)), v = J(null), h = (v.current?.clientWidth ?? 0) - 38 - (M ? 15 : 0), W = I(() => typeof c == "string" ? c === "auto" ? 100 : parseInt(c) || 100 : c, [c]), m = Math.round(h / W);
+  f && f !== o && l(f), n.length > 0 && o === null && l(n[0]?.id);
+  const u = I(() => h === 0 ? [] : n.slice(m), [n, m, w]), z = I(() => n.slice(0, m), [n, m, w]), k = n.length, S = x((e) => {
+    const t = u.findIndex((r) => r.id === e);
+    if (t !== -1) {
+      const r = n.findIndex((i) => i.id === e), s = u[t];
       a((i) => (i.splice(r, 1), [s, ...i]));
     }
-  }, [a, z, t, u]), g = x((e) => {
-    W || S(e), l(e), T && T(e);
-  }, [T, l, S]), A = x((e) => {
-    const n = t.findIndex((s) => s.id === e), r = n === 0 ? t[n + 1] : t[n - 1];
-    o === e && g(r.id), n !== -1 && a((s) => (s.splice(n, 1), s)), p && p(String(e));
-  }, [p, t, u, o]), j = x((e) => {
+  }, [a, z, n, u]), g = x((e) => {
+    O || S(e), l(e), T && T(e);
+  }, [T, l, S]), q = x((e) => {
+    const t = n.findIndex((s) => s.id === e), r = t === 0 ? n[t + 1] : n[t - 1];
+    o === e && g(r.id), t !== -1 && a((s) => (s.splice(t, 1), s)), p && p(String(e));
+  }, [p, n, u, o]), j = x((e) => {
     R(e.width);
   }, [R]);
-  return C(() => {
-    const e = E(b);
-    if (e !== t) {
-      const n = D.differenceBy(e, t, "id"), r = D.differenceBy(t, e, "id").map((s) => s.id);
+  return B(() => {
+    const e = D(b);
+    if (e !== n) {
+      const t = C.differenceBy(e, n, "id"), r = C.differenceBy(n, e, "id").map((s) => s.id);
       a((s) => {
         let i = s;
-        return r && (i = i.filter((F) => !r.includes(F.id))), [...i, ...n];
+        return r && (i = i.filter((A) => !r.includes(A.id))), [...i, ...t];
       });
     }
-  }, [b]), C(() => {
-    const e = new ResizeObserver(([n]) => {
-      j(n.contentRect);
+  }, [b]), B(() => {
+    const e = new ResizeObserver(([t]) => {
+      j(t.contentRect);
     });
     return d.current && e.observe(d.current), () => {
       e.disconnect();
     };
-  }, [d.current, j]), /* @__PURE__ */ G.jsx(L.Provider, { value: {
-    tabs: t,
+  }, [d.current, j]), /* @__PURE__ */ F.jsx(K.Provider, { value: {
+    tabs: n,
     menuTabs: z,
     dropdownTabs: u,
     containerWidth: w,
-    tabsCount: q,
+    tabsCount: k,
     selectTab: g,
     selectedTabId: o,
-    removeTab: A,
+    removeTab: q,
     menuRef: v
-  }, children: M });
+  }, children: E });
 }
 export {
-  L as TabsContext,
-  X as TabsProvider
+  K as TabsContext,
+  V as TabsProvider
 };

package/lib/tabs/index.js

@@ -1,68 +1,73 @@
-import { j as r } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import { useRef as R, useMemo as T, Fragment as n } from "react";
-import b from "./Menu.js";
-import { default as z } from "./Panel.js";
-import { tabsClass as C } from "./tabHelpers.js";
-import "../chunks/tabs.Cvj2MJH6.js";
-import { TabsProvider as g } from "./context.js";
-const q = ({
-  toolbar: f,
-  toolBarRef: h,
-  children: e,
-  firstTabIdent: t,
-  handlerTabClick: l,
-  handlerCloseTab: p,
-  style: u = {},
-  tabMenuSize: c = "default",
-  tabMenuAlign: x = "left",
-  tabMenuPosition: o = "top",
-  customClassForToolBar: j = "",
-  tabsWidth: s = "auto",
-  ...i
+import { j as C } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as D } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { useRef as G, Fragment as P } from "react";
+import H from "./Menu.js";
+import { default as lt } from "./Panel.js";
+import { tabsClass as J } from "./tabHelpers.js";
+import "../chunks/tabs.BvKfeA6Y.js";
+import { TabsProvider as K } from "./context.js";
+const L = ({
+  children: i,
+  tabMenuPosition: t,
+  toolbar: e,
+  tabsWidth: o,
+  customClassForToolBar: s,
+  tabMenuSize: n,
+  tabMenuAlign: r,
+  firstTabIdent: l
 }) => {
-  const a = R(null), d = T(() => {
-    const m = /* @__PURE__ */ r.jsx(
-      b,
-      {
-        toolbar: f,
-        tabWidth: s,
-        customClassForToolBar: j,
-        tabMenuSize: c,
-        tabMenuAlign: x,
-        firstTabIdent: t
-      }
-    );
-    return o === "top" || o === "left" ? /* @__PURE__ */ r.jsxs(n, { children: [
-      m,
-      e
-    ] }) : /* @__PURE__ */ r.jsxs(n, { children: [
-      e,
-      m
-    ] });
-  }, [e, o]);
-  return /* @__PURE__ */ r.jsx(
-    g,
-    {
-      tabs: e,
-      container: a,
-      onTabChange: l,
-      onTabClose: p,
-      tabsWidth: s,
-      firstTabIdent: t,
-      ...i,
-      children: /* @__PURE__ */ r.jsx(
-        "div",
-        {
-          ref: a,
-          className: C(o),
-          style: u,
-          children: d
-        }
-      )
-    }
-  );
+  const a = /* @__PURE__ */ C.jsx(H, { toolbar: e, tabWidth: o, customClassForToolBar: s, tabMenuSize: n, tabMenuAlign: r, firstTabIdent: l });
+  return t === "top" || t === "left" ? /* @__PURE__ */ C.jsxs(P, { children: [
+    a,
+    i
+  ] }) : /* @__PURE__ */ C.jsxs(P, { children: [
+    i,
+    a
+  ] });
+}, tt = (i) => {
+  const t = D.c(38);
+  let e, o, s, n, r, l, a, p, h, T, x, c;
+  if (t[0] !== i) {
+    const {
+      toolbar: W,
+      toolBarRef: O,
+      children: k,
+      firstTabIdent: y,
+      handlerTabClick: z,
+      handlerCloseTab: A,
+      style: E,
+      tabMenuSize: I,
+      tabMenuAlign: S,
+      tabMenuPosition: N,
+      customClassForToolBar: $,
+      tabsWidth: q,
+      ...w
+    } = i;
+    c = W, e = k, o = y, n = z, s = A, l = E, a = I, p = S, h = N, T = $, x = q, r = w, t[0] = i, t[1] = e, t[2] = o, t[3] = s, t[4] = n, t[5] = r, t[6] = l, t[7] = a, t[8] = p, t[9] = h, t[10] = T, t[11] = x, t[12] = c;
+  } else
+    e = t[1], o = t[2], s = t[3], n = t[4], r = t[5], l = t[6], a = t[7], p = t[8], h = t[9], T = t[10], x = t[11], c = t[12];
+  let v;
+  t[13] !== l ? (v = l === void 0 ? {} : l, t[13] = l, t[14] = v) : v = t[14];
+  const M = v, g = a === void 0 ? "default" : a, R = p === void 0 ? "left" : p, d = h === void 0 ? "top" : h, B = T === void 0 ? "" : T, f = x === void 0 ? "auto" : x, F = G(null);
+  let b;
+  t[15] !== d ? (b = J(d), t[15] = d, t[16] = b) : b = t[16];
+  let m;
+  t[17] !== e || t[18] !== B || t[19] !== o || t[20] !== R || t[21] !== d || t[22] !== g || t[23] !== f || t[24] !== c ? (m = L({
+    children: e,
+    tabMenuPosition: d,
+    toolbar: c,
+    tabsWidth: f,
+    customClassForToolBar: B,
+    tabMenuSize: g,
+    tabMenuAlign: R,
+    firstTabIdent: o
+  }), t[17] = e, t[18] = B, t[19] = o, t[20] = R, t[21] = d, t[22] = g, t[23] = f, t[24] = c, t[25] = m) : m = t[25];
+  let u;
+  t[26] !== M || t[27] !== b || t[28] !== m ? (u = /* @__PURE__ */ C.jsx("div", { ref: F, className: b, style: M, children: m }), t[26] = M, t[27] = b, t[28] = m, t[29] = u) : u = t[29];
+  let j;
+  return t[30] !== e || t[31] !== o || t[32] !== s || t[33] !== n || t[34] !== r || t[35] !== u || t[36] !== f ? (j = /* @__PURE__ */ C.jsx(K, { tabs: e, container: F, onTabChange: n, onTabClose: s, tabsWidth: f, firstTabIdent: o, ...r, children: u }), t[30] = e, t[31] = o, t[32] = s, t[33] = n, t[34] = r, t[35] = u, t[36] = f, t[37] = j) : j = t[37], j;
 };
 export {
-  z as TabPanel,
-  q as default
+  lt as TabPanel,
+  tt as default
 };

package/lib/tabs/tabHelpers.js

@@ -3,12 +3,18 @@ import { OPTIONS_ON_DENIED as r } from "../permissionValidations.js";
 function h(t, n) {
   if (n < 0) return 0;
   if (n > 1) return 1;
-  const { scrollHeight: o, clientHeight: u } = t, s = o - u, c = Math.round(o * n), f = Math.round(s - s * 0.3);
-  return Math.min(c, f);
+  const {
+    scrollHeight: o,
+    clientHeight: c
+  } = t, s = o - c, u = Math.round(o * n), f = Math.round(s - s * 0.3);
+  return Math.min(u, f);
 }
 const p = (t) => (i.Children.map(t, (e) => {
   if (!e || !i.isValidElement(e)) return null;
-  const { children: l, ...o } = e.props;
+  const {
+    children: l,
+    ...o
+  } = e.props;
   return o;
 }) || []).filter((e) => !e.hidden), a = {
   top: "",
@@ -32,11 +38,7 @@ function M(t) {
     justifyContent: m[t]
   };
 }
-const O = [
-  r.disabled,
-  r.unvisible,
-  r.hideContent
-];
+const O = [r.disabled, r.unvisible, r.hideContent];
 export {
   h as getCurrentThreshold,
   p as getTabs,