bpr-library 0.0.13 → 0.0.14

package/dist/index.js

@@ -1,7 +1,7 @@
-import $0, { useState as $, useEffect as A, useRef as L, useMemo as z0, useCallback as i0 } from "react";
-import { createPopper as T0 } from "@popperjs/core";
-import { createPortal as E0 } from "react-dom";
-import { CSSTransition as b0 } from "react-transition-group";
+import T0, { useState as H, useEffect as A, useRef as O, useMemo as z0, useCallback as a0 } from "react";
+import { createPopper as b0 } from "@popperjs/core";
+import { createPortal as $0 } from "react-dom";
+import { CSSTransition as y0 } from "react-transition-group";
 import { create as L0 } from "zustand";
 const R0 = `<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" aria-hidden="true" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\r
     <style>\r
@@ -469,256 +469,256 @@ const R0 = `<svg style="position: absolute; width: 0; height: 0; overflow: hidde
     </defs>\r
 </svg>`;
 var r0 = { exports: {} }, Z = {};
-var y0;
+var k0;
 function O0() {
-  if (y0) return Z;
-  y0 = 1;
+  if (k0) return Z;
+  k0 = 1;
   var c = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
-  function r(s, l, d) {
-    var o = null;
-    if (d !== void 0 && (o = "" + d), l.key !== void 0 && (o = "" + l.key), "key" in l) {
-      d = {};
-      for (var m in l)
-        m !== "key" && (d[m] = l[m]);
-    } else d = l;
-    return l = d.ref, {
+  function r(o, n, i) {
+    var s = null;
+    if (i !== void 0 && (s = "" + i), n.key !== void 0 && (s = "" + n.key), "key" in n) {
+      i = {};
+      for (var w in n)
+        w !== "key" && (i[w] = n[w]);
+    } else i = n;
+    return n = i.ref, {
       $$typeof: c,
-      type: s,
-      key: o,
-      ref: l !== void 0 ? l : null,
-      props: d
+      type: o,
+      key: s,
+      ref: n !== void 0 ? n : null,
+      props: i
     };
   }
   return Z.Fragment = t, Z.jsx = r, Z.jsxs = r, Z;
 }
 var Q = {};
-var k0;
+var g0;
 function D0() {
-  return k0 || (k0 = 1, process.env.NODE_ENV !== "production" && (function() {
-    function c(n) {
-      if (n == null) return null;
-      if (typeof n == "function")
-        return n.$$typeof === a0 ? null : n.displayName || n.name || null;
-      if (typeof n == "string") return n;
-      switch (n) {
-        case z:
+  return g0 || (g0 = 1, process.env.NODE_ENV !== "production" && (function() {
+    function c(l) {
+      if (l == null) return null;
+      if (typeof l == "function")
+        return l.$$typeof === d0 ? null : l.displayName || l.name || null;
+      if (typeof l == "string") return l;
+      switch (l) {
+        case b:
           return "Fragment";
-        case k:
+        case _:
           return "Profiler";
-        case v:
+        case a:
           return "StrictMode";
-        case W:
+        case F:
           return "Suspense";
-        case N:
+        case B:
           return "SuspenseList";
-        case U:
+        case J:
           return "Activity";
       }
-      if (typeof n == "object")
-        switch (typeof n.tag == "number" && console.error(
+      if (typeof l == "object")
+        switch (typeof l.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), n.$$typeof) {
-          case w:
+        ), l.$$typeof) {
+          case x:
             return "Portal";
-          case H:
-            return n.displayName || "Context";
-          case y:
-            return (n._context.displayName || "Context") + ".Consumer";
-          case D:
-            var _ = n.render;
-            return n = n.displayName, n || (n = _.displayName || _.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
-          case Y:
-            return _ = n.displayName || null, _ !== null ? _ : c(n.type) || "Memo";
+          case N:
+            return l.displayName || "Context";
+          case k:
+            return (l._context.displayName || "Context") + ".Consumer";
+          case T:
+            var f = l.render;
+            return l = l.displayName, l || (l = f.displayName || f.name || "", l = l !== "" ? "ForwardRef(" + l + ")" : "ForwardRef"), l;
+          case W:
+            return f = l.displayName || null, f !== null ? f : c(l.type) || "Memo";
           case j:
-            _ = n._payload, n = n._init;
+            f = l._payload, l = l._init;
             try {
-              return c(n(_));
+              return c(l(f));
             } catch {
             }
         }
       return null;
     }
-    function t(n) {
-      return "" + n;
+    function t(l) {
+      return "" + l;
     }
-    function r(n) {
+    function r(l) {
       try {
-        t(n);
-        var _ = !1;
+        t(l);
+        var f = !1;
       } catch {
-        _ = !0;
+        f = !0;
       }
-      if (_) {
-        _ = console;
-        var C = _.error, g = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
-        return C.call(
-          _,
+      if (f) {
+        f = console;
+        var g = f.error, C = typeof Symbol == "function" && Symbol.toStringTag && l[Symbol.toStringTag] || l.constructor.name || "Object";
+        return g.call(
+          f,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          g
-        ), t(n);
+          C
+        ), t(l);
       }
     }
-    function s(n) {
-      if (n === z) return "<>";
-      if (typeof n == "object" && n !== null && n.$$typeof === j)
+    function o(l) {
+      if (l === b) return "<>";
+      if (typeof l == "object" && l !== null && l.$$typeof === j)
         return "<...>";
       try {
-        var _ = c(n);
-        return _ ? "<" + _ + ">" : "<...>";
+        var f = c(l);
+        return f ? "<" + f + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function l() {
-      var n = q.A;
-      return n === null ? null : n.getOwner();
+    function n() {
+      var l = U.A;
+      return l === null ? null : l.getOwner();
     }
-    function d() {
+    function i() {
       return Error("react-stack-top-frame");
     }
-    function o(n) {
-      if (J.call(n, "key")) {
-        var _ = Object.getOwnPropertyDescriptor(n, "key").get;
-        if (_ && _.isReactWarning) return !1;
+    function s(l) {
+      if (q.call(l, "key")) {
+        var f = Object.getOwnPropertyDescriptor(l, "key").get;
+        if (f && f.isReactWarning) return !1;
       }
-      return n.key !== void 0;
+      return l.key !== void 0;
     }
-    function m(n, _) {
-      function C() {
-        b || (b = !0, console.error(
+    function w(l, f) {
+      function g() {
+        y || (y = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          _
+          f
         ));
       }
-      C.isReactWarning = !0, Object.defineProperty(n, "key", {
-        get: C,
+      g.isReactWarning = !0, Object.defineProperty(l, "key", {
+        get: g,
         configurable: !0
       });
     }
-    function u() {
-      var n = c(this.type);
-      return P[n] || (P[n] = !0, console.error(
+    function m() {
+      var l = c(this.type);
+      return P[l] || (P[l] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), n = this.props.ref, n !== void 0 ? n : null;
+      )), l = this.props.ref, l !== void 0 ? l : null;
     }
-    function h(n, _, C, g, t0, h0) {
-      var S = C.ref;
-      return n = {
-        $$typeof: f,
-        type: n,
-        key: _,
-        props: C,
-        _owner: g
-      }, (S !== void 0 ? S : null) !== null ? Object.defineProperty(n, "ref", {
+    function d(l, f, g, C, t0, m0) {
+      var S = g.ref;
+      return l = {
+        $$typeof: z,
+        type: l,
+        key: f,
+        props: g,
+        _owner: C
+      }, (S !== void 0 ? S : null) !== null ? Object.defineProperty(l, "ref", {
         enumerable: !1,
-        get: u
-      }) : Object.defineProperty(n, "ref", { enumerable: !1, value: null }), n._store = {}, Object.defineProperty(n._store, "validated", {
+        get: m
+      }) : Object.defineProperty(l, "ref", { enumerable: !1, value: null }), l._store = {}, Object.defineProperty(l._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(n, "_debugInfo", {
+      }), Object.defineProperty(l, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(n, "_debugStack", {
+      }), Object.defineProperty(l, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: t0
-      }), Object.defineProperty(n, "_debugTask", {
+      }), Object.defineProperty(l, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: h0
-      }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
+        value: m0
+      }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
     }
-    function p(n, _, C, g, t0, h0) {
-      var S = _.children;
+    function h(l, f, g, C, t0, m0) {
+      var S = f.children;
       if (S !== void 0)
-        if (g)
-          if (d0(S)) {
-            for (g = 0; g < S.length; g++)
-              M(S[g]);
+        if (C)
+          if (h0(S)) {
+            for (C = 0; C < S.length; C++)
+              M(S[C]);
             Object.freeze && Object.freeze(S);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
         else M(S);
-      if (J.call(_, "key")) {
-        S = c(n);
-        var X = Object.keys(_).filter(function(H0) {
+      if (q.call(f, "key")) {
+        S = c(l);
+        var X = Object.keys(f).filter(function(H0) {
           return H0 !== "key";
         });
-        g = 0 < X.length ? "{key: someKey, " + X.join(": ..., ") + ": ...}" : "{key: someKey}", M0[S + g] || (X = 0 < X.length ? "{" + X.join(": ..., ") + ": ...}" : "{}", console.error(
+        C = 0 < X.length ? "{key: someKey, " + X.join(": ..., ") + ": ...}" : "{key: someKey}", M0[S + C] || (X = 0 < X.length ? "{" + X.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          g,
+          C,
           S,
           X,
           S
-        ), M0[S + g] = !0);
+        ), M0[S + C] = !0);
       }
-      if (S = null, C !== void 0 && (r(C), S = "" + C), o(_) && (r(_.key), S = "" + _.key), "key" in _) {
-        C = {};
-        for (var u0 in _)
-          u0 !== "key" && (C[u0] = _[u0]);
-      } else C = _;
-      return S && m(
-        C,
-        typeof n == "function" ? n.displayName || n.name || "Unknown" : n
-      ), h(
-        n,
+      if (S = null, g !== void 0 && (r(g), S = "" + g), s(f) && (r(f.key), S = "" + f.key), "key" in f) {
+        g = {};
+        for (var u0 in f)
+          u0 !== "key" && (g[u0] = f[u0]);
+      } else g = f;
+      return S && w(
+        g,
+        typeof l == "function" ? l.displayName || l.name || "Unknown" : l
+      ), d(
+        l,
         S,
-        C,
-        l(),
+        g,
+        n(),
         t0,
-        h0
+        m0
       );
     }
-    function M(n) {
-      i(n) ? n._store && (n._store.validated = 1) : typeof n == "object" && n !== null && n.$$typeof === j && (n._payload.status === "fulfilled" ? i(n._payload.value) && n._payload.value._store && (n._payload.value._store.validated = 1) : n._store && (n._store.validated = 1));
+    function M(l) {
+      p(l) ? l._store && (l._store.validated = 1) : typeof l == "object" && l !== null && l.$$typeof === j && (l._payload.status === "fulfilled" ? p(l._payload.value) && l._payload.value._store && (l._payload.value._store.validated = 1) : l._store && (l._store.validated = 1));
     }
-    function i(n) {
-      return typeof n == "object" && n !== null && n.$$typeof === f;
+    function p(l) {
+      return typeof l == "object" && l !== null && l.$$typeof === z;
     }
-    var a = $0, f = /* @__PURE__ */ Symbol.for("react.transitional.element"), w = /* @__PURE__ */ Symbol.for("react.portal"), z = /* @__PURE__ */ Symbol.for("react.fragment"), v = /* @__PURE__ */ Symbol.for("react.strict_mode"), k = /* @__PURE__ */ Symbol.for("react.profiler"), y = /* @__PURE__ */ Symbol.for("react.consumer"), H = /* @__PURE__ */ Symbol.for("react.context"), D = /* @__PURE__ */ Symbol.for("react.forward_ref"), W = /* @__PURE__ */ Symbol.for("react.suspense"), N = /* @__PURE__ */ Symbol.for("react.suspense_list"), Y = /* @__PURE__ */ Symbol.for("react.memo"), j = /* @__PURE__ */ Symbol.for("react.lazy"), U = /* @__PURE__ */ Symbol.for("react.activity"), a0 = /* @__PURE__ */ Symbol.for("react.client.reference"), q = a.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, J = Object.prototype.hasOwnProperty, d0 = Array.isArray, x = console.createTask ? console.createTask : function() {
+    var u = T0, z = /* @__PURE__ */ Symbol.for("react.transitional.element"), x = /* @__PURE__ */ Symbol.for("react.portal"), b = /* @__PURE__ */ Symbol.for("react.fragment"), a = /* @__PURE__ */ Symbol.for("react.strict_mode"), _ = /* @__PURE__ */ Symbol.for("react.profiler"), k = /* @__PURE__ */ Symbol.for("react.consumer"), N = /* @__PURE__ */ Symbol.for("react.context"), T = /* @__PURE__ */ Symbol.for("react.forward_ref"), F = /* @__PURE__ */ Symbol.for("react.suspense"), B = /* @__PURE__ */ Symbol.for("react.suspense_list"), W = /* @__PURE__ */ Symbol.for("react.memo"), j = /* @__PURE__ */ Symbol.for("react.lazy"), J = /* @__PURE__ */ Symbol.for("react.activity"), d0 = /* @__PURE__ */ Symbol.for("react.client.reference"), U = u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, q = Object.prototype.hasOwnProperty, h0 = Array.isArray, v = console.createTask ? console.createTask : function() {
       return null;
     };
-    a = {
-      react_stack_bottom_frame: function(n) {
-        return n();
+    u = {
+      react_stack_bottom_frame: function(l) {
+        return l();
       }
     };
-    var b, P = {}, R = a.react_stack_bottom_frame.bind(
-      a,
-      d
-    )(), f0 = x(s(d)), M0 = {};
-    Q.Fragment = z, Q.jsx = function(n, _, C) {
-      var g = 1e4 > q.recentlyCreatedOwnerStacks++;
-      return p(
-        n,
-        _,
-        C,
+    var y, P = {}, D = u.react_stack_bottom_frame.bind(
+      u,
+      i
+    )(), f0 = v(o(i)), M0 = {};
+    Q.Fragment = b, Q.jsx = function(l, f, g) {
+      var C = 1e4 > U.recentlyCreatedOwnerStacks++;
+      return h(
+        l,
+        f,
+        g,
         !1,
-        g ? Error("react-stack-top-frame") : R,
-        g ? x(s(n)) : f0
+        C ? Error("react-stack-top-frame") : D,
+        C ? v(o(l)) : f0
       );
-    }, Q.jsxs = function(n, _, C) {
-      var g = 1e4 > q.recentlyCreatedOwnerStacks++;
-      return p(
-        n,
-        _,
-        C,
+    }, Q.jsxs = function(l, f, g) {
+      var C = 1e4 > U.recentlyCreatedOwnerStacks++;
+      return h(
+        l,
+        f,
+        g,
         !0,
-        g ? Error("react-stack-top-frame") : R,
-        g ? x(s(n)) : f0
+        C ? Error("react-stack-top-frame") : D,
+        C ? v(o(l)) : f0
       );
     };
   })()), Q;
@@ -728,30 +728,30 @@ function P0() {
   return C0 || (C0 = 1, process.env.NODE_ENV === "production" ? r0.exports = O0() : r0.exports = D0()), r0.exports;
 }
 var e = P0();
-const A0 = "_container_iowly_1", I0 = "_icon_iowly_7", F0 = "_info_iowly_21", Y0 = "_error_iowly_24", W0 = "_success_iowly_27", U0 = "_warning_iowly_30", q0 = "_message_text_iowly_33", J0 = "_open_iowly_37", X0 = "_close_iowly_42", G = {
+const A0 = "_container_iowly_1", I0 = "_icon_iowly_7", F0 = "_info_iowly_21", Y0 = "_error_iowly_24", W0 = "_success_iowly_27", J0 = "_warning_iowly_30", U0 = "_message_text_iowly_33", q0 = "_open_iowly_37", X0 = "_close_iowly_42", G = {
   container: A0,
   icon: I0,
   info: F0,
   error: Y0,
   success: W0,
-  warning: U0,
-  message_text: q0,
-  open: J0,
+  warning: J0,
+  message_text: U0,
+  open: q0,
   close: X0
-}, G0 = {}, F = ({
+}, G0 = {}, I = ({
   name: c,
   className: t,
   ...r
 }) => {
-  const s = !r["aria-label"];
+  const o = !r["aria-label"];
   return /* @__PURE__ */ e.jsx(
     "svg",
     {
       ...r,
       className: `${G0.icon} ${t}`,
       focusable: "false",
-      "aria-hidden": s,
-      role: s ? void 0 : "img",
+      "aria-hidden": o,
+      role: o ? void 0 : "img",
       children: /* @__PURE__ */ e.jsx(
         "use",
         {
@@ -762,27 +762,27 @@ const A0 = "_container_iowly_1", I0 = "_icon_iowly_7", F0 = "_info_iowly_21", Y0
     }
   );
 };
-function t3({
+function r3({
   message: c,
   severity: t,
   open: r,
-  onClose: s
+  onClose: o
 }) {
-  const [l, d] = $(!1);
+  const [n, i] = H(!1);
   return A(() => {
-    let o, m;
+    let s, w;
     return r && (setTimeout(() => {
-      d(!0);
-    }, 100), o = window.setTimeout(() => d(!1), 3e3), m = window.setTimeout(() => s(), 3300)), () => {
-      clearTimeout(o), clearTimeout(m);
+      i(!0);
+    }, 100), s = window.setTimeout(() => i(!1), 3e3), w = window.setTimeout(() => o(), 3300)), () => {
+      clearTimeout(s), clearTimeout(w);
     };
-  }, [r, 3e3, s]), !r && !l ? null : /* @__PURE__ */ e.jsxs("div", { className: `
+  }, [r, 3e3, o]), !r && !n ? null : /* @__PURE__ */ e.jsxs("div", { className: `
       ${G.container}
-      ${l ? G.open : G.close}
+      ${n ? G.open : G.close}
       ${G[t]}
     `, children: [
     /* @__PURE__ */ e.jsx(
-      F,
+      I,
       {
         name: `alert-${t}`,
         width: 18,
@@ -793,7 +793,7 @@ function t3({
     /* @__PURE__ */ e.jsx("p", { className: G.message_text, children: c })
   ] });
 }
-const K0 = "_container_aca5y_1", Z0 = "_input_aca5y_1", Q0 = "_menu_item_aca5y_1", e1 = "_select_container_aca5y_11", c1 = "_selected_list_aca5y_39", n1 = "_selected_item_aca5y_46", l1 = "_standard_item_aca5y_46", t1 = "_unselect_btn_aca5y_57", r1 = "_cancel_icon_aca5y_69", s1 = "_toggle_button_aca5y_77", o1 = "_icon_arrow_aca5y_90", i1 = "_options_wrapper_aca5y_94", a1 = "_menu_list_aca5y_99", d1 = "_highlighted_aca5y_113", h1 = "_no_options_aca5y_117", u1 = "_error_aca5y_124", m1 = "_small_aca5y_128", p1 = "_medium_aca5y_140", B = {
+const K0 = "_container_aca5y_1", Z0 = "_input_aca5y_1", Q0 = "_menu_item_aca5y_1", e1 = "_select_container_aca5y_11", c1 = "_selected_list_aca5y_39", n1 = "_selected_item_aca5y_46", l1 = "_standard_item_aca5y_46", t1 = "_unselect_btn_aca5y_57", r1 = "_cancel_icon_aca5y_69", o1 = "_toggle_button_aca5y_77", s1 = "_icon_arrow_aca5y_90", i1 = "_options_wrapper_aca5y_94", a1 = "_menu_list_aca5y_99", d1 = "_highlighted_aca5y_113", h1 = "_no_options_aca5y_117", m1 = "_error_aca5y_124", u1 = "_small_aca5y_128", p1 = "_medium_aca5y_140", V = {
   container: K0,
   input: Z0,
   menu_item: Q0,
@@ -803,32 +803,32 @@ const K0 = "_container_aca5y_1", Z0 = "_input_aca5y_1", Q0 = "_menu_item_aca5y_1
   standard_item: l1,
   unselect_btn: t1,
   cancel_icon: r1,
-  toggle_button: s1,
-  icon_arrow: o1,
+  toggle_button: o1,
+  icon_arrow: s1,
   options_wrapper: i1,
   menu_list: a1,
   highlighted: d1,
   no_options: h1,
-  error: u1,
-  small: m1,
+  error: m1,
+  small: u1,
   medium: p1
-}, w1 = "_loader_container_1sl0x_20", x1 = "_loader_1sl0x_20", v1 = "_loader_circle_1sl0x_31", m0 = {
+}, w1 = "_loader_container_1sl0x_20", x1 = "_loader_1sl0x_20", v1 = "_loader_circle_1sl0x_31", p0 = {
   loader_container: w1,
   loader: x1,
   loader_circle: v1
-}, v0 = ({
+}, _0 = ({
   size: c = 40,
   color: t = "var(--text-color)"
-}) => /* @__PURE__ */ e.jsx("div", { className: m0.loader_container, children: /* @__PURE__ */ e.jsx(
+}) => /* @__PURE__ */ e.jsx("div", { className: p0.loader_container, children: /* @__PURE__ */ e.jsx(
   "svg",
   {
-    className: m0.loader,
+    className: p0.loader,
     viewBox: "22 22 44 44",
     style: { width: c, height: c },
     children: /* @__PURE__ */ e.jsx(
       "circle",
       {
-        className: m0.loader_circle,
+        className: p0.loader_circle,
         cx: "44",
         cy: "44",
         r: "20",
@@ -840,115 +840,136 @@ const K0 = "_container_aca5y_1", Z0 = "_input_aca5y_1", Q0 = "_menu_item_aca5y_1
   }
 ) }), _1 = "_container_183cy_1", f1 = {
   container: _1
-}, _0 = ({
+};
+function i0({
   containerRef: c,
   handleClose: t,
   children: r,
-  disabledMinWidth: s = !1,
-  style: l
-}) => {
-  const [d, o] = $(c.current ? c.current.getBoundingClientRect().width : 0), m = L(null);
+  disabledMinWidth: o = !1,
+  x: n,
+  y: i,
+  style: s
+}) {
+  const [w, m] = H(c?.current ? c.current.getBoundingClientRect().width : 0), d = O(null);
   return A(() => {
-    if (!c.current || !m.current) return;
-    const u = T0(c.current, m.current, {
+    let h = null, M = null;
+    if (typeof n == "number" && typeof i == "number" && d.current) {
+      const p = {
+        getBoundingClientRect: () => ({
+          x: n,
+          y: i,
+          left: n,
+          top: i,
+          right: n,
+          bottom: i,
+          width: 0,
+          height: 0,
+          toJSON: () => {
+          }
+        }),
+        contextElement: d.current
+      };
+      h = b0(p, d.current, {
+        placement: "bottom-start",
+        modifiers: [
+          { name: "flip", options: { fallbackPlacements: ["top-start"] } },
+          { name: "preventOverflow", options: { boundary: "viewport" } }
+        ]
+      });
+    } else c?.current && d.current && (h = b0(c.current, d.current, {
       placement: "bottom-start",
-      // Випадає вниз
       modifiers: [
         { name: "flip", options: { fallbackPlacements: ["top-start"] } },
-        // Міняє позицію, якщо не вміщається
         { name: "preventOverflow", options: { boundary: "viewport" } }
-        // Запобігає виходу за межі екрану
       ]
-    }), h = new ResizeObserver(() => {
-      o(c.current.getBoundingClientRect().width), u.update();
-    });
-    return h.observe(c.current), () => {
-      h.disconnect(), u.destroy();
+    }), M = new ResizeObserver(() => {
+      m(c.current.getBoundingClientRect().width), h.update();
+    }), M.observe(c.current));
+    return () => {
+      M && c?.current && M.disconnect(), h && h.destroy();
     };
-  }, [c.current]), A(() => {
-    const u = (h) => {
-      m.current && !m.current.contains(h.target) && c.current && !c.current.contains(h.target) && t();
+  }, [c?.current, n, i]), A(() => {
+    const h = (M) => {
+      d.current && !d.current.contains(M.target) && (c?.current && c.current.contains(M.target) || t());
     };
-    return document.addEventListener("mousedown", u), () => document.removeEventListener("mousedown", u);
-  }, [t, c.current]), E0(
+    return document.addEventListener("mousedown", h), () => document.removeEventListener("mousedown", h);
+  }, [t, c?.current]), $0(
     /* @__PURE__ */ e.jsx(
       "div",
       {
-        ref: m,
+        ref: d,
         className: f1.container,
-        style: {
-          ...l,
-          minWidth: s ? "unset" : `${d}px`
-        },
+        style: typeof n == "number" && typeof i == "number" ? { minWidth: "unset", position: "fixed", ...s } : { minWidth: o ? "unset" : `${w}px`, ...s },
         tabIndex: -1,
         children: r
       }
     ),
     document.body
   );
-}, r3 = ({
+}
+const o3 = ({
   options: c,
   value: t,
   onChange: r,
-  placeholder: s = "Не вибрано...",
-  size: l = "medium",
-  multiple: d = !1,
-  disabled: o = !1,
-  error: m = !1,
+  placeholder: o = "Не вибрано...",
+  size: n = "medium",
+  multiple: i = !1,
+  disabled: s = !1,
+  error: w = !1,
   // freeSolo = false,
-  fullWidth: u = !1,
-  customMenuItemRenderer: h,
-  isLoading: p,
+  fullWidth: m = !1,
+  customMenuItemRenderer: d,
+  isLoading: h,
   className: M = "",
-  handleSearch: i
+  handleSearch: p
 }) => {
-  const [a, f] = $(!1), [w, z] = $(-1), [v, k] = $(""), y = L(null), H = L(null), D = L(null), W = L({}), N = z0(() => d ? t || [] : t ? [t] : [], [t, d]), Y = (x) => x.title || x.content || x.name || "", j = z0(() => c.filter((x) => Y(x).toLowerCase().includes(v.toLowerCase())), [c, v]), U = i0((x, b) => {
-    W.current[x] = b;
+  const [u, z] = H(!1), [x, b] = H(-1), [a, _] = H(""), k = O(null), N = O(null), T = O(null), F = O({}), B = z0(() => i ? t || [] : t ? [t] : [], [t, i]), W = (v) => v.title || v.content || v.name || "", j = z0(() => c.filter((v) => W(v).toLowerCase().includes(a.toLowerCase())), [c, a]), J = a0((v, y) => {
+    F.current[v] = y;
   }, []);
   A(() => {
-    a && setTimeout(() => {
-      const x = N[0]?.id, b = W.current[x];
-      b && D.current && D.current.scrollTo({
-        top: b.offsetTop - D.current.offsetTop,
+    u && setTimeout(() => {
+      const v = B[0]?.id, y = F.current[v];
+      y && T.current && T.current.scrollTo({
+        top: y.offsetTop - T.current.offsetTop,
         behavior: "smooth"
       });
     }, 100);
-  }, [a]);
-  const a0 = (x) => {
-    k(x), i(x), z(-1), a || f(!0);
-  }, q = (x) => {
-    if (d) {
-      const b = [...N, x];
-      r(b);
+  }, [u]);
+  const d0 = (v) => {
+    _(v), p(v), b(-1), u || z(!0);
+  }, U = (v) => {
+    if (i) {
+      const y = [...B, v];
+      r(y);
     } else
-      f(!1), r(x);
-    k("");
-  }, J = (x, b) => {
-    if (b?.stopPropagation(), d) {
-      const P = N.filter(
-        (R) => R.id !== x.id
+      z(!1), r(v);
+    _("");
+  }, q = (v, y) => {
+    if (y?.stopPropagation(), i) {
+      const P = B.filter(
+        (D) => D.id !== v.id
       );
       r(
         P.length ? P : null
       );
     } else
       r(null);
-  }, d0 = (x) => {
-    switch (x.key) {
+  }, h0 = (v) => {
+    switch (v.key) {
       case "ArrowDown":
-        x.preventDefault(), z((b) => b < j.length - 1 ? b + 1 : b);
+        v.preventDefault(), b((y) => y < j.length - 1 ? y + 1 : y);
         break;
       case "ArrowUp":
-        x.preventDefault(), z((b) => b > 0 ? b - 1 : b);
+        v.preventDefault(), b((y) => y > 0 ? y - 1 : y);
         break;
       case "Enter":
-        x.preventDefault(), w >= 0 && j[w] && !N.some((b) => b.id === w) && q(j[w]);
+        v.preventDefault(), x >= 0 && j[x] && !B.some((y) => y.id === x) && U(j[x]);
         break;
       case "Escape":
-        f(!1);
+        z(!1);
         break;
       case "Backspace":
-        !v && N.length > 0 && J(N[N.length - 1]);
+        !a && B.length > 0 && q(B[B.length - 1]);
         break;
       default:
         return null;
@@ -957,99 +978,99 @@ const K0 = "_container_aca5y_1", Z0 = "_input_aca5y_1", Q0 = "_menu_item_aca5y_1
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: y,
-      className: `${B.container} ${B[l]} ${M} ${m ? B.error : ""}`,
-      onClick: () => !o && H.current?.focus(),
+      ref: k,
+      className: `${V.container} ${V[n]} ${M} ${w ? V.error : ""}`,
+      onClick: () => !s && N.current?.focus(),
       style: {
-        width: u ? "100%" : "min-content"
+        width: m ? "100%" : "min-content"
       },
       children: [
-        p && /* @__PURE__ */ e.jsx(v0, {}),
-        /* @__PURE__ */ e.jsxs("div", { className: B.select_container, children: [
-          N.length > 0 && /* @__PURE__ */ e.jsx("ul", { className: B.selected_list, children: N.map((x) => /* @__PURE__ */ e.jsxs(
+        h && /* @__PURE__ */ e.jsx(_0, {}),
+        /* @__PURE__ */ e.jsxs("div", { className: V.select_container, children: [
+          B.length > 0 && /* @__PURE__ */ e.jsx("ul", { className: V.selected_list, children: B.map((v) => /* @__PURE__ */ e.jsxs(
             "li",
             {
-              className: B.selected_item,
+              className: V.selected_item,
               children: [
-                Y(x),
-                !o && /* @__PURE__ */ e.jsx(
+                W(v),
+                !s && /* @__PURE__ */ e.jsx(
                   "button",
                   {
                     type: "button",
-                    className: B.unselect_btn,
-                    onClick: (b) => J(x, b),
+                    className: V.unselect_btn,
+                    onClick: (y) => q(v, y),
                     children: /* @__PURE__ */ e.jsx(
-                      F,
+                      I,
                       {
                         name: "cancel",
                         width: 12,
                         height: 12,
-                        className: B.cancel_icon
+                        className: V.cancel_icon
                       }
                     )
                   }
                 )
               ]
             },
-            x.id
+            v.id
           )) }),
           /* @__PURE__ */ e.jsx(
             "input",
             {
-              ref: H,
+              ref: N,
               type: "text",
-              value: v,
-              onChange: (x) => a0(x.target.value),
-              onFocus: () => f(!0),
-              onKeyDown: d0,
-              placeholder: N.length === 0 ? s : "",
-              disabled: o,
-              className: B.input
+              value: a,
+              onChange: (v) => d0(v.target.value),
+              onFocus: () => z(!0),
+              onKeyDown: h0,
+              placeholder: B.length === 0 ? o : "",
+              disabled: s,
+              className: V.input
             }
           ),
-          !o && /* @__PURE__ */ e.jsx(
+          !s && /* @__PURE__ */ e.jsx(
             "button",
             {
               type: "button",
-              className: B.toggle_button,
-              onClick: () => f(!a),
+              className: V.toggle_button,
+              onClick: () => z(!u),
               children: /* @__PURE__ */ e.jsx(
-                F,
+                I,
                 {
-                  name: `arrow-${a ? "up" : "down"}`,
+                  name: `arrow-${u ? "up" : "down"}`,
                   width: 12,
                   height: 12,
-                  className: B.icon_arrow
+                  className: V.icon_arrow
                 }
               )
             }
           )
         ] }),
-        a && !o && /* @__PURE__ */ e.jsx(
-          _0,
+        u && !s && /* @__PURE__ */ e.jsx(
+          i0,
           {
-            containerRef: y,
+            containerRef: k,
             handleClose: () => {
-              f(!1);
+              z(!1);
             },
-            children: /* @__PURE__ */ e.jsx("ul", { className: B.menu_list, ref: D, children: j.length === 0 ? /* @__PURE__ */ e.jsx("li", { className: B.no_options, children: "No options" }) : j.map((x, b) => {
-              const P = N.some((R) => R.id === x.id);
+            children: /* @__PURE__ */ e.jsx("ul", { className: V.menu_list, ref: T, children: j.length === 0 ? /* @__PURE__ */ e.jsx("li", { className: V.no_options, children: "No options" }) : j.map((v, y) => {
+              const P = B.some((D) => D.id === v.id);
               return /* @__PURE__ */ e.jsx(
                 "li",
                 {
-                  ref: (R) => U(x.id, R),
+                  ref: (D) => J(v.id, D),
                   className: `
-                      ${B.menu_item}
-                      ${b === w ? B.highlighted : ""}
-                      ${P ? B.highlighted : ""}
+                      ${V.menu_item}
+                      ${y === x ? V.highlighted : ""}
+                      ${P ? V.highlighted : ""}
                     `,
-                  onClick: (R) => {
-                    R.stopPropagation(), P ? J(x) : q(x);
+                  onClick: (D) => {
+                    D.stopPropagation(), P ? q(v) : U(v);
                   },
-                  onMouseEnter: () => z(b),
-                  children: h ? h(x, P) : Y(x)
+                  onMouseEnter: () => b(y),
+                  children: d ? d(v, P) : W(v)
                 },
-                x.id
+                v.id
               );
             }) })
           }
@@ -1057,40 +1078,40 @@ const K0 = "_container_aca5y_1", Z0 = "_input_aca5y_1", Q0 = "_menu_item_aca5y_1
       ]
     }
   );
-}, M1 = "_btn_v4so5_1", z1 = "_icon_padding_v4so5_15", b1 = "_circle_v4so5_19", y1 = "_icon_v4so5_15", k1 = "_icon_btn_v4so5_32", C1 = "_primary_v4so5_67", g1 = "_secondary_v4so5_82", S1 = "_transparent_v4so5_97", j1 = "_disabled_v4so5_114", N1 = "_active_v4so5_130", T = {
+}, M1 = "_btn_v4so5_1", z1 = "_icon_padding_v4so5_15", b1 = "_circle_v4so5_19", y1 = "_icon_v4so5_15", k1 = "_icon_btn_v4so5_32", g1 = "_primary_v4so5_67", C1 = "_secondary_v4so5_82", S1 = "_transparent_v4so5_97", j1 = "_disabled_v4so5_114", N1 = "_active_v4so5_130", R = {
   btn: M1,
   icon_padding: z1,
   circle: b1,
   icon: y1,
   icon_btn: k1,
-  primary: C1,
-  secondary: g1,
+  primary: g1,
+  secondary: C1,
   transparent: S1,
   disabled: j1,
   active: N1
 };
-function x0({
+function v0({
   icon: c,
   children: t,
   type: r = "button",
-  variant: s = "primary",
-  isActive: l = !1,
-  iconOptions: d = {
+  variant: o = "primary",
+  isActive: n = !1,
+  iconOptions: i = {
     height: 15,
     widht: 15,
     padding: 7
   },
-  onFileSelect: o,
-  multipleFile: m = !1,
-  onClick: u,
-  className: h,
-  disabled: p,
+  onFileSelect: s,
+  multipleFile: w = !1,
+  onClick: m,
+  className: d,
+  disabled: h,
   ...M
 }) {
-  const i = L(null), a = (w) => {
-    w.target.files && o && o(w.target.files);
-  }, f = () => {
-    i.current && i.current.click();
+  const p = O(null), u = (x) => {
+    x.target.files && s && s(x.target.files);
+  }, z = () => {
+    p.current && p.current.click();
   };
   return /* @__PURE__ */ e.jsxs(
     "button",
@@ -1098,108 +1119,108 @@ function x0({
       ...M,
       type: r,
       className: `
-                ${T.btn} 
-                ${T[s]} ${c ? T.icon_padding : ""} 
-                ${l ? T.active : ""}
-                ${p ? T.disabled : ""}
-                ${h}
+                ${R.btn} 
+                ${R[o]} ${c ? R.icon_padding : ""} 
+                ${n ? R.active : ""}
+                ${h ? R.disabled : ""}
+                ${d}
             `,
-      disabled: p,
-      onClick: o ? f : u,
+      disabled: h,
+      onClick: s ? z : m,
       children: [
         t,
         c && /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: T.circle,
+            className: R.circle,
             style: {
-              padding: `${d.padding}px`
+              padding: `${i.padding}px`
             },
             children: /* @__PURE__ */ e.jsx(
-              F,
+              I,
               {
                 name: c,
-                width: d.widht,
-                height: d.height,
-                className: T.icon
+                width: i.widht,
+                height: i.height,
+                className: R.icon
               }
             )
           }
         ),
-        !!o && /* @__PURE__ */ e.jsx(
+        !!s && /* @__PURE__ */ e.jsx(
           "input",
           {
             type: "file",
             hidden: !0,
-            multiple: m,
-            ref: i,
-            onChange: a,
-            disabled: p
+            multiple: w,
+            ref: p,
+            onChange: u,
+            disabled: h
           }
         )
       ]
     }
   );
 }
-function I({
+function Y({
   icon: c,
   size: t = 28,
   type: r = "button",
-  variant: s = "primary",
-  isActive: l = !1,
-  className: d,
-  onFileSelect: o,
-  onClick: m,
-  children: u,
-  style: h,
-  ...p
+  variant: o = "primary",
+  isActive: n = !1,
+  className: i,
+  onFileSelect: s,
+  onClick: w,
+  children: m,
+  style: d,
+  ...h
 }) {
-  const M = L(null), i = (f) => {
-    f.target.files && o && o(f.target.files);
-  }, a = () => {
+  const M = O(null), p = (z) => {
+    z.target.files && s && s(z.target.files);
+  }, u = () => {
     M.current && M.current.click();
   };
   return /* @__PURE__ */ e.jsxs(
     "button",
     {
-      ...p,
+      ...h,
       type: r,
-      className: `${T.icon_btn} ${T[s]} ${l ? T.active : ""} ${d}`,
-      onClick: o ? a : m,
+      className: `${R.icon_btn} ${R[o]} ${n ? R.active : ""} ${i}`,
+      onClick: s ? u : w,
       style: {
-        ...h,
+        ...d,
         width: t,
         height: t
       },
       children: [
-        /* @__PURE__ */ e.jsx("div", { className: T.circle, children: /* @__PURE__ */ e.jsx(
-          F,
+        /* @__PURE__ */ e.jsx("div", { className: R.circle, children: /* @__PURE__ */ e.jsx(
+          I,
           {
             name: c,
-            className: T.icon
+            className: R.icon
           }
         ) }),
-        u,
-        !!o && /* @__PURE__ */ e.jsx(
+        m,
+        !!s && /* @__PURE__ */ e.jsx(
           "input",
           {
             type: "file",
             hidden: !0,
             multiple: !0,
             ref: M,
-            onChange: i
+            onChange: p
           }
         )
       ]
     }
   );
 }
-const B1 = "_container_i5g5b_1", V1 = "_title_block_i5g5b_11", E1 = "_month_i5g5b_17", H1 = "_week_days_list_i5g5b_31", $1 = "_item_i5g5b_38", T1 = "_dates_list_i5g5b_55", L1 = "_date_btn_i5g5b_77", R1 = "_active_i5g5b_91", O1 = "_past_date_i5g5b_95", D1 = "_months_list_i5g5b_106", P1 = "_month_change_btn_i5g5b_118", V = {
+const B1 = "_container_i5g5b_1", V1 = "_title_block_i5g5b_11", E1 = "_month_i5g5b_17", $1 = "_week_days_list_i5g5b_31", H1 = "_item_i5g5b_38", T1 = "_dates_list_i5g5b_55", L1 = "_date_btn_i5g5b_77", R1 = "_active_i5g5b_91", O1 = "_past_date_i5g5b_95", D1 = "_months_list_i5g5b_106", P1 = "_month_change_btn_i5g5b_118", E = {
   container: B1,
   title_block: V1,
   month: E1,
-  week_days_list: H1,
-  item: $1,
+  week_days_list: $1,
+  item: H1,
   dates_list: T1,
   date_btn: L1,
   active: R1,
@@ -1215,7 +1236,7 @@ function I1(c) {
   const t = /* @__PURE__ */ new Date();
   return t.setHours(0, 0, 0, 0), c.setHours(0, 0, 0, 0), c < t;
 }
-const g0 = [
+const S0 = [
   "Січень",
   "Лютий",
   "Березень",
@@ -1233,130 +1254,130 @@ function Y1({
   value: c,
   onChange: t,
   blockPastDates: r = !1,
-  type: s = "date"
+  type: o = "date"
 }) {
-  const [l, d] = $(new Date(c)), [o, m] = $(s !== "date"), u = i0((i) => {
-    const a = [], f = i.getFullYear(), w = i.getMonth(), z = new Date(f, w + 1, 0).getDate();
-    for (let y = 1; y <= z; y++) {
-      const H = new Date(f, w, y);
-      a.push({
-        date: H,
+  const [n, i] = H(new Date(c)), [s, w] = H(o !== "date"), m = a0((p) => {
+    const u = [], z = p.getFullYear(), x = p.getMonth(), b = new Date(z, x + 1, 0).getDate();
+    for (let k = 1; k <= b; k++) {
+      const N = new Date(z, x, k);
+      u.push({
+        date: N,
         isCurrentMonth: !0,
-        isPastDate: I1(H)
+        isPastDate: I1(N)
       });
     }
-    const v = (a[0].date.getDay() === 0 ? 7 : a[0].date.getDay()) - 1, k = (a[a.length - 1].date.getDay() === 0 ? 7 : a[a.length - 1].date.getDay()) - 1;
-    if (v > 0)
-      for (let y = 1; y <= v; y++) {
-        const H = new Date(f, w, 1 - y);
-        a.unshift({
-          date: H,
+    const a = (u[0].date.getDay() === 0 ? 7 : u[0].date.getDay()) - 1, _ = (u[u.length - 1].date.getDay() === 0 ? 7 : u[u.length - 1].date.getDay()) - 1;
+    if (a > 0)
+      for (let k = 1; k <= a; k++) {
+        const N = new Date(z, x, 1 - k);
+        u.unshift({
+          date: N,
           isCurrentMonth: !1,
           isPastDate: !0
         });
       }
-    if (k < 6)
-      for (let y = 1; y <= 6 - k; y++) {
-        const H = new Date(f, w, z + y);
-        a.push({
-          date: H,
+    if (_ < 6)
+      for (let k = 1; k <= 6 - _; k++) {
+        const N = new Date(z, x, b + k);
+        u.push({
+          date: N,
           isCurrentMonth: !1,
           isPastDate: !1
         });
       }
-    return a;
-  }, [l]), h = () => {
-    d(o ? new Date(l.getFullYear() + 1, l.getMonth(), 1) : new Date(l.getFullYear(), l.getMonth() + 1, 1));
-  }, p = () => {
-    d(o ? new Date(l.getFullYear() - 1, l.getMonth(), 1) : new Date(l.getFullYear(), l.getMonth() - 1, 1));
-  }, M = (i) => {
-    o && (d(new Date(l.getFullYear(), i, 1)), m(!1));
+    return u;
+  }, [n]), d = () => {
+    i(s ? new Date(n.getFullYear() + 1, n.getMonth(), 1) : new Date(n.getFullYear(), n.getMonth() + 1, 1));
+  }, h = () => {
+    i(s ? new Date(n.getFullYear() - 1, n.getMonth(), 1) : new Date(n.getFullYear(), n.getMonth() - 1, 1));
+  }, M = (p) => {
+    s && (i(new Date(n.getFullYear(), p, 1)), w(!1));
   };
-  return /* @__PURE__ */ e.jsxs("div", { className: V.container, children: [
-    /* @__PURE__ */ e.jsxs("div", { className: V.title_block, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: E.container, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: E.title_block, children: [
       /* @__PURE__ */ e.jsx(
-        I,
+        Y,
         {
           icon: "arrow-left",
           variant: "secondary",
-          onClick: p
+          onClick: h
         }
       ),
-      o ? /* @__PURE__ */ e.jsx("p", { className: V.month, children: l.getFullYear() }) : /* @__PURE__ */ e.jsxs(
+      s ? /* @__PURE__ */ e.jsx("p", { className: E.month, children: n.getFullYear() }) : /* @__PURE__ */ e.jsxs(
         "button",
         {
           type: "button",
-          className: V.month,
+          className: E.month,
           onClick: () => {
-            m(!0);
+            w(!0);
           },
           children: [
-            g0[l.getMonth()],
+            S0[n.getMonth()],
             " ",
-            /* @__PURE__ */ e.jsx("span", { children: l.getFullYear() })
+            /* @__PURE__ */ e.jsx("span", { children: n.getFullYear() })
           ]
         }
       ),
       /* @__PURE__ */ e.jsx(
-        I,
+        Y,
         {
           icon: "arrow-right",
           variant: "secondary",
-          onClick: h
+          onClick: d
         }
       )
     ] }),
-    o ? /* @__PURE__ */ e.jsx("ul", { className: V.months_list, children: g0.map((i, a) => /* @__PURE__ */ e.jsx(
+    s ? /* @__PURE__ */ e.jsx("ul", { className: E.months_list, children: S0.map((p, u) => /* @__PURE__ */ e.jsx(
       "li",
       {
-        className: V.item,
+        className: E.item,
         children: /* @__PURE__ */ e.jsx(
           "button",
           {
             type: "button",
-            className: V.month_change_btn,
+            className: E.month_change_btn,
             onClick: () => {
-              s === "date" ? M(a) : s === "month" && t(new Date(l.getFullYear(), a, 1));
+              o === "date" ? M(u) : o === "month" && t(new Date(n.getFullYear(), u, 1));
             },
-            children: i
+            children: p
           }
         )
       },
-      a
+      u
     )) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx("ul", { className: V.week_days_list, children: F1.map((i, a) => /* @__PURE__ */ e.jsx("li", { className: V.item, children: i }, a)) }),
-      /* @__PURE__ */ e.jsx("ul", { className: V.dates_list, children: u(l).map((i, a) => /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ e.jsx("ul", { className: E.week_days_list, children: F1.map((p, u) => /* @__PURE__ */ e.jsx("li", { className: E.item, children: p }, u)) }),
+      /* @__PURE__ */ e.jsx("ul", { className: E.dates_list, children: m(n).map((p, u) => /* @__PURE__ */ e.jsx(
         "li",
         {
-          className: V.item,
+          className: E.item,
           children: /* @__PURE__ */ e.jsx(
             "button",
             {
               type: "button",
               className: `
-                      ${V.date_btn}
-                      ${A1(i.date, c) && V.active}
-                      ${!i.isCurrentMonth && V.past_date}
-                      ${r && i.isPastDate && V.past_date}
+                      ${E.date_btn}
+                      ${A1(p.date, c) && E.active}
+                      ${!p.isCurrentMonth && E.past_date}
+                      ${r && p.isPastDate && E.past_date}
                     `,
               onClick: () => {
-                t(i.date);
+                t(p.date);
               },
-              disabled: r && i.isPastDate,
-              children: i.date.getDate()
+              disabled: r && p.isPastDate,
+              children: p.date.getDate()
             }
           )
         },
-        a
+        u
       )) })
     ] })
   ] });
 }
-const W1 = "_custom_checkbox_1ni1n_11", U1 = "_checkbox_1ni1n_19", q1 = "_box_1ni1n_22", J1 = "_icon_1ni1n_35", X1 = "_ripple_1ni1n_42", e0 = {
+const W1 = "_custom_checkbox_1ni1n_11", J1 = "_checkbox_1ni1n_19", U1 = "_box_1ni1n_22", q1 = "_icon_1ni1n_35", X1 = "_ripple_1ni1n_42", e0 = {
   custom_checkbox: W1,
-  checkbox: U1,
-  box: q1,
-  icon: J1,
+  checkbox: J1,
+  box: U1,
+  icon: q1,
   ripple: X1
 };
 function G1({
@@ -1364,22 +1385,22 @@ function G1({
   id: t,
   ...r
 }) {
-  const [s, l] = $(!1), d = () => {
-    l(!0), setTimeout(() => l(!1), 600);
+  const [o, n] = H(!1), i = () => {
+    n(!0), setTimeout(() => n(!1), 600);
   };
   return /* @__PURE__ */ e.jsxs(
     "label",
     {
       className: `${e0.custom_checkbox} ${c}`,
-      onMouseDown: d,
+      onMouseDown: i,
       htmlFor: t,
-      onClick: (o) => o.stopPropagation(),
+      onClick: (s) => s.stopPropagation(),
       children: [
         /* @__PURE__ */ e.jsx("input", { id: t, type: "checkbox", className: e0.checkbox, ...r }),
         /* @__PURE__ */ e.jsxs("span", { className: e0.box, children: [
-          s && /* @__PURE__ */ e.jsx("span", { className: e0.ripple }),
+          o && /* @__PURE__ */ e.jsx("span", { className: e0.ripple }),
           /* @__PURE__ */ e.jsx(
-            F,
+            I,
             {
               name: "check",
               width: 12,
@@ -1392,7 +1413,7 @@ function G1({
     }
   );
 }
-const K1 = "_backdrop_rj5zo_17", Z1 = "_backdropEnter_rj5zo_29", Q1 = "_backdropExit_rj5zo_33", e2 = "_container_rj5zo_37", c2 = "_side_rj5zo_43", n2 = "_btn_close_rj5zo_53", l2 = "_center_rj5zo_79", t2 = "_title_block_rj5zo_116", r2 = "_title_rj5zo_116", s2 = "_second_title_rj5zo_128", E = {
+const K1 = "_backdrop_rj5zo_17", Z1 = "_backdropEnter_rj5zo_29", Q1 = "_backdropExit_rj5zo_33", e2 = "_container_rj5zo_37", c2 = "_side_rj5zo_43", n2 = "_btn_close_rj5zo_53", l2 = "_center_rj5zo_79", t2 = "_title_block_rj5zo_116", r2 = "_title_rj5zo_116", o2 = "_second_title_rj5zo_128", $ = {
   backdrop: K1,
   backdropEnter: Z1,
   backdropExit: Q1,
@@ -1402,7 +1423,7 @@ const K1 = "_backdrop_rj5zo_17", Z1 = "_backdropEnter_rj5zo_29", Q1 = "_backdrop
   center: l2,
   title_block: t2,
   title: r2,
-  second_title: s2,
+  second_title: o2,
   "center_open-enter": "_center_open-enter_rj5zo_134",
   "center_open-enter-active": "_center_open-enter-active_rj5zo_138",
   "center_open-exit": "_center_open-exit_rj5zo_143",
@@ -1411,193 +1432,193 @@ const K1 = "_backdrop_rj5zo_17", Z1 = "_backdropEnter_rj5zo_29", Q1 = "_backdrop
   "side_open-enter-active": "_side_open-enter-active_rj5zo_156",
   "side_open-exit": "_side_open-exit_rj5zo_161",
   "side_open-exit-active": "_side_open-exit-active_rj5zo_165"
-}, S0 = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, j0 = (c) => !!c.dispatchFromDevtools && typeof c.dispatch == "function", l0 = /* @__PURE__ */ new Map(), s0 = (c) => {
+}, j0 = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, N0 = (c) => !!c.dispatchFromDevtools && typeof c.dispatch == "function", l0 = /* @__PURE__ */ new Map(), o0 = (c) => {
   const t = l0.get(c);
   return t ? Object.fromEntries(
-    Object.entries(t.stores).map(([r, s]) => [r, s.getState()])
+    Object.entries(t.stores).map(([r, o]) => [r, o.getState()])
   ) : {};
-}, o2 = (c, t, r) => {
+}, s2 = (c, t, r) => {
   if (c === void 0)
     return {
       type: "untracked",
       connection: t.connect(r)
     };
-  const s = l0.get(r.name);
-  if (s)
-    return { type: "tracked", store: c, ...s };
-  const l = {
+  const o = l0.get(r.name);
+  if (o)
+    return { type: "tracked", store: c, ...o };
+  const n = {
     connection: t.connect(r),
     stores: {}
   };
-  return l0.set(r.name, l), { type: "tracked", store: c, ...l };
+  return l0.set(r.name, n), { type: "tracked", store: c, ...n };
 }, i2 = (c, t) => {
   if (t === void 0) return;
   const r = l0.get(c);
   r && (delete r.stores[t], Object.keys(r.stores).length === 0 && l0.delete(c));
 }, a2 = /.+ (.+) .+/, d2 = /^([^@]+)@/;
 function h2(c) {
-  var t, r, s;
+  var t, r, o;
   if (!c) return;
-  const l = c.split(`
-`), d = l.findIndex(
-    (m) => m.includes("api.setState")
+  const n = c.split(`
+`), i = n.findIndex(
+    (w) => w.includes("api.setState")
   );
-  if (d < 0) return;
-  const o = ((t = l[d + 1]) == null ? void 0 : t.trim()) || "";
-  return ((r = a2.exec(o)) == null ? void 0 : r[1]) || ((s = d2.exec(o)) == null ? void 0 : s[1]);
+  if (i < 0) return;
+  const s = ((t = n[i + 1]) == null ? void 0 : t.trim()) || "";
+  return ((r = a2.exec(s)) == null ? void 0 : r[1]) || ((o = d2.exec(s)) == null ? void 0 : o[1]);
 }
-const u2 = (c, t = {}) => (r, s, l) => {
-  const { enabled: d, anonymousActionType: o, store: m, ...u } = t;
-  let h;
+const m2 = (c, t = {}) => (r, o, n) => {
+  const { enabled: i, anonymousActionType: s, store: w, ...m } = t;
+  let d;
   try {
-    h = (d ?? (S0 ? "production" : void 0) !== "production") && window.__REDUX_DEVTOOLS_EXTENSION__;
+    d = (i ?? (j0 ? "production" : void 0) !== "production") && window.__REDUX_DEVTOOLS_EXTENSION__;
   } catch {
   }
-  if (!h)
-    return c(r, s, l);
-  const { connection: p, ...M } = o2(m, h, u);
-  let i = !0;
-  l.setState = ((w, z, v) => {
-    const k = r(w, z);
-    if (!i) return k;
-    const y = v === void 0 ? {
-      type: o || h2(new Error().stack) || "anonymous"
-    } : typeof v == "string" ? { type: v } : v;
-    return m === void 0 ? (p?.send(y, s()), k) : (p?.send(
+  if (!d)
+    return c(r, o, n);
+  const { connection: h, ...M } = s2(w, d, m);
+  let p = !0;
+  n.setState = ((x, b, a) => {
+    const _ = r(x, b);
+    if (!p) return _;
+    const k = a === void 0 ? {
+      type: s || h2(new Error().stack) || "anonymous"
+    } : typeof a == "string" ? { type: a } : a;
+    return w === void 0 ? (h?.send(k, o()), _) : (h?.send(
       {
-        ...y,
-        type: `${m}/${y.type}`
+        ...k,
+        type: `${w}/${k.type}`
       },
       {
-        ...s0(u.name),
-        [m]: l.getState()
+        ...o0(m.name),
+        [w]: n.getState()
       }
-    ), k);
-  }), l.devtools = {
+    ), _);
+  }), n.devtools = {
     cleanup: () => {
-      p && typeof p.unsubscribe == "function" && p.unsubscribe(), i2(u.name, m);
+      h && typeof h.unsubscribe == "function" && h.unsubscribe(), i2(m.name, w);
     }
   };
-  const a = (...w) => {
-    const z = i;
-    i = !1, r(...w), i = z;
-  }, f = c(l.setState, s, l);
-  if (M.type === "untracked" ? p?.init(f) : (M.stores[M.store] = l, p?.init(
+  const u = (...x) => {
+    const b = p;
+    p = !1, r(...x), p = b;
+  }, z = c(n.setState, o, n);
+  if (M.type === "untracked" ? h?.init(z) : (M.stores[M.store] = n, h?.init(
     Object.fromEntries(
-      Object.entries(M.stores).map(([w, z]) => [
-        w,
-        w === M.store ? f : z.getState()
+      Object.entries(M.stores).map(([x, b]) => [
+        x,
+        x === M.store ? z : b.getState()
       ])
     )
-  )), j0(l)) {
-    let w = !1;
-    const z = l.dispatch;
-    l.dispatch = (...v) => {
-      (S0 ? "production" : void 0) !== "production" && v[0].type === "__setState" && !w && (console.warn(
+  )), N0(n)) {
+    let x = !1;
+    const b = n.dispatch;
+    n.dispatch = (...a) => {
+      (j0 ? "production" : void 0) !== "production" && a[0].type === "__setState" && !x && (console.warn(
         '[zustand devtools middleware] "__setState" action type is reserved to set state from the devtools. Avoid using it.'
-      ), w = !0), z(...v);
+      ), x = !0), b(...a);
     };
   }
-  return p.subscribe((w) => {
-    var z;
-    switch (w.type) {
+  return h.subscribe((x) => {
+    var b;
+    switch (x.type) {
       case "ACTION":
-        if (typeof w.payload != "string") {
+        if (typeof x.payload != "string") {
           console.error(
             "[zustand devtools middleware] Unsupported action format"
           );
           return;
         }
-        return p0(
-          w.payload,
-          (v) => {
-            if (v.type === "__setState") {
-              if (m === void 0) {
-                a(v.state);
+        return w0(
+          x.payload,
+          (a) => {
+            if (a.type === "__setState") {
+              if (w === void 0) {
+                u(a.state);
                 return;
               }
-              Object.keys(v.state).length !== 1 && console.error(
+              Object.keys(a.state).length !== 1 && console.error(
                 `
                     [zustand devtools middleware] Unsupported __setState action format.
                     When using 'store' option in devtools(), the 'state' should have only one key, which is a value of 'store' that was passed in devtools(),
                     and value of this only key should be a state object. Example: { "type": "__setState", "state": { "abc123Store": { "foo": "bar" } } }
                     `
               );
-              const k = v.state[m];
-              if (k == null)
+              const _ = a.state[w];
+              if (_ == null)
                 return;
-              JSON.stringify(l.getState()) !== JSON.stringify(k) && a(k);
+              JSON.stringify(n.getState()) !== JSON.stringify(_) && u(_);
               return;
             }
-            j0(l) && l.dispatch(v);
+            N0(n) && n.dispatch(a);
           }
         );
       case "DISPATCH":
-        switch (w.payload.type) {
+        switch (x.payload.type) {
           case "RESET":
-            return a(f), m === void 0 ? p?.init(l.getState()) : p?.init(s0(u.name));
+            return u(z), w === void 0 ? h?.init(n.getState()) : h?.init(o0(m.name));
           case "COMMIT":
-            if (m === void 0) {
-              p?.init(l.getState());
+            if (w === void 0) {
+              h?.init(n.getState());
               return;
             }
-            return p?.init(s0(u.name));
+            return h?.init(o0(m.name));
           case "ROLLBACK":
-            return p0(w.state, (v) => {
-              if (m === void 0) {
-                a(v), p?.init(l.getState());
+            return w0(x.state, (a) => {
+              if (w === void 0) {
+                u(a), h?.init(n.getState());
                 return;
               }
-              a(v[m]), p?.init(s0(u.name));
+              u(a[w]), h?.init(o0(m.name));
             });
           case "JUMP_TO_STATE":
           case "JUMP_TO_ACTION":
-            return p0(w.state, (v) => {
-              if (m === void 0) {
-                a(v);
+            return w0(x.state, (a) => {
+              if (w === void 0) {
+                u(a);
                 return;
               }
-              JSON.stringify(l.getState()) !== JSON.stringify(v[m]) && a(v[m]);
+              JSON.stringify(n.getState()) !== JSON.stringify(a[w]) && u(a[w]);
             });
           case "IMPORT_STATE": {
-            const { nextLiftedState: v } = w.payload, k = (z = v.computedStates.slice(-1)[0]) == null ? void 0 : z.state;
-            if (!k) return;
-            a(m === void 0 ? k : k[m]), p?.send(
+            const { nextLiftedState: a } = x.payload, _ = (b = a.computedStates.slice(-1)[0]) == null ? void 0 : b.state;
+            if (!_) return;
+            u(w === void 0 ? _ : _[w]), h?.send(
               null,
               // FIXME no-any
-              v
+              a
             );
             return;
           }
           case "PAUSE_RECORDING":
-            return i = !i;
+            return p = !p;
         }
         return;
     }
-  }), f;
-}, m2 = u2, p0 = (c, t) => {
+  }), z;
+}, u2 = m2, w0 = (c, t) => {
   let r;
   try {
     r = JSON.parse(c);
-  } catch (s) {
+  } catch (o) {
     console.error(
       "[zustand devtools middleware] Could not parse the received json",
-      s
+      o
     );
   }
   r !== void 0 && t(r);
 }, p2 = L0()(
-  m2((c, t) => ({
+  u2((c, t) => ({
     modals: [],
-    addModal: (r) => c((s) => ({
-      modals: s.modals.includes(r) ? s.modals : [...s.modals, r]
+    addModal: (r) => c((o) => ({
+      modals: o.modals.includes(r) ? o.modals : [...o.modals, r]
     })),
-    removeModal: (r) => c((s) => ({
-      modals: s.modals.filter((l) => l !== r)
+    removeModal: (r) => c((o) => ({
+      modals: o.modals.filter((n) => n !== r)
     })),
     isTopModal: (r) => {
-      const { modals: s } = t();
-      return s.length > 0 && s[s.length - 1] === r;
+      const { modals: o } = t();
+      return o.length > 0 && o[o.length - 1] === r;
     },
     getModalIndex: (r) => t().modals.indexOf(r)
   }), {
@@ -1609,122 +1630,122 @@ const u2 = (c, t = {}) => (r, s, l) => {
   isOpen: c,
   handleClose: t,
   handleAnimationEnd: r,
-  children: s,
-  isLoading: l = !1,
-  style: d,
-  type: o = "side",
-  title: m,
-  className: u,
-  disabledTitle: h = !1,
-  blockBackdrop: p = !1,
+  children: o,
+  isLoading: n = !1,
+  style: i,
+  type: s = "side",
+  title: w,
+  className: m,
+  disabledTitle: d = !1,
+  blockBackdrop: h = !1,
   skeleton: M
 }) => {
-  const [i] = $(() => Math.floor(Math.random() * 1e9)), [a, f] = $(!1), w = L(null), z = L(null), {
-    modals: v,
-    addModal: k,
-    getModalIndex: y,
-    removeModal: H,
-    isTopModal: D
+  const [p] = H(() => Math.floor(Math.random() * 1e9)), [u, z] = H(!1), x = O(null), b = O(null), {
+    modals: a,
+    addModal: _,
+    getModalIndex: k,
+    removeModal: N,
+    isTopModal: T
   } = p2();
   A(() => {
     const j = document.body.classList.contains("no-scroll");
-    v.length > 0 && !j ? document.body.classList.add("no-scroll") : v.length === 0 && j && document.body.classList.remove("no-scroll");
-  }, [v]), A(() => {
-    const j = (U) => {
-      U.key === "Escape" && D(i) && (t(), U.stopPropagation());
+    a.length > 0 && !j ? document.body.classList.add("no-scroll") : a.length === 0 && j && document.body.classList.remove("no-scroll");
+  }, [a]), A(() => {
+    const j = (J) => {
+      J.key === "Escape" && T(p) && (t(), J.stopPropagation());
     };
     return document.addEventListener("keydown", j), () => {
       document.removeEventListener("keydown", j);
     };
   }, [c, t]), A(() => {
-    c && k(i);
+    c && _(p);
   }, [c]);
-  const W = (j) => {
-    D(i) && t(), j.stopPropagation();
+  const F = (j) => {
+    T(p) && t(), j.stopPropagation();
   };
   A(() => () => {
-    y(i) !== -1 && (console.log("closed", i), H(i));
+    k(p) !== -1 && (console.log("closed", p), N(p));
   }, []);
-  const N = 1e3 + y(i) * 2, Y = i0(() => o === "center" || a && !l ? s : M || /* @__PURE__ */ e.jsx(v0, {}), [a, l, s]);
-  return E0(
+  const B = 1e3 + k(p) * 2, W = a0(() => s === "center" || u && !n ? o : M || /* @__PURE__ */ e.jsx(_0, {}), [u, n, o]);
+  return $0(
     /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsx(
-        b0,
+        y0,
         {
           in: c,
           timeout: 500,
           classNames: {
-            enter: E.backdropEnter,
-            enterActive: E.backdropEnterActive,
-            exit: E.backdropExit,
-            exitActive: E.backdropExitActive
+            enter: $.backdropEnter,
+            enterActive: $.backdropEnterActive,
+            exit: $.backdropExit,
+            exitActive: $.backdropExitActive
           },
           unmountOnExit: !0,
-          nodeRef: z,
+          nodeRef: b,
           onExited: () => {
-            H(i), r && r();
+            N(p), r && r();
           },
           children: /* @__PURE__ */ e.jsx(
             "div",
             {
-              ref: z,
-              className: E.backdrop,
-              style: { zIndex: N - 1 },
-              onClick: p ? () => {
-              } : W
+              ref: b,
+              className: $.backdrop,
+              style: { zIndex: B - 1 },
+              onClick: h ? () => {
+              } : F
             }
           )
         }
       ),
       /* @__PURE__ */ e.jsx(
-        b0,
+        y0,
         {
           in: c,
-          timeout: o === "side" ? 500 : 300,
+          timeout: s === "side" ? 500 : 300,
           classNames: {
-            enter: E[`${o}_open-enter`],
-            enterActive: E[`${o}_open-enter-active`],
-            exit: E[`${o}_open-exit`],
-            exitActive: E[`${o}_open-exit-active`]
+            enter: $[`${s}_open-enter`],
+            enterActive: $[`${s}_open-enter-active`],
+            exit: $[`${s}_open-exit`],
+            exitActive: $[`${s}_open-exit-active`]
           },
           unmountOnExit: !0,
-          nodeRef: w,
-          onEntered: () => f(!0),
-          onExit: () => f(!1),
+          nodeRef: x,
+          onEntered: () => z(!0),
+          onExit: () => z(!1),
           children: /* @__PURE__ */ e.jsxs(
             "div",
             {
-              ref: w,
+              ref: x,
               className: `
-            ${E.container}
-            ${E[o]}
-            ${u}
+            ${$.container}
+            ${$[s]}
+            ${m}
           `,
               style: {
-                zIndex: N,
-                ...d
+                zIndex: B,
+                ...i
               },
               children: [
-                o === "center" && !h && /* @__PURE__ */ e.jsxs("div", { className: E.title_block, children: [
-                  /* @__PURE__ */ e.jsx("h2", { className: E.title, children: m }),
+                s === "center" && !d && /* @__PURE__ */ e.jsxs("div", { className: $.title_block, children: [
+                  /* @__PURE__ */ e.jsx("h2", { className: $.title, children: w }),
                   /* @__PURE__ */ e.jsx(
-                    I,
+                    Y,
                     {
                       icon: "cancel",
                       variant: "transparent",
                       onClick: t,
-                      className: E.btn_close
+                      className: $.btn_close
                     }
                   )
                 ] }),
-                Y(),
-                o === "side" && /* @__PURE__ */ e.jsx(
-                  I,
+                W(),
+                s === "side" && /* @__PURE__ */ e.jsx(
+                  Y,
                   {
                     icon: "cancel",
                     variant: "secondary",
                     onClick: t,
-                    className: E.btn_close
+                    className: $.btn_close
                   }
                 )
               ]
@@ -1746,37 +1767,37 @@ function s3({
   isOpen: c,
   message: t = "Ви дійсно бажате виконати цю дію?",
   isLoading: r = !1,
-  handleClose: s,
-  handleConfirmAction: l
+  handleClose: o,
+  handleConfirmAction: n
 }) {
   return /* @__PURE__ */ e.jsxs(
     w2,
     {
       isOpen: c,
-      handleClose: s,
+      handleClose: o,
       title: "Підтвердження дії",
       type: "center",
       style: {
         minHeight: "unset"
       },
       children: [
-        r && /* @__PURE__ */ e.jsx(v0, {}),
+        r && /* @__PURE__ */ e.jsx(_0, {}),
         /* @__PURE__ */ e.jsxs("div", { className: c0.container, children: [
           /* @__PURE__ */ e.jsx("p", { className: c0.message, children: t }),
           /* @__PURE__ */ e.jsxs("div", { className: c0.actions_block, children: [
             /* @__PURE__ */ e.jsx(
-              x0,
+              v0,
               {
-                onClick: l,
+                onClick: n,
                 disabled: r,
                 className: c0.confirm_btn,
                 children: "Підтвердити"
               }
             ),
             /* @__PURE__ */ e.jsx(
-              x0,
+              v0,
               {
-                onClick: s,
+                onClick: o,
                 disabled: r,
                 className: c0.cancel_btn,
                 children: "Скасувати"
@@ -1788,48 +1809,59 @@ function s3({
     }
   );
 }
-const z2 = "_table_container_1nvod_1", b2 = "_table_head_1nvod_7", y2 = "_title_1nvod_24", k2 = "_table_body_1nvod_34", C2 = "_content_1nvod_45", g2 = "_column_filter_list_1nvod_52", S2 = "_item_1nvod_59", j2 = "_label_1nvod_64", O = {
+const z2 = "_table_container_1nvod_1", b2 = "_table_head_1nvod_7", y2 = "_title_1nvod_24", k2 = "_table_body_1nvod_34", g2 = "_hover_row_1nvod_39", C2 = "_content_1nvod_45", S2 = "_column_filter_list_1nvod_52", j2 = "_item_1nvod_59", N2 = "_label_1nvod_64", L = {
   table_container: z2,
   table_head: b2,
   title: y2,
   table_body: k2,
+  hover_row: g2,
   content: C2,
-  column_filter_list: g2,
-  item: S2,
-  label: j2
-}, N0 = "datatable:preferences";
-function N2(c, t) {
-  const r = () => JSON.parse(localStorage.getItem(N0) ?? "{}"), s = (o) => localStorage.setItem(N0, JSON.stringify(o)), [l, d] = $(() => r()[c]?.visibleColumns ?? t);
+  column_filter_list: S2,
+  item: j2,
+  label: N2
+}, B0 = "datatable:preferences";
+function B2(c, t) {
+  const r = () => JSON.parse(localStorage.getItem(B0) ?? "{}"), o = (s) => localStorage.setItem(B0, JSON.stringify(s)), [n, i] = H(() => r()[c]?.visibleColumns ?? t);
   return A(() => {
-    const o = r();
-    s({
-      ...o,
-      [c]: { visibleColumns: l }
+    const s = r();
+    o({
+      ...s,
+      [c]: { visibleColumns: n }
     });
-  }, [c, l]), {
-    visibleColumns: l,
-    setVisibleColumns: d
+  }, [c, n]), {
+    visibleColumns: n,
+    setVisibleColumns: i
   };
 }
-function o3({
+function i3({
   tableId: c,
   columns: t,
   data: r,
-  actions: s,
-  onRowClick: l,
-  isRowClickable: d
+  actions: o,
+  sortedBy: n,
+  handleSort: i,
+  useContext: s = !1
 }) {
-  const [o, m] = $(!1), {
-    visibleColumns: u,
-    setVisibleColumns: h
-  } = N2(c, t.map((i) => String(i.key))), p = L(null), M = t.filter(
-    (i) => u.includes(String(i.key))
-  );
-  return /* @__PURE__ */ e.jsxs("section", { children: [
-    /* @__PURE__ */ e.jsxs("table", { className: O.table_container, children: [
-      /* @__PURE__ */ e.jsx("thead", { className: O.table_head, children: /* @__PURE__ */ e.jsxs("tr", { children: [
-        /* @__PURE__ */ e.jsx("th", { style: { width: "40px" }, children: /* @__PURE__ */ e.jsx("div", { ref: p, children: /* @__PURE__ */ e.jsx(
-          I,
+  const [w, m] = H(!1), [d, h] = H(), {
+    visibleColumns: M,
+    setVisibleColumns: p
+  } = B2(c, t.map((a) => String(a.key))), u = O(null), z = t.filter(
+    (a) => M.includes(String(a.key))
+  ), x = (a, _) => {
+    o && s && (a.preventDefault(), a.stopPropagation(), h({ position: { x: a.clientX, y: a.clientY }, element: _ }));
+  }, b = (a) => {
+    if (i)
+      if (n?.key === a.key) {
+        const _ = n.direction === "asc" ? "desc" : "asc";
+        i({ key: a.key, direction: _ });
+      } else
+        i({ key: a.key, direction: "asc" });
+  };
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsxs("table", { className: L.table_container, children: [
+      /* @__PURE__ */ e.jsx("thead", { className: L.table_head, children: /* @__PURE__ */ e.jsxs("tr", { children: [
+        /* @__PURE__ */ e.jsx("th", { style: { width: "40px" }, children: /* @__PURE__ */ e.jsx("div", { ref: u, children: /* @__PURE__ */ e.jsx(
+          Y,
           {
             icon: "settings",
             onClick: () => {
@@ -1837,94 +1869,111 @@ function o3({
             }
           }
         ) }) }),
-        M.map((i) => /* @__PURE__ */ e.jsx("th", { style: { width: i.width }, children: /* @__PURE__ */ e.jsx("div", { className: O.title, children: i.label }) }, String(i.key))),
-        s && /* @__PURE__ */ e.jsx("th", { children: /* @__PURE__ */ e.jsx("div", { className: O.title, children: "Дії" }) })
-      ] }) }),
-      /* @__PURE__ */ e.jsx("tbody", { className: O.table_body, children: r.map((i) => /* @__PURE__ */ e.jsxs("tr", { children: [
-        /* @__PURE__ */ e.jsx("td", { style: { width: "40px" }, children: d && d(i) && /* @__PURE__ */ e.jsx(
-          I,
-          {
-            icon: "external-link",
-            variant: "transparent",
-            onClick: () => {
-              l(i);
+        z.map((a) => /* @__PURE__ */ e.jsx("th", { style: { width: a.width }, children: /* @__PURE__ */ e.jsxs("div", { className: `${L.title} ${i ? L.sortable : ""}`, onClick: () => b(a), children: [
+          /* @__PURE__ */ e.jsx("p", { className: L.label, children: a.label }),
+          n?.key === a.key && /* @__PURE__ */ e.jsx(
+            I,
+            {
+              width: 12,
+              height: 12,
+              name: n.direction === "asc" ? "arrow-up" : "arrow-down"
             }
-          }
-        ) }),
-        M.map((a) => /* @__PURE__ */ e.jsx("td", { style: { width: a.width }, children: /* @__PURE__ */ e.jsx("div", { className: O.content, children: a.render ? a.render(i[a.key], i) : String(i[a.key] ?? "-") }) }, String(a.key))),
-        s && /* @__PURE__ */ e.jsx("td", { style: { width: "0" }, children: /* @__PURE__ */ e.jsx("div", { className: O.content, children: s(i) }) })
-      ] }, i.id)) })
+          )
+        ] }) }, String(a.key)))
+      ] }) }),
+      /* @__PURE__ */ e.jsx("tbody", { className: L.table_body, children: r.map((a) => /* @__PURE__ */ e.jsxs(
+        "tr",
+        {
+          onContextMenu: (_) => s ? x(_, a) : null,
+          className: `${o && s ? L.hover_row : ""}`,
+          children: [
+            /* @__PURE__ */ e.jsx("td", { style: { width: "40px" } }),
+            z.map((_) => /* @__PURE__ */ e.jsx("td", { style: { width: _.width }, children: /* @__PURE__ */ e.jsx("div", { className: L.content, children: _.render ? _.render(a[_.key], a) : String(a[_.key] ?? "-") }) }, String(_.key))),
+            o && !s && /* @__PURE__ */ e.jsx("td", { style: { width: "0" }, children: /* @__PURE__ */ e.jsx("div", { className: L.content, children: o(a) }) })
+          ]
+        },
+        a.id
+      )) })
     ] }),
-    o && /* @__PURE__ */ e.jsx(
-      _0,
+    d && /* @__PURE__ */ e.jsx(
+      i0,
+      {
+        handleClose: () => h(void 0),
+        x: d.position.x,
+        y: d.position.y,
+        children: o && o(d.element)
+      }
+    ),
+    w && /* @__PURE__ */ e.jsx(
+      i0,
       {
-        containerRef: p,
+        containerRef: u,
         handleClose: () => {
           m(!1);
         },
-        children: /* @__PURE__ */ e.jsx("ul", { className: O.column_filter_list, children: t.map((i) => {
-          const a = i.key;
-          return /* @__PURE__ */ e.jsxs("li", { className: O.item, children: [
+        children: /* @__PURE__ */ e.jsx("ul", { className: L.column_filter_list, children: t.map((a) => {
+          const _ = a.key;
+          return /* @__PURE__ */ e.jsxs("li", { className: L.item, children: [
             /* @__PURE__ */ e.jsx(
               G1,
               {
-                checked: u.includes(a),
-                onChange: (f) => {
-                  const w = f.target.checked;
-                  h(
-                    (z) => w ? [...z, a] : z.filter((v) => v !== a)
+                checked: M.includes(_),
+                onChange: (k) => {
+                  const N = k.target.checked;
+                  p(
+                    (T) => N ? [...T, _] : T.filter((F) => F !== _)
                   );
                 }
               }
             ),
-            /* @__PURE__ */ e.jsx("p", { className: O.label, children: i.label })
-          ] }, String(i.key));
+            /* @__PURE__ */ e.jsx("p", { className: L.label, children: a.label })
+          ] }, String(a.key));
         }) })
       }
     )
   ] });
 }
-const B2 = "_container_79rvb_1", V2 = "_date_text_79rvb_16", B0 = {
-  container: B2,
-  date_text: V2
+const V2 = "_container_79rvb_1", E2 = "_date_text_79rvb_16", V0 = {
+  container: V2,
+  date_text: E2
 };
-function i3({
+function a3({
   value: c,
   onChange: t,
   disabled: r = !1,
-  blockPastDates: s = !1,
-  type: l = "date"
+  blockPastDates: o = !1,
+  type: n = "date"
 }) {
-  const [d, o] = $(!1), m = L(null), u = (h) => {
-    const p = h.getDate().toString().padStart(2, "0"), M = (h.getMonth() + 1).toString().padStart(2, "0"), i = h.getFullYear();
-    return `${p}.${M}.${i}`;
+  const [i, s] = H(!1), w = O(null), m = (d) => {
+    const h = d.getDate().toString().padStart(2, "0"), M = (d.getMonth() + 1).toString().padStart(2, "0"), p = d.getFullYear();
+    return `${h}.${M}.${p}`;
   };
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: m,
-      className: B0.container,
+      ref: w,
+      className: V0.container,
       onClick: () => {
-        r || o(!0);
+        r || s(!0);
       },
       children: [
-        /* @__PURE__ */ e.jsx("p", { className: B0.date_text, children: c ? u(c) : "Не вказано" }),
+        /* @__PURE__ */ e.jsx("p", { className: V0.date_text, children: c ? m(c) : "Не вказано" }),
         /* @__PURE__ */ e.jsx(
-          I,
+          Y,
           {
             variant: "secondary",
             icon: "my-calendar",
-            onClick: (h) => {
-              h.stopPropagation(), r || o(!0);
+            onClick: (d) => {
+              d.stopPropagation(), r || s(!0);
             }
           }
         ),
-        d && m && /* @__PURE__ */ e.jsx(
-          _0,
+        i && w && /* @__PURE__ */ e.jsx(
+          i0,
           {
-            containerRef: m,
+            containerRef: w,
             handleClose: () => {
-              o(!1);
+              s(!1);
             },
             style: {
               padding: "0",
@@ -1936,8 +1985,8 @@ function i3({
               {
                 value: c || /* @__PURE__ */ new Date(),
                 onChange: t,
-                blockPastDates: s,
-                type: l
+                blockPastDates: o,
+                type: n
               }
             )
           }
@@ -1946,138 +1995,138 @@ function i3({
     }
   );
 }
-const E2 = "_text_field_16bc4_1", H2 = {
-  text_field: E2
+const $2 = "_text_field_16bc4_1", H2 = {
+  text_field: $2
 };
-function a3({
+function d3({
   fullWidth: c = !1,
   className: t,
   style: r,
-  placeholder: s = "Введіть значення",
-  ...l
+  placeholder: o = "Введіть значення",
+  ...n
 }) {
   return /* @__PURE__ */ e.jsx(
     "input",
     {
-      ...l,
+      ...n,
       className: `${H2.text_field} ${t}`,
       style: {
         width: c ? "100%" : "min-content",
         ...r
       },
-      placeholder: s
+      placeholder: o
     }
   );
 }
-const $2 = "_pagination_fet2x_1", T2 = "_btn_fet2x_11", L2 = "_dots_fet2x_23", K = {
-  pagination: $2,
-  btn: T2,
-  dots: L2
+const T2 = "_pagination_fet2x_1", L2 = "_btn_fet2x_11", R2 = "_dots_fet2x_23", K = {
+  pagination: T2,
+  btn: L2,
+  dots: R2
 };
-function d3({
+function h3({
   count: c,
   pagination: t,
   setPaginations: r,
-  style: s
+  style: o
 }) {
-  const l = Math.ceil(c / t.take), d = Math.floor(t.skip / t.take) + 1, o = (u) => /* @__PURE__ */ e.jsx(
-    x0,
+  const n = Math.ceil(c / t.take), i = Math.floor(t.skip / t.take) + 1, s = (m) => /* @__PURE__ */ e.jsx(
+    v0,
     {
-      variant: u === d ? "primary" : "secondary",
+      variant: m === i ? "primary" : "secondary",
       className: K.btn,
-      onClick: () => r({ skip: (u - 1) * t.take, take: t.take }),
-      children: u
+      onClick: () => r({ skip: (m - 1) * t.take, take: t.take }),
+      children: m
     },
-    u
-  ), m = i0(() => {
-    const u = [];
-    if (l <= 6) {
-      for (let h = 1; h <= l; h++)
-        u.push(o(h));
-      return u;
+    m
+  ), w = a0(() => {
+    const m = [];
+    if (n <= 6) {
+      for (let d = 1; d <= n; d++)
+        m.push(s(d));
+      return m;
     }
-    if (d < 5) {
-      for (let h = 1; h <= 5; h++)
-        u.push(o(h));
-      return u.push(/* @__PURE__ */ e.jsx("span", { className: K.dots, children: "..." }, "dots2")), u.push(o(l)), u;
+    if (i < 5) {
+      for (let d = 1; d <= 5; d++)
+        m.push(s(d));
+      return m.push(/* @__PURE__ */ e.jsx("span", { className: K.dots, children: "..." }, "dots2")), m.push(s(n)), m;
     }
-    if (d > l - 5) {
-      u.push(o(1)), u.push(/* @__PURE__ */ e.jsx("span", { className: K.dots, children: "..." }, "dots1"));
-      for (let h = l - 4; h <= l; h++)
-        u.push(o(h));
-      return u;
+    if (i > n - 5) {
+      m.push(s(1)), m.push(/* @__PURE__ */ e.jsx("span", { className: K.dots, children: "..." }, "dots1"));
+      for (let d = n - 4; d <= n; d++)
+        m.push(s(d));
+      return m;
     }
-    u.push(o(1)), u.push(/* @__PURE__ */ e.jsx("span", { className: K.dots, children: "..." }, "dots1"));
-    for (let h = d - 1; h <= d + 1 && h <= l; h++)
-      u.push(o(h));
-    return u.push(/* @__PURE__ */ e.jsx("span", { className: K.dots, children: "..." }, "dots2")), u.push(o(l)), u;
-  }, [d, l]);
-  return /* @__PURE__ */ e.jsxs("div", { className: K.pagination, style: { ...s }, children: [
+    m.push(s(1)), m.push(/* @__PURE__ */ e.jsx("span", { className: K.dots, children: "..." }, "dots1"));
+    for (let d = i - 1; d <= i + 1 && d <= n; d++)
+      m.push(s(d));
+    return m.push(/* @__PURE__ */ e.jsx("span", { className: K.dots, children: "..." }, "dots2")), m.push(s(n)), m;
+  }, [i, n]);
+  return /* @__PURE__ */ e.jsxs("div", { className: K.pagination, style: { ...o }, children: [
     /* @__PURE__ */ e.jsx(
-      I,
+      Y,
       {
         icon: "arrow-left",
         onClick: () => {
           r({ skip: Math.max(t.skip - t.take, 0), take: t.take });
         },
         style: { marginRight: "5px" },
-        disabled: d === 1
+        disabled: i === 1
       }
     ),
-    m(),
+    w(),
     /* @__PURE__ */ e.jsx(
-      I,
+      Y,
       {
         icon: "arrow-right",
         onClick: () => {
-          r({ skip: Math.min(t.skip + t.take, (l - 1) * t.take), take: t.take });
+          r({ skip: Math.min(t.skip + t.take, (n - 1) * t.take), take: t.take });
         },
         style: { marginLeft: "5px" },
-        disabled: d === l
+        disabled: i === n
       }
     )
   ] });
 }
-const R2 = "_field_1r98j_1", O2 = {
-  field: R2
+const O2 = "_field_1r98j_1", D2 = {
+  field: O2
 };
-function h3({
+function m3({
   fullWidth: c = !1,
   onChange: t,
   style: r,
-  className: s,
-  value: l = "+380",
-  ...d
+  className: o,
+  value: n = "+380",
+  ...i
 }) {
-  const o = (u) => {
-    const h = u.replace(/\D/g, "");
-    let p = h.startsWith("380") ? h.slice(3) : h;
-    p = p.slice(0, 9);
-    const M = p.slice(0, 2), i = p.slice(2, 5), a = p.slice(5, 7), f = p.slice(7, 9);
-    let w = "+380";
-    return M && (w += ` (${M}`), M.length === 2 && (w += ")"), i && (w += ` ${i}`), a && (w += `-${a}`), f && (w += `-${f}`), w;
-  }, m = (u) => {
-    let h = u.target.value.replace(/\D/g, "");
-    h.startsWith("380") && (h = h.slice(3)), h = h.slice(0, 9);
-    const p = `+380${h}`;
+  const s = (m) => {
+    const d = m.replace(/\D/g, "");
+    let h = d.startsWith("380") ? d.slice(3) : d;
+    h = h.slice(0, 9);
+    const M = h.slice(0, 2), p = h.slice(2, 5), u = h.slice(5, 7), z = h.slice(7, 9);
+    let x = "+380";
+    return M && (x += ` (${M}`), M.length === 2 && (x += ")"), p && (x += ` ${p}`), u && (x += `-${u}`), z && (x += `-${z}`), x;
+  }, w = (m) => {
+    let d = m.target.value.replace(/\D/g, "");
+    d.startsWith("380") && (d = d.slice(3)), d = d.slice(0, 9);
+    const h = `+380${d}`;
     t && t({
-      ...u,
-      target: { ...u.target, value: p }
+      ...m,
+      target: { ...m.target, value: h }
     });
   };
   return /* @__PURE__ */ e.jsx(
     "input",
     {
-      ...d,
-      value: o(String(l)),
-      onChange: m,
+      ...i,
+      value: s(String(n)),
+      onChange: w,
       style: {
         width: c ? "100%" : "min-content",
         ...r
       },
       className: `
-        ${O2.field}
-        ${s}
+        ${D2.field}
+        ${o}
       `,
       placeholder: "(XX) XXX-XX-XX",
       type: "tel",
@@ -2085,12 +2134,12 @@ function h3({
     }
   );
 }
-const D2 = "_switch_btn_a1g51_1", P2 = "_circle_a1g51_12", A2 = "_icon_a1g51_24", I2 = "_correct_a1g51_27", F2 = "_cancel_a1g51_33", n0 = {
-  switch_btn: D2,
-  circle: P2,
-  icon: A2,
-  correct: I2,
-  cancel: F2
+const P2 = "_switch_btn_a1g51_1", A2 = "_circle_a1g51_12", I2 = "_icon_a1g51_24", F2 = "_correct_a1g51_27", Y2 = "_cancel_a1g51_33", n0 = {
+  switch_btn: P2,
+  circle: A2,
+  icon: I2,
+  correct: F2,
+  cancel: Y2
 };
 function u3({
   value: c,
@@ -2107,7 +2156,7 @@ function u3({
       },
       disabled: r,
       children: /* @__PURE__ */ e.jsx("div", { className: n0.circle, children: /* @__PURE__ */ e.jsx(
-        F,
+        I,
         {
           name: c ? "check" : "cancel",
           width: 12,
@@ -2118,35 +2167,35 @@ function u3({
     }
   );
 }
-const Y2 = "_container_1gdr0_1", W2 = {
-  container: Y2
+const W2 = "_container_1gdr0_1", J2 = {
+  container: W2
 };
-function m3({
+function p3({
   autosize: c = !0,
   className: t,
   style: r,
-  placeholder: s = "Введіть текст",
-  ...l
+  placeholder: o = "Введіть текст",
+  ...n
 }) {
   return /* @__PURE__ */ e.jsx(
     "textarea",
     {
-      ...l,
-      placeholder: s,
+      ...n,
+      placeholder: o,
       className: `
-        ${W2.container}
+        ${J2.container}
         ${t}
       `,
       style: { ...r, resize: c ? "none" : "both" }
     }
   );
 }
-const U2 = "_theme_btn_gv3i6_1", q2 = "_icon_gv3i6_12", J2 = "_dark_gv3i6_18", o0 = {
+const U2 = "_theme_btn_gv3i6_1", q2 = "_icon_gv3i6_12", X2 = "_dark_gv3i6_18", s0 = {
   theme_btn: U2,
   icon: q2,
-  dark: J2
+  dark: X2
 };
-function p3({
+function w3({
   theme: c,
   toggleTheme: t
 }) {
@@ -2159,76 +2208,76 @@ function p3({
     {
       type: "button",
       className: `
-        ${o0.theme_btn}
-        ${o0[c]}
+        ${s0.theme_btn}
+        ${s0[c]}
       `,
       onClick: t,
       children: /* @__PURE__ */ e.jsx(
-        F,
+        I,
         {
           name: r[c],
           width: 20,
           height: 20,
           className: `
-          ${o0.icon}
-          ${o0[c]}
+          ${s0.icon}
+          ${s0[c]}
         `
         }
       )
     }
   );
 }
-const X2 = "_container_14yjr_1", G2 = "_checkbox_14yjr_15", K2 = "_ellipse_14yjr_19", w0 = {
-  container: X2,
-  checkbox: G2,
-  ellipse: K2
+const G2 = "_container_14yjr_1", K2 = "_checkbox_14yjr_15", Z2 = "_ellipse_14yjr_19", x0 = {
+  container: G2,
+  checkbox: K2,
+  ellipse: Z2
 };
-function w3({
+function x3({
   style: c,
   className: t,
   id: r,
-  ...s
+  ...o
 }) {
   return /* @__PURE__ */ e.jsxs(
     "label",
     {
       htmlFor: r,
-      className: w0.container,
-      onClick: (l) => l.stopPropagation(),
+      className: x0.container,
+      onClick: (n) => n.stopPropagation(),
       children: [
-        /* @__PURE__ */ e.jsx("input", { id: r, type: "checkbox", ...s, style: { display: "none", ...c }, className: `${w0.checkbox} ${t}` }),
-        /* @__PURE__ */ e.jsx("div", { className: w0.ellipse })
+        /* @__PURE__ */ e.jsx("input", { id: r, type: "checkbox", ...o, style: { display: "none", ...c }, className: `${x0.checkbox} ${t}` }),
+        /* @__PURE__ */ e.jsx("div", { className: x0.ellipse })
       ]
     }
   );
 }
-let V0 = !1;
-const Z2 = () => {
-  if (typeof document > "u" || V0) return;
+let E0 = !1;
+const Q2 = () => {
+  if (typeof document > "u" || E0) return;
   const c = document.createElement("div");
-  c.id = "svg-sprite", c.innerHTML = R0, document.body.prepend(c), V0 = !0;
+  c.id = "svg-sprite", c.innerHTML = R0, document.body.prepend(c), E0 = !0;
 };
-Z2();
+Q2();
 export {
-  t3 as Alert,
-  r3 as Autocomplete,
-  x0 as Button,
+  r3 as Alert,
+  o3 as Autocomplete,
+  v0 as Button,
   Y1 as Calendar,
   G1 as Checkbox,
   s3 as ConfirmAction,
-  o3 as DataTable,
-  i3 as DatePicker,
-  F as Icon,
-  I as IconButton,
-  a3 as Input,
-  v0 as Loader,
+  i3 as DataTable,
+  a3 as DatePicker,
+  I as Icon,
+  Y as IconButton,
+  d3 as Input,
+  _0 as Loader,
   w2 as ModalBox,
-  d3 as Pagination,
-  h3 as PhoneInput,
-  _0 as PopUp,
+  h3 as Pagination,
+  m3 as PhoneInput,
+  i0 as PopUp,
   u3 as Switch,
-  m3 as Textarea,
-  p3 as ThemeChange,
-  w3 as Toggle,
-  Z2 as injectIconSprite
+  p3 as Textarea,
+  w3 as ThemeChange,
+  x3 as Toggle,
+  Q2 as injectIconSprite
 };