ovirt-ui-toolkit 0.0.73 → 0.0.77

package/dist/ovirt-ui-toolkit.es.js

@@ -13,15 +13,15 @@ var Ce;
 function xr() {
   if (Ce) return A;
   Ce = 1;
-  var n = Ne, s = Symbol.for("react.element"), i = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, l = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function h(y, m, T) {
-    var j, b = {}, _ = null, W = null;
-    T !== void 0 && (_ = "" + T), m.key !== void 0 && (_ = "" + m.key), m.ref !== void 0 && (W = m.ref);
-    for (j in m) o.call(m, j) && !d.hasOwnProperty(j) && (b[j] = m[j]);
-    if (y && y.defaultProps) for (j in m = y.defaultProps, m) b[j] === void 0 && (b[j] = m[j]);
-    return { $$typeof: s, type: y, key: _, ref: W, props: b, _owner: l.current };
+  var n = Ne, s = Symbol.for("react.element"), o = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, c = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function v(j, h, T) {
+    var y, b = {}, _ = null, W = null;
+    T !== void 0 && (_ = "" + T), h.key !== void 0 && (_ = "" + h.key), h.ref !== void 0 && (W = h.ref);
+    for (y in h) i.call(h, y) && !d.hasOwnProperty(y) && (b[y] = h[y]);
+    if (j && j.defaultProps) for (y in h = j.defaultProps, h) b[y] === void 0 && (b[y] = h[y]);
+    return { $$typeof: s, type: j, key: _, ref: W, props: b, _owner: c.current };
   }
-  return A.Fragment = i, A.jsx = h, A.jsxs = h, A;
+  return A.Fragment = o, A.jsx = v, A.jsxs = v, A;
 }
 var I = {};
 /**
@@ -36,7 +36,7 @@ var I = {};
 var Te;
 function gr() {
   return Te || (Te = 1, process.env.NODE_ENV !== "production" && function() {
-    var n = Ne, s = Symbol.for("react.element"), i = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), h = Symbol.for("react.provider"), y = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), j = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), W = Symbol.for("react.offscreen"), K = Symbol.iterator, $e = "@@iterator";
+    var n = Ne, s = Symbol.for("react.element"), o = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), v = Symbol.for("react.provider"), j = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), W = Symbol.for("react.offscreen"), K = Symbol.iterator, $e = "@@iterator";
     function De(e) {
       if (e === null || typeof e != "object")
         return null;
@@ -46,36 +46,36 @@ function gr() {
     var k = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function R(e) {
       {
-        for (var r = arguments.length, a = new Array(r > 1 ? r - 1 : 0), c = 1; c < r; c++)
-          a[c - 1] = arguments[c];
+        for (var r = arguments.length, a = new Array(r > 1 ? r - 1 : 0), l = 1; l < r; l++)
+          a[l - 1] = arguments[l];
         Fe("error", e, a);
       }
     }
     function Fe(e, r, a) {
       {
-        var c = k.ReactDebugCurrentFrame, v = c.getStackAddendum();
-        v !== "" && (r += "%s", a = a.concat([v]));
-        var p = a.map(function(f) {
+        var l = k.ReactDebugCurrentFrame, p = l.getStackAddendum();
+        p !== "" && (r += "%s", a = a.concat([p]));
+        var m = a.map(function(f) {
           return String(f);
         });
-        p.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, p);
+        m.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, m);
       }
     }
     var Ae = !1, Ie = !1, We = !1, Ye = !1, Ve = !1, ee;
     ee = Symbol.for("react.module.reference");
     function Le(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === o || e === d || Ve || e === l || e === T || e === j || Ye || e === W || Ae || Ie || We || typeof e == "object" && e !== null && (e.$$typeof === _ || e.$$typeof === b || e.$$typeof === h || e.$$typeof === y || e.$$typeof === m || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === i || e === d || Ve || e === c || e === T || e === y || Ye || e === W || Ae || Ie || We || typeof e == "object" && e !== null && (e.$$typeof === _ || e.$$typeof === b || e.$$typeof === v || e.$$typeof === j || e.$$typeof === h || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       e.$$typeof === ee || e.getModuleId !== void 0));
     }
     function Me(e, r, a) {
-      var c = e.displayName;
-      if (c)
-        return c;
-      var v = r.displayName || r.name || "";
-      return v !== "" ? a + "(" + v + ")" : a;
+      var l = e.displayName;
+      if (l)
+        return l;
+      var p = r.displayName || r.name || "";
+      return p !== "" ? a + "(" + p + ")" : a;
     }
     function re(e) {
       return e.displayName || "Context";
@@ -88,36 +88,36 @@ function gr() {
       if (typeof e == "string")
         return e;
       switch (e) {
-        case o:
-          return "Fragment";
         case i:
+          return "Fragment";
+        case o:
           return "Portal";
         case d:
           return "Profiler";
-        case l:
+        case c:
           return "StrictMode";
         case T:
           return "Suspense";
-        case j:
+        case y:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case y:
+          case j:
             var r = e;
             return re(r) + ".Consumer";
-          case h:
+          case v:
             var a = e;
             return re(a._context) + ".Provider";
-          case m:
+          case h:
             return Me(e, e.render, "ForwardRef");
           case b:
-            var c = e.displayName || null;
-            return c !== null ? c : O(e.type) || "Memo";
+            var l = e.displayName || null;
+            return l !== null ? l : O(e.type) || "Memo";
           case _: {
-            var v = e, p = v._payload, f = v._init;
+            var p = e, m = p._payload, f = p._init;
             try {
-              return O(f(p));
+              return O(f(m));
             } catch {
               return null;
             }
@@ -193,9 +193,9 @@ function gr() {
         if (J === void 0)
           try {
             throw Error();
-          } catch (v) {
-            var c = v.stack.trim().match(/\n( *(at )?)/);
-            J = c && c[1] || "";
+          } catch (p) {
+            var l = p.stack.trim().match(/\n( *(at )?)/);
+            J = l && l[1] || "";
           }
         return `
 ` + J + e;
@@ -214,12 +214,12 @@ function gr() {
         if (a !== void 0)
           return a;
       }
-      var c;
+      var l;
       q = !0;
-      var v = Error.prepareStackTrace;
+      var p = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var p;
-      p = B.current, B.current = null, Ue();
+      var m;
+      m = B.current, B.current = null, Ue();
       try {
         if (r) {
           var f = function() {
@@ -233,14 +233,14 @@ function gr() {
             try {
               Reflect.construct(f, []);
             } catch (C) {
-              c = C;
+              l = C;
             }
             Reflect.construct(e, [], f);
           } else {
             try {
               f.call();
             } catch (C) {
-              c = C;
+              l = C;
             }
             e.call(f.prototype);
           }
@@ -248,14 +248,14 @@ function gr() {
           try {
             throw Error();
           } catch (C) {
-            c = C;
+            l = C;
           }
           e();
         }
       } catch (C) {
-        if (C && c && typeof C.stack == "string") {
+        if (C && l && typeof C.stack == "string") {
           for (var u = C.stack.split(`
-`), E = c.stack.split(`
+`), E = l.stack.split(`
 `), x = u.length - 1, g = E.length - 1; x >= 1 && g >= 0 && u[x] !== E[g]; )
             g--;
           for (; x >= 1 && g >= 0; x--, g--)
@@ -272,7 +272,7 @@ function gr() {
             }
         }
       } finally {
-        q = !1, B.current = p, Be(), Error.prepareStackTrace = v;
+        q = !1, B.current = m, Be(), Error.prepareStackTrace = p;
       }
       var $ = e ? e.displayName || e.name : "", S = $ ? Y($) : "";
       return typeof e == "function" && V.set(e, S), S;
@@ -294,19 +294,19 @@ function gr() {
       switch (e) {
         case T:
           return Y("Suspense");
-        case j:
+        case y:
           return Y("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case m:
+          case h:
             return qe(e.render);
           case b:
             return L(e.type, r, a);
           case _: {
-            var c = e, v = c._payload, p = c._init;
+            var l = e, p = l._payload, m = l._init;
             try {
-              return L(p(v), r, a);
+              return L(m(p), r, a);
             } catch {
             }
           }
@@ -321,22 +321,22 @@ function gr() {
       } else
         de.setExtraStackFrame(null);
     }
-    function Ge(e, r, a, c, v) {
+    function Ge(e, r, a, l, p) {
       {
-        var p = Function.call.bind(F);
+        var m = Function.call.bind(F);
         for (var f in e)
-          if (p(e, f)) {
+          if (m(e, f)) {
             var u = void 0;
             try {
               if (typeof e[f] != "function") {
-                var E = Error((c || "React class") + ": " + a + " type `" + f + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[f] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var E = Error((l || "React class") + ": " + a + " type `" + f + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[f] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw E.name = "Invariant Violation", E;
               }
-              u = e[f](r, f, c, a, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              u = e[f](r, f, l, a, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (x) {
               u = x;
             }
-            u && !(u instanceof Error) && (M(v), R("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", c || "React class", a, f, typeof u), M(null)), u instanceof Error && !(u.message in fe) && (fe[u.message] = !0, M(v), R("Failed %s type: %s", a, u.message), M(null));
+            u && !(u instanceof Error) && (M(p), R("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", l || "React class", a, f, typeof u), M(null)), u instanceof Error && !(u.message in fe) && (fe[u.message] = !0, M(p), R("Failed %s type: %s", a, u.message), M(null));
           }
       }
     }
@@ -411,7 +411,7 @@ function gr() {
         });
       }
     }
-    var ar = function(e, r, a, c, v, p, f) {
+    var ar = function(e, r, a, l, p, m, f) {
       var u = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: s,
@@ -421,7 +421,7 @@ function gr() {
         ref: a,
         props: f,
         // Record the component responsible for creating this element.
-        _owner: p
+        _owner: m
       };
       return u._store = {}, Object.defineProperty(u._store, "validated", {
         configurable: !1,
@@ -432,30 +432,30 @@ function gr() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: c
+        value: l
       }), Object.defineProperty(u, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: v
+        value: p
       }), Object.freeze && (Object.freeze(u.props), Object.freeze(u)), u;
     };
-    function sr(e, r, a, c, v) {
+    function sr(e, r, a, l, p) {
       {
-        var p, f = {}, u = null, E = null;
-        a !== void 0 && (pe(a), u = "" + a), er(r) && (pe(r.key), u = "" + r.key), Ke(r) && (E = r.ref, rr(r, v));
-        for (p in r)
-          F.call(r, p) && !Qe.hasOwnProperty(p) && (f[p] = r[p]);
+        var m, f = {}, u = null, E = null;
+        a !== void 0 && (pe(a), u = "" + a), er(r) && (pe(r.key), u = "" + r.key), Ke(r) && (E = r.ref, rr(r, p));
+        for (m in r)
+          F.call(r, m) && !Qe.hasOwnProperty(m) && (f[m] = r[m]);
         if (e && e.defaultProps) {
           var x = e.defaultProps;
-          for (p in x)
-            f[p] === void 0 && (f[p] = x[p]);
+          for (m in x)
+            f[m] === void 0 && (f[m] = x[m]);
         }
         if (u || E) {
           var g = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
           u && tr(f, g), E && nr(f, g);
         }
-        return ar(e, u, E, v, c, he.current, f);
+        return ar(e, u, E, p, l, he.current, f);
       }
     }
     var G = k.ReactCurrentOwner, xe = k.ReactDebugCurrentFrame;
@@ -508,8 +508,8 @@ Check the top-level render call using <` + a + ">.");
         if (je[a])
           return;
         je[a] = !0;
-        var c = "";
-        e && e._owner && e._owner !== G.current && (c = " It was passed a child from " + O(e._owner.type) + "."), P(e), R('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', a, c), P(null);
+        var l = "";
+        e && e._owner && e._owner !== G.current && (l = " It was passed a child from " + O(e._owner.type) + "."), P(e), R('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', a, l), P(null);
       }
     }
     function Re(e, r) {
@@ -518,15 +518,15 @@ Check the top-level render call using <` + a + ">.");
           return;
         if (z(e))
           for (var a = 0; a < e.length; a++) {
-            var c = e[a];
-            X(c) && ye(c, r);
+            var l = e[a];
+            X(l) && ye(l, r);
           }
         else if (X(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var v = De(e);
-          if (typeof v == "function" && v !== e.entries)
-            for (var p = v.call(e), f; !(f = p.next()).done; )
+          var p = De(e);
+          if (typeof p == "function" && p !== e.entries)
+            for (var m = p.call(e), f; !(f = m.next()).done; )
               X(f.value) && ye(f.value, r);
         }
       }
@@ -539,19 +539,19 @@ Check the top-level render call using <` + a + ">.");
         var a;
         if (typeof r == "function")
           a = r.propTypes;
-        else if (typeof r == "object" && (r.$$typeof === m || // Note: Memo only checks outer props here.
+        else if (typeof r == "object" && (r.$$typeof === h || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         r.$$typeof === b))
           a = r.propTypes;
         else
           return;
         if (a) {
-          var c = O(r);
-          Ge(a, e.props, "prop", c, e);
+          var l = O(r);
+          Ge(a, e.props, "prop", l, e);
         } else if (r.PropTypes !== void 0 && !H) {
           H = !0;
-          var v = O(r);
-          R("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", v || "Unknown");
+          var p = O(r);
+          R("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", p || "Unknown");
         }
         typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && R("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
@@ -559,9 +559,9 @@ Check the top-level render call using <` + a + ">.");
     function cr(e) {
       {
         for (var r = Object.keys(e.props), a = 0; a < r.length; a++) {
-          var c = r[a];
-          if (c !== "children" && c !== "key") {
-            P(e), R("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", c), P(null);
+          var l = r[a];
+          if (l !== "children" && l !== "key") {
+            P(e), R("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", l), P(null);
             break;
           }
         }
@@ -569,7 +569,7 @@ Check the top-level render call using <` + a + ">.");
       }
     }
     var Ee = {};
-    function _e(e, r, a, c, v, p) {
+    function _e(e, r, a, l, p, m) {
       {
         var f = Le(e);
         if (!f) {
@@ -580,13 +580,13 @@ Check the top-level render call using <` + a + ">.");
           var x;
           e === null ? x = "null" : z(e) ? x = "array" : e !== void 0 && e.$$typeof === s ? (x = "<" + (O(e.type) || "Unknown") + " />", u = " Did you accidentally export a JSX literal instead of a component?") : x = typeof e, R("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", x, u);
         }
-        var g = sr(e, r, a, v, p);
+        var g = sr(e, r, a, p, m);
         if (g == null)
           return g;
         if (f) {
           var w = r.children;
           if (w !== void 0)
-            if (c)
+            if (l)
               if (z(w)) {
                 for (var $ = 0; $ < w.length; $++)
                   Re(w[$], e);
@@ -610,7 +610,7 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`, Z, S, pr, S), Ee[S + Z] = !0;
           }
         }
-        return e === o ? cr(g) : lr(g), g;
+        return e === i ? cr(g) : lr(g), g;
       }
     }
     function ur(e, r, a) {
@@ -620,7 +620,7 @@ React keys must be passed directly to JSX without using spread:
       return _e(e, r, a, !1);
     }
     var dr = fr, vr = ur;
-    I.Fragment = o, I.jsx = dr, I.jsxs = vr;
+    I.Fragment = i, I.jsx = dr, I.jsxs = vr;
   }()), I;
 }
 var we;
@@ -628,7 +628,7 @@ function jr() {
   return we || (we = 1, process.env.NODE_ENV === "production" ? U.exports = xr() : U.exports = gr()), U.exports;
 }
 var t = jr();
-const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr = ({ items: n, className: s }) => /* @__PURE__ */ t.jsx("ol", { className: `breadcrumb ${s || ""}`.trim(), children: n.map((i, o) => /* @__PURE__ */ t.jsx("li", { className: i.active ? "active" : "", children: i.active ? i.title : /* @__PURE__ */ t.jsx("a", { href: i.href, children: i.title }) }, o)) }), Rr = /* @__PURE__ */ t.jsx("span", { className: "loading-spinner mr-2", children: /* @__PURE__ */ t.jsxs(
+const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr = ({ items: n, className: s }) => /* @__PURE__ */ t.jsx("ol", { className: `breadcrumb ${s || ""}`.trim(), children: n.map((o, i) => /* @__PURE__ */ t.jsx("li", { className: o.active ? "active" : "", children: o.active ? o.title : /* @__PURE__ */ t.jsx("a", { href: o.href, children: o.title }) }, i)) }), Rr = /* @__PURE__ */ t.jsx("span", { className: "loading-spinner mr-2", children: /* @__PURE__ */ t.jsxs(
   "svg",
   {
     className: "animate-spin h-5 w-5 text-current",
@@ -660,140 +660,140 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
 ) }), Se = ({
   type: n = "default",
   title: s,
-  size: i,
-  label: o,
-  onClick: l,
+  size: o,
+  label: i,
+  onClick: c,
   isDisabled: d = !1,
-  children: h,
-  className: y = "",
-  isLoading: m = !1
+  children: v,
+  className: j = "",
+  isLoading: h = !1
 }) => {
-  const T = `btn-${n}`, j = i ? `btn-${i}` : "", _ = `${`btn ${T} ${j}`.trim()} ${y}`.trim();
+  const T = `btn-${n}`, y = o ? `btn-${o}` : "", _ = `${`btn ${T} ${y}`.trim()} ${j}`.trim();
   return /* @__PURE__ */ t.jsx(
     "button",
     {
       className: _,
       type: "button",
-      onClick: l,
-      disabled: d || m,
+      onClick: c,
+      disabled: d || h,
       children: /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-center", children: [
-        m && Rr,
-        h || o,
+        h && Rr,
+        v || i,
         " ",
         s && /* @__PURE__ */ t.jsx("span", { children: s })
       ] })
     }
   );
-}, wr = ({ children: n, eventKey: s, active: i }) => /* @__PURE__ */ t.jsx(
+}, wr = ({ children: n, eventKey: s, active: o }) => /* @__PURE__ */ t.jsx(
   "div",
   {
-    className: `tab-pane ${i ? "active" : ""}`,
+    className: `tab-pane ${o ? "active" : ""}`,
     id: `${s}-panel`,
     role: "tabpanel",
     "aria-labelledby": `${s}-tab`,
     children: n
   },
   s
-), Or = ({ activeKey: n, onSelect: s, children: i }) => /* @__PURE__ */ t.jsxs("div", { className: "tabs-container", children: [
-  /* @__PURE__ */ t.jsx("ul", { className: "nav nav-tabs", role: "tablist", children: i.map(({ props: { eventKey: o, title: l } }) => /* @__PURE__ */ t.jsx("li", { className: n === o ? "active" : "", children: /* @__PURE__ */ t.jsx(
+), Or = ({ activeKey: n, onSelect: s, children: o }) => /* @__PURE__ */ t.jsxs("div", { className: "tabs-container", children: [
+  /* @__PURE__ */ t.jsx("ul", { className: "nav nav-tabs", role: "tablist", children: o.map(({ props: { eventKey: i, title: c } }) => /* @__PURE__ */ t.jsx("li", { className: n === i ? "active" : "", children: /* @__PURE__ */ t.jsx(
     "a",
     {
-      href: `#${o}`,
+      href: `#${i}`,
       onClick: (d) => {
-        d.preventDefault(), s(o);
+        d.preventDefault(), s(i);
       },
-      children: l
+      children: c
     }
-  ) }, o)) }),
-  /* @__PURE__ */ t.jsx("div", { className: "tabs-container", children: /* @__PURE__ */ t.jsx("div", { className: "tab-content pf-c-tab-content", children: i.map(({ props: { eventKey: o, children: l } }) => /* @__PURE__ */ t.jsx(
+  ) }, i)) }),
+  /* @__PURE__ */ t.jsx("div", { className: "tabs-container", children: /* @__PURE__ */ t.jsx("div", { className: "tab-content pf-c-tab-content", children: o.map(({ props: { eventKey: i, children: c } }) => /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: `tab-pane ${n === o ? "active" : ""}`,
-      id: `${o}-panel`,
+      className: `tab-pane ${n === i ? "active" : ""}`,
+      id: `${i}-panel`,
       role: "tabpanel",
-      "aria-labelledby": `${o}-tab`,
-      children: l
+      "aria-labelledby": `${i}-tab`,
+      children: c
     },
-    o
+    i
   )) }) })
 ] }), Nr = mr(
   ({
     id: n,
     type: s,
-    placeholder: i = "",
-    value: o,
-    onChange: l,
+    placeholder: o = "",
+    value: i,
+    onChange: c,
     className: d = "form-control",
-    ...h
-  }, y) => {
-    const m = `form-control ${d}`;
+    ...v
+  }, j) => {
+    const h = `form-control ${d}`;
     return /* @__PURE__ */ t.jsx(
       "input",
       {
         type: s,
         id: n,
-        className: m,
-        placeholder: i,
-        value: o,
-        onChange: l,
-        ref: y,
-        ...h
+        className: h,
+        placeholder: o,
+        value: i,
+        onChange: c,
+        ref: j,
+        ...v
       }
     );
   }
-), Sr = ({ title: n, isOpen: s, onClose: i, children: o, size: l }) => {
+), Sr = ({ title: n, isOpen: s, onClose: o, children: i, size: c }) => {
   if (!s) return null;
-  const d = l ? `modal-${l}` : "";
+  const d = c ? `modal-${c}` : "";
   return /* @__PURE__ */ t.jsx("div", { className: "modal fade in", style: { display: "block" }, tabIndex: -1, role: "dialog", children: /* @__PURE__ */ t.jsx("div", { className: `modal-dialog ${d}`, role: "document", children: /* @__PURE__ */ t.jsxs("div", { className: "modal-content", children: [
     /* @__PURE__ */ t.jsxs("div", { className: "modal-header", children: [
-      /* @__PURE__ */ t.jsx("button", { type: "button", className: "close", onClick: i, "aria-hidden": "true", children: /* @__PURE__ */ t.jsx("span", { className: "pficon pficon-close" }) }),
+      /* @__PURE__ */ t.jsx("button", { type: "button", className: "close", onClick: o, "aria-hidden": "true", children: /* @__PURE__ */ t.jsx("span", { className: "pficon pficon-close" }) }),
       /* @__PURE__ */ t.jsx("h4", { className: "modal-title", children: n })
     ] }),
-    /* @__PURE__ */ t.jsx("div", { className: "modal-body", children: o })
+    /* @__PURE__ */ t.jsx("div", { className: "modal-body", children: i })
   ] }) }) });
-}, kr = ({ variant: n, children: s, className: i = "" }) => {
-  const o = {
+}, kr = ({ variant: n, children: s, className: o = "" }) => {
+  const i = {
     warning: "text-yellow-600",
     success: "text-green-600",
     error: "text-red-600"
-  }, l = i + " " + o[n] || "";
-  return /* @__PURE__ */ t.jsx("p", { className: l, children: s });
+  }, c = o + " " + i[n] || "";
+  return /* @__PURE__ */ t.jsx("p", { className: c, children: s });
 }, Pr = ({ children: n, ...s }) => /* @__PURE__ */ t.jsx("table", { ...s, children: n }), $r = ({ children: n, ...s }) => /* @__PURE__ */ t.jsx("tbody", { ...s, children: n }), Dr = ({ children: n, ...s }) => /* @__PURE__ */ t.jsx("td", { ...s, children: n }), Fr = ({ children: n, ...s }) => /* @__PURE__ */ t.jsx("th", { ...s, children: n }), Ar = ({ children: n, ...s }) => /* @__PURE__ */ t.jsx("thead", { ...s, children: n }), Ir = ({ children: n, ...s }) => /* @__PURE__ */ t.jsx("tr", { ...s, children: n }), ke = ({
   items: n,
   selected: s,
-  title: i,
-  isOpen: o,
-  setIsOpen: l,
+  title: o,
+  isOpen: i,
+  setIsOpen: c,
   onChange: d,
-  className: h = ""
+  className: v = ""
 }) => {
-  const y = (b) => {
-    l(!b);
-  }, m = (b) => {
-    l(!1), d(b);
+  const j = (b) => {
+    c(!b);
+  }, h = (b) => {
+    c(!1), d(b);
   }, T = (b) => {
     const _ = b.id === s;
     return /* @__PURE__ */ t.jsx(
       "li",
       {
-        onClick: () => m(b),
+        onClick: () => h(b),
         className: _ ? "active" : "",
         children: /* @__PURE__ */ t.jsx("a", { href: "#", children: b.title })
       },
       b.id
     );
-  }, j = `btn btn-default dropdown-toggle flex-1 ${h}`;
+  }, y = `btn btn-default dropdown-toggle flex-1 ${v}`;
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
       "button",
       {
         style: { marginLeft: "0px", left: "-1px" },
-        className: j,
-        onClick: () => y(o),
+        className: y,
+        onClick: () => j(i),
         "data-toggle": "dropdown",
         type: "button",
         children: /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-center", children: [
-          i && /* @__PURE__ */ t.jsx("div", { className: "mr-2", children: i }),
+          o && /* @__PURE__ */ t.jsx("div", { className: "mr-2", children: o }),
           " ",
           /* @__PURE__ */ t.jsx("span", { className: "caret" }),
           " "
@@ -803,27 +803,34 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
     /* @__PURE__ */ t.jsx("ul", { className: "dropdown-menu", role: "menu", children: n.map(T) })
   ] });
 }, Wr = (n) => {
-  const [s, i] = Q(!1), o = n.selected, l = n.items.find((d) => d.id == o);
-  return n.debug && (console.log(n), console.log(l)), /* @__PURE__ */ t.jsx("div", { className: `btn-group ${s ? "open" : ""}`, children: /* @__PURE__ */ t.jsx(
+  const [s, o] = Q(!1), i = n.selected, c = n.items.find((d) => d.id == i);
+  return n.debug && (console.log(n), console.log(c)), /* @__PURE__ */ t.jsx("div", { className: `btn-group ${s ? "open" : ""}`, children: /* @__PURE__ */ t.jsx(
     ke,
     {
       ...n,
-      title: (l == null ? void 0 : l.title) || n.title,
-      setIsOpen: i,
+      title: (c == null ? void 0 : c.title) || n.title,
+      setIsOpen: o,
       isOpen: s
     }
   ) });
-}, Er = ({ currentPage: n, total: s, onPageChange: i, pageSize: o }) => {
-  const l = Math.ceil(s / o), d = () => {
-    n > 1 && i(n - 1);
+}, Er = ({
+  currentPage: n,
+  total: s,
+  onPageChange: o,
+  onNextPage: i,
+  onPrevPage: c,
+  pageSize: d
+}) => {
+  const v = Math.ceil(s / d), j = () => {
+    c ? c() : n > 1 && o(n - 1);
   }, h = () => {
-    n < l && i(n + 1);
+    i ? i() : n < v && o(n + 1);
   };
   return /* @__PURE__ */ t.jsxs("div", { children: [
     /* @__PURE__ */ t.jsx("span", { children: /* @__PURE__ */ t.jsxs("span", { className: "pagination-pf-items-current", children: [
       n,
       " - ",
-      l
+      v
     ] }) }),
     /* @__PURE__ */ t.jsxs("div", { className: "btn-group ml-2", children: [
       /* @__PURE__ */ t.jsx(
@@ -832,7 +839,7 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
           type: "button",
           className: `btn btn-default ${n === 1 ? "disabled" : ""}`,
           disabled: n === 1,
-          onClick: d,
+          onClick: j,
           children: /* @__PURE__ */ t.jsx("i", { className: "fa fa-angle-left" })
         }
       ),
@@ -840,8 +847,8 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
         "button",
         {
           type: "button",
-          className: `btn btn-default ${n === l ? "disabled" : ""}`,
-          disabled: n === l,
+          className: `btn btn-default ${n === v ? "disabled" : ""}`,
+          disabled: n === v,
           onClick: h,
           children: /* @__PURE__ */ t.jsx("i", { className: "fa fa-angle-right" })
         }
@@ -851,21 +858,21 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
 }, Pe = ({
   children: n,
   onChange: s,
-  items: i,
-  selected: o,
-  className: l = ""
+  items: o,
+  selected: i,
+  className: c = ""
 }) => {
-  const [d, h] = Q(!1);
-  return /* @__PURE__ */ t.jsx("div", { className: `btn-group ${l} ${d ? "open" : ""}`, children: /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+  const [d, v] = Q(!1);
+  return /* @__PURE__ */ t.jsx("div", { className: `btn-group ${c} ${d ? "open" : ""}`, children: /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     n,
     /* @__PURE__ */ t.jsx(
       ke,
       {
-        setIsOpen: h,
+        setIsOpen: v,
         isOpen: d,
         onChange: s,
-        items: i,
-        selected: o
+        items: o,
+        selected: i
       }
     )
   ] }) });
@@ -875,106 +882,128 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
   { id: 3, title: "20 сек", data: 2e4 },
   { id: 4, title: "30 сек", data: 3e4 },
   { id: 5, title: "60 сек", data: 6e4 }
-], _r = ({ onChange: n, value: s, onRefresh: i }) => {
+], _r = ({ onChange: n, value: s, onRefresh: o }) => {
   var d;
-  const o = (h) => {
-    n(h.data);
-  }, l = (d = Oe.find((h) => h.data === s)) == null ? void 0 : d.id;
-  return /* @__PURE__ */ t.jsx(Pe, { className: "flex", items: Oe, onChange: o, selected: l, children: /* @__PURE__ */ t.jsx(Se, { className: "m-0", type: "default", onClick: i, children: /* @__PURE__ */ t.jsx("i", { className: "fa fa-refresh" }) }) });
+  const i = (v) => {
+    n(v.data);
+  }, c = (d = Oe.find((v) => v.data === s)) == null ? void 0 : d.id;
+  return /* @__PURE__ */ t.jsx(Pe, { className: "flex", items: Oe, onChange: i, selected: c, children: /* @__PURE__ */ t.jsx(Se, { className: "m-0", type: "default", onClick: o, children: /* @__PURE__ */ t.jsx("i", { className: "fa fa-refresh" }) }) });
 }, Yr = ({
   interval: n,
   page: s,
-  total: i,
-  onRefresh: o,
-  onChangeInterval: l,
+  total: o,
+  onRefresh: i,
+  onChangeInterval: c,
   onPageChange: d,
-  pageSize: h
+  pageSize: v,
+  onNextPage: j,
+  onPrevPage: h
 }) => /* @__PURE__ */ t.jsxs("div", { className: "flex justify-between bg-[#f5f5f5] border border-[#d1d1d1]", children: [
   /* @__PURE__ */ t.jsx("div", { className: "m-[5px]", children: /* @__PURE__ */ t.jsx(
     _r,
     {
       value: n,
-      onChange: l,
-      onRefresh: o
+      onChange: c,
+      onRefresh: i
     }
   ) }),
   /* @__PURE__ */ t.jsx("div", { className: "m-[5px]", children: /* @__PURE__ */ t.jsx(
     Er,
     {
-      pageSize: h,
+      onNextPage: j,
+      onPrevPage: h,
+      pageSize: v,
       currentPage: s,
-      total: i,
+      total: o,
       onPageChange: d
     }
   ) })
 ] }), Vr = ({
   id: n,
   label: s,
-  isChecked: i = !1,
-  onChange: o,
-  className: l = "checkbox"
-}) => /* @__PURE__ */ t.jsx("div", { className: l, children: /* @__PURE__ */ t.jsxs("label", { htmlFor: n, children: [
+  isChecked: o = !1,
+  onChange: i,
+  className: c = "checkbox"
+}) => /* @__PURE__ */ t.jsx("div", { className: c, children: /* @__PURE__ */ t.jsxs("label", { htmlFor: n, children: [
   /* @__PURE__ */ t.jsx(
     "input",
     {
       type: "checkbox",
       id: n,
-      checked: i,
-      onChange: o
+      checked: o,
+      onChange: i
     }
   ),
   ` ${s}`
 ] }) }), Lr = ({
   placeholder: n = "",
   rows: s = 3,
-  maxLength: i,
-  value: o,
-  onChange: l,
+  maxLength: o,
+  value: i,
+  onChange: c,
   isDisabled: d = !1,
-  className: h = ""
+  className: v = ""
 }) => {
-  const [y, m] = Q(o || ""), T = o !== void 0 ? o : y, j = (b) => {
+  const [j, h] = Q(i || ""), T = i !== void 0 ? i : j, y = (b) => {
     const _ = b.target.value;
-    l ? l(_) : m(_);
+    c ? c(_) : h(_);
   };
   return /* @__PURE__ */ t.jsx(
     "textarea",
     {
-      className: h,
+      className: v,
       placeholder: n,
       rows: s,
-      maxLength: i,
+      maxLength: o,
       value: T,
-      onChange: j,
+      onChange: y,
       disabled: d
     }
   );
-}, Mr = ({ variant: n, title: s, className: i }) => {
-  const o = `alert alert-${n} ${i || ""}`;
-  return ["success", "info", "warning", "danger"].includes(n) || (console.warn(`Unsupported alert variant: "${n}". Defaulting to "info".`), n = "info"), /* @__PURE__ */ t.jsx("div", { className: o.trim(), role: "alert", children: s });
-}, Ur = ({ variant: n, children: s, onClick: i }) => {
-  const o = `label label-${n}`, l = i ? { tabIndex: 0, role: "button", "aria-pressed": !1 } : {};
+}, Mr = ({ variant: n, title: s, className: o }) => {
+  const i = ["success", "info", "warning", "danger"], c = (v) => {
+    switch (v) {
+      case "success":
+        return "pficon pficon-ok";
+      case "info":
+        return "pficon pficon-info";
+      case "warning":
+        return "pficon pficon-warning-triangle-o";
+      case "danger":
+        return "pficon pficon-error-circle-o";
+      default:
+        return "pficon pficon-info";
+    }
+  };
+  i.includes(n) || (console.warn(`Unsupported alert variant: "${n}". Defaulting to "info".`), n = "info");
+  const d = `flex items-center alert alert-${n} ${o || ""}`.trim();
+  return /* @__PURE__ */ t.jsxs("div", { className: d, role: "alert", children: [
+    /* @__PURE__ */ t.jsx("span", { className: c(n) }),
+    /* @__PURE__ */ t.jsx("div", { children: s })
+  ] });
+}, Ur = ({ variant: n, children: s, onClick: o }) => {
+  const i = `label label-${n}`, c = o ? { tabIndex: 0, role: "button", "aria-pressed": !1 } : {};
   return /* @__PURE__ */ t.jsx(
     "span",
     {
-      className: o,
-      onClick: i,
-      ...l,
-      style: { cursor: i ? "pointer" : void 0 },
+      className: i,
+      onClick: o,
+      ...c,
+      style: { cursor: o ? "pointer" : void 0 },
       children: s
     }
   );
 }, Br = (n) => {
-  const { label: s, isChecked: i = !1, id: o = "radio1", onChange: l, name: d } = n;
-  return /* @__PURE__ */ t.jsx("div", { className: "radio", children: /* @__PURE__ */ t.jsxs("label", { htmlFor: o, children: [
+  const { label: s, isChecked: o = !1, id: i = "radio1", onChange: c, name: d } = n;
+  return /* @__PURE__ */ t.jsx("div", { className: "radio", children: /* @__PURE__ */ t.jsxs("label", { htmlFor: i, children: [
     /* @__PURE__ */ t.jsx(
       "input",
       {
         type: "radio",
         name: d,
-        id: o,
-        checked: i,
-        onChange: (h) => l(h.target.checked)
+        id: i,
+        checked: o,
+        onChange: (v) => c(v.target.checked)
       }
     ),
     s
@@ -984,10 +1013,10 @@ function Jr(n, s) {
   br(() => {
     if (!n)
       return;
-    const i = setInterval(() => {
+    const o = setInterval(() => {
       s();
     }, n);
-    return () => clearInterval(i);
+    return () => clearInterval(o);
   }, [n]);
 }
 const qr = () => /* @__PURE__ */ t.jsxs("div", { children: [