alex-evo-sh-ui-kit 1.0.0

package/dist/alex-evo-sh-ui-kit.es.js

@@ -0,0 +1,1626 @@
+import './index.css';
+import xe, { useState as C, useCallback as R, useEffect as A, forwardRef as nn, createElement as we, useRef as J } from "react";
+var Ee = { exports: {} }, re = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Ge;
+function Pn() {
+  if (Ge)
+    return re;
+  Ge = 1;
+  var n = xe, r = Symbol.for("react.element"), s = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, l = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function u(c, i, h) {
+    var f, v = {}, m = null, b = null;
+    h !== void 0 && (m = "" + h), i.key !== void 0 && (m = "" + i.key), i.ref !== void 0 && (b = i.ref);
+    for (f in i)
+      a.call(i, f) && !o.hasOwnProperty(f) && (v[f] = i[f]);
+    if (c && c.defaultProps)
+      for (f in i = c.defaultProps, i)
+        v[f] === void 0 && (v[f] = i[f]);
+    return { $$typeof: r, type: c, key: m, ref: b, props: v, _owner: l.current };
+  }
+  return re.Fragment = s, re.jsx = u, re.jsxs = u, re;
+}
+var se = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var He;
+function $n() {
+  return He || (He = 1, process.env.NODE_ENV !== "production" && function() {
+    var n = xe, r = Symbol.for("react.element"), s = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), c = Symbol.for("react.context"), i = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), b = Symbol.for("react.offscreen"), k = Symbol.iterator, w = "@@iterator";
+    function S(t) {
+      if (t === null || typeof t != "object")
+        return null;
+      var d = k && t[k] || t[w];
+      return typeof d == "function" ? d : null;
+    }
+    var D = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function E(t) {
+      {
+        for (var d = arguments.length, x = new Array(d > 1 ? d - 1 : 0), p = 1; p < d; p++)
+          x[p - 1] = arguments[p];
+        B("error", t, x);
+      }
+    }
+    function B(t, d, x) {
+      {
+        var p = D.ReactDebugCurrentFrame, N = p.getStackAddendum();
+        N !== "" && (d += "%s", x = x.concat([N]));
+        var T = x.map(function(g) {
+          return String(g);
+        });
+        T.unshift("Warning: " + d), Function.prototype.apply.call(console[t], console, T);
+      }
+    }
+    var j = !1, _ = !1, W = !1, z = !1, Q = !1, G;
+    G = Symbol.for("react.module.reference");
+    function ie(t) {
+      return !!(typeof t == "string" || typeof t == "function" || t === a || t === o || Q || t === l || t === h || t === f || z || t === b || j || _ || W || typeof t == "object" && t !== null && (t.$$typeof === m || t.$$typeof === v || t.$$typeof === u || t.$$typeof === c || t.$$typeof === i || // 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.
+      t.$$typeof === G || t.getModuleId !== void 0));
+    }
+    function K(t, d, x) {
+      var p = t.displayName;
+      if (p)
+        return p;
+      var N = d.displayName || d.name || "";
+      return N !== "" ? x + "(" + N + ")" : x;
+    }
+    function Te(t) {
+      return t.displayName || "Context";
+    }
+    function L(t) {
+      if (t == null)
+        return null;
+      if (typeof t.tag == "number" && E("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof t == "function")
+        return t.displayName || t.name || null;
+      if (typeof t == "string")
+        return t;
+      switch (t) {
+        case a:
+          return "Fragment";
+        case s:
+          return "Portal";
+        case o:
+          return "Profiler";
+        case l:
+          return "StrictMode";
+        case h:
+          return "Suspense";
+        case f:
+          return "SuspenseList";
+      }
+      if (typeof t == "object")
+        switch (t.$$typeof) {
+          case c:
+            var d = t;
+            return Te(d) + ".Consumer";
+          case u:
+            var x = t;
+            return Te(x._context) + ".Provider";
+          case i:
+            return K(t, t.render, "ForwardRef");
+          case v:
+            var p = t.displayName || null;
+            return p !== null ? p : L(t.type) || "Memo";
+          case m: {
+            var N = t, T = N._payload, g = N._init;
+            try {
+              return L(g(T));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var q = Object.assign, ee = 0, Re, _e, Se, Oe, De, Me, Pe;
+    function $e() {
+    }
+    $e.__reactDisabledLog = !0;
+    function cn() {
+      {
+        if (ee === 0) {
+          Re = console.log, _e = console.info, Se = console.warn, Oe = console.error, De = console.group, Me = console.groupCollapsed, Pe = console.groupEnd;
+          var t = {
+            configurable: !0,
+            enumerable: !0,
+            value: $e,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: t,
+            log: t,
+            warn: t,
+            error: t,
+            group: t,
+            groupCollapsed: t,
+            groupEnd: t
+          });
+        }
+        ee++;
+      }
+    }
+    function ln() {
+      {
+        if (ee--, ee === 0) {
+          var t = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: q({}, t, {
+              value: Re
+            }),
+            info: q({}, t, {
+              value: _e
+            }),
+            warn: q({}, t, {
+              value: Se
+            }),
+            error: q({}, t, {
+              value: Oe
+            }),
+            group: q({}, t, {
+              value: De
+            }),
+            groupCollapsed: q({}, t, {
+              value: Me
+            }),
+            groupEnd: q({}, t, {
+              value: Pe
+            })
+          });
+        }
+        ee < 0 && E("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var je = D.ReactCurrentDispatcher, ve;
+    function le(t, d, x) {
+      {
+        if (ve === void 0)
+          try {
+            throw Error();
+          } catch (N) {
+            var p = N.stack.trim().match(/\n( *(at )?)/);
+            ve = p && p[1] || "";
+          }
+        return `
+` + ve + t;
+      }
+    }
+    var pe = !1, oe;
+    {
+      var on = typeof WeakMap == "function" ? WeakMap : Map;
+      oe = new on();
+    }
+    function Ae(t, d) {
+      if (!t || pe)
+        return "";
+      {
+        var x = oe.get(t);
+        if (x !== void 0)
+          return x;
+      }
+      var p;
+      pe = !0;
+      var N = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var T;
+      T = je.current, je.current = null, cn();
+      try {
+        if (d) {
+          var g = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(g.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(g, []);
+            } catch (F) {
+              p = F;
+            }
+            Reflect.construct(t, [], g);
+          } else {
+            try {
+              g.call();
+            } catch (F) {
+              p = F;
+            }
+            t.call(g.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (F) {
+            p = F;
+          }
+          t();
+        }
+      } catch (F) {
+        if (F && p && typeof F.stack == "string") {
+          for (var y = F.stack.split(`
+`), $ = p.stack.split(`
+`), O = y.length - 1, M = $.length - 1; O >= 1 && M >= 0 && y[O] !== $[M]; )
+            M--;
+          for (; O >= 1 && M >= 0; O--, M--)
+            if (y[O] !== $[M]) {
+              if (O !== 1 || M !== 1)
+                do
+                  if (O--, M--, M < 0 || y[O] !== $[M]) {
+                    var I = `
+` + y[O].replace(" at new ", " at ");
+                    return t.displayName && I.includes("<anonymous>") && (I = I.replace("<anonymous>", t.displayName)), typeof t == "function" && oe.set(t, I), I;
+                  }
+                while (O >= 1 && M >= 0);
+              break;
+            }
+        }
+      } finally {
+        pe = !1, je.current = T, ln(), Error.prepareStackTrace = N;
+      }
+      var Z = t ? t.displayName || t.name : "", X = Z ? le(Z) : "";
+      return typeof t == "function" && oe.set(t, X), X;
+    }
+    function un(t, d, x) {
+      return Ae(t, !1);
+    }
+    function dn(t) {
+      var d = t.prototype;
+      return !!(d && d.isReactComponent);
+    }
+    function ue(t, d, x) {
+      if (t == null)
+        return "";
+      if (typeof t == "function")
+        return Ae(t, dn(t));
+      if (typeof t == "string")
+        return le(t);
+      switch (t) {
+        case h:
+          return le("Suspense");
+        case f:
+          return le("SuspenseList");
+      }
+      if (typeof t == "object")
+        switch (t.$$typeof) {
+          case i:
+            return un(t.render);
+          case v:
+            return ue(t.type, d, x);
+          case m: {
+            var p = t, N = p._payload, T = p._init;
+            try {
+              return ue(T(N), d, x);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var ne = Object.prototype.hasOwnProperty, Fe = {}, Ie = D.ReactDebugCurrentFrame;
+    function de(t) {
+      if (t) {
+        var d = t._owner, x = ue(t.type, t._source, d ? d.type : null);
+        Ie.setExtraStackFrame(x);
+      } else
+        Ie.setExtraStackFrame(null);
+    }
+    function fn(t, d, x, p, N) {
+      {
+        var T = Function.call.bind(ne);
+        for (var g in t)
+          if (T(t, g)) {
+            var y = void 0;
+            try {
+              if (typeof t[g] != "function") {
+                var $ = Error((p || "React class") + ": " + x + " type `" + g + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[g] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw $.name = "Invariant Violation", $;
+              }
+              y = t[g](d, g, p, x, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (O) {
+              y = O;
+            }
+            y && !(y instanceof Error) && (de(N), E("%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).", p || "React class", x, g, typeof y), de(null)), y instanceof Error && !(y.message in Fe) && (Fe[y.message] = !0, de(N), E("Failed %s type: %s", x, y.message), de(null));
+          }
+      }
+    }
+    var hn = Array.isArray;
+    function ye(t) {
+      return hn(t);
+    }
+    function xn(t) {
+      {
+        var d = typeof Symbol == "function" && Symbol.toStringTag, x = d && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return x;
+      }
+    }
+    function mn(t) {
+      try {
+        return Ye(t), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function Ye(t) {
+      return "" + t;
+    }
+    function Be(t) {
+      if (mn(t))
+        return E("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", xn(t)), Ye(t);
+    }
+    var te = D.ReactCurrentOwner, jn = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, We, Le, ge;
+    ge = {};
+    function vn(t) {
+      if (ne.call(t, "ref")) {
+        var d = Object.getOwnPropertyDescriptor(t, "ref").get;
+        if (d && d.isReactWarning)
+          return !1;
+      }
+      return t.ref !== void 0;
+    }
+    function pn(t) {
+      if (ne.call(t, "key")) {
+        var d = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (d && d.isReactWarning)
+          return !1;
+      }
+      return t.key !== void 0;
+    }
+    function yn(t, d) {
+      if (typeof t.ref == "string" && te.current && d && te.current.stateNode !== d) {
+        var x = L(te.current.type);
+        ge[x] || (E('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', L(te.current.type), t.ref), ge[x] = !0);
+      }
+    }
+    function gn(t, d) {
+      {
+        var x = function() {
+          We || (We = !0, E("%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://reactjs.org/link/special-props)", d));
+        };
+        x.isReactWarning = !0, Object.defineProperty(t, "key", {
+          get: x,
+          configurable: !0
+        });
+      }
+    }
+    function bn(t, d) {
+      {
+        var x = function() {
+          Le || (Le = !0, E("%s: `ref` 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://reactjs.org/link/special-props)", d));
+        };
+        x.isReactWarning = !0, Object.defineProperty(t, "ref", {
+          get: x,
+          configurable: !0
+        });
+      }
+    }
+    var kn = function(t, d, x, p, N, T, g) {
+      var y = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: r,
+        // Built-in properties that belong on the element
+        type: t,
+        key: d,
+        ref: x,
+        props: g,
+        // Record the component responsible for creating this element.
+        _owner: T
+      };
+      return y._store = {}, Object.defineProperty(y._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(y, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: p
+      }), Object.defineProperty(y, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: N
+      }), Object.freeze && (Object.freeze(y.props), Object.freeze(y)), y;
+    };
+    function Nn(t, d, x, p, N) {
+      {
+        var T, g = {}, y = null, $ = null;
+        x !== void 0 && (Be(x), y = "" + x), pn(d) && (Be(d.key), y = "" + d.key), vn(d) && ($ = d.ref, yn(d, N));
+        for (T in d)
+          ne.call(d, T) && !jn.hasOwnProperty(T) && (g[T] = d[T]);
+        if (t && t.defaultProps) {
+          var O = t.defaultProps;
+          for (T in O)
+            g[T] === void 0 && (g[T] = O[T]);
+        }
+        if (y || $) {
+          var M = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
+          y && gn(g, M), $ && bn(g, M);
+        }
+        return kn(t, y, $, N, p, te.current, g);
+      }
+    }
+    var be = D.ReactCurrentOwner, Ve = D.ReactDebugCurrentFrame;
+    function H(t) {
+      if (t) {
+        var d = t._owner, x = ue(t.type, t._source, d ? d.type : null);
+        Ve.setExtraStackFrame(x);
+      } else
+        Ve.setExtraStackFrame(null);
+    }
+    var ke;
+    ke = !1;
+    function Ne(t) {
+      return typeof t == "object" && t !== null && t.$$typeof === r;
+    }
+    function ze() {
+      {
+        if (be.current) {
+          var t = L(be.current.type);
+          if (t)
+            return `
+
+Check the render method of \`` + t + "`.";
+        }
+        return "";
+      }
+    }
+    function Cn(t) {
+      return "";
+    }
+    var Ke = {};
+    function wn(t) {
+      {
+        var d = ze();
+        if (!d) {
+          var x = typeof t == "string" ? t : t.displayName || t.name;
+          x && (d = `
+
+Check the top-level render call using <` + x + ">.");
+        }
+        return d;
+      }
+    }
+    function qe(t, d) {
+      {
+        if (!t._store || t._store.validated || t.key != null)
+          return;
+        t._store.validated = !0;
+        var x = wn(d);
+        if (Ke[x])
+          return;
+        Ke[x] = !0;
+        var p = "";
+        t && t._owner && t._owner !== be.current && (p = " It was passed a child from " + L(t._owner.type) + "."), H(t), E('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', x, p), H(null);
+      }
+    }
+    function Xe(t, d) {
+      {
+        if (typeof t != "object")
+          return;
+        if (ye(t))
+          for (var x = 0; x < t.length; x++) {
+            var p = t[x];
+            Ne(p) && qe(p, d);
+          }
+        else if (Ne(t))
+          t._store && (t._store.validated = !0);
+        else if (t) {
+          var N = S(t);
+          if (typeof N == "function" && N !== t.entries)
+            for (var T = N.call(t), g; !(g = T.next()).done; )
+              Ne(g.value) && qe(g.value, d);
+        }
+      }
+    }
+    function En(t) {
+      {
+        var d = t.type;
+        if (d == null || typeof d == "string")
+          return;
+        var x;
+        if (typeof d == "function")
+          x = d.propTypes;
+        else if (typeof d == "object" && (d.$$typeof === i || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        d.$$typeof === v))
+          x = d.propTypes;
+        else
+          return;
+        if (x) {
+          var p = L(d);
+          fn(x, t.props, "prop", p, t);
+        } else if (d.PropTypes !== void 0 && !ke) {
+          ke = !0;
+          var N = L(d);
+          E("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", N || "Unknown");
+        }
+        typeof d.getDefaultProps == "function" && !d.getDefaultProps.isReactClassApproved && E("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function Tn(t) {
+      {
+        for (var d = Object.keys(t.props), x = 0; x < d.length; x++) {
+          var p = d[x];
+          if (p !== "children" && p !== "key") {
+            H(t), E("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), H(null);
+            break;
+          }
+        }
+        t.ref !== null && (H(t), E("Invalid attribute `ref` supplied to `React.Fragment`."), H(null));
+      }
+    }
+    var Ue = {};
+    function Je(t, d, x, p, N, T) {
+      {
+        var g = ie(t);
+        if (!g) {
+          var y = "";
+          (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (y += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var $ = Cn();
+          $ ? y += $ : y += ze();
+          var O;
+          t === null ? O = "null" : ye(t) ? O = "array" : t !== void 0 && t.$$typeof === r ? (O = "<" + (L(t.type) || "Unknown") + " />", y = " Did you accidentally export a JSX literal instead of a component?") : O = typeof t, E("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", O, y);
+        }
+        var M = Nn(t, d, x, N, T);
+        if (M == null)
+          return M;
+        if (g) {
+          var I = d.children;
+          if (I !== void 0)
+            if (p)
+              if (ye(I)) {
+                for (var Z = 0; Z < I.length; Z++)
+                  Xe(I[Z], t);
+                Object.freeze && Object.freeze(I);
+              } else
+                E("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
+              Xe(I, t);
+        }
+        if (ne.call(d, "key")) {
+          var X = L(t), F = Object.keys(d).filter(function(Mn) {
+            return Mn !== "key";
+          }), Ce = F.length > 0 ? "{key: someKey, " + F.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Ue[X + Ce]) {
+            var Dn = F.length > 0 ? "{" + F.join(": ..., ") + ": ...}" : "{}";
+            E(`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} />`, Ce, X, Dn, X), Ue[X + Ce] = !0;
+          }
+        }
+        return t === a ? Tn(M) : En(M), M;
+      }
+    }
+    function Rn(t, d, x) {
+      return Je(t, d, x, !0);
+    }
+    function _n(t, d, x) {
+      return Je(t, d, x, !1);
+    }
+    var Sn = _n, On = Rn;
+    se.Fragment = a, se.jsx = Sn, se.jsxs = On;
+  }()), se;
+}
+process.env.NODE_ENV === "production" ? Ee.exports = Pn() : Ee.exports = $n();
+var e = Ee.exports;
+const An = (n) => ce({ ...n, className: (n.className ?? "") + " outline-button" }), P = (n) => ce({ ...n, className: (n.className ?? "") + " text-button" }), Fn = (n) => ce({ ...n, className: (n.className ?? "") + " total-button" }), In = (n) => ce({ ...n, className: (n.className ?? "") + " filled-button" }), ce = (n) => {
+  const r = (s) => {
+    n.onClick && n.onClick(s);
+    let a = document.createElement("span");
+    a.classList.add("btn-overlay");
+    let l = s.pageX - s.currentTarget.offsetLeft, o = s.pageY - s.currentTarget.offsetTop;
+    a.style.left = l + "px", a.style.top = o + "px", s.currentTarget.appendChild(a), setTimeout(() => {
+      a.remove();
+    }, 500);
+  };
+  return /* @__PURE__ */ e.jsx("button", { ...n, className: (n.className ?? "") + " btn", onClick: r, children: /* @__PURE__ */ e.jsx("span", { children: n.children }) });
+}, Yn = ({ styleType: n = "base", ...r }) => n === "outline" ? An({ ...r }) : n === "text" ? P({ ...r }) : n === "filledTotal" ? Fn({ ...r }) : n === "filled" ? In({ ...r }) : ce({ ...r }), Bn = ({ children: n, className: r, maxHeight: s, scroll: a, transparent: l }) => /* @__PURE__ */ e.jsx("ul", { style: { overflowY: s ? a ? "scroll" : "hidden" : void 0, maxHeight: s, backgroundColor: l ? "transparent" : void 0 }, className: `list-container ${r} ${a ? "scroll" : ""}`, children: n }), Wn = ({ icon: n, control: r, text: s, header: a, value: l, onClick: o, hovered: u, className: c }) => {
+  const i = (h) => {
+    h.target.closest(".control-container") || o && o(h);
+  };
+  return /* @__PURE__ */ e.jsxs("li", { className: ` ${c} list-item-container ${u ? "hovered" : ""}`, onClick: i, children: [
+    n ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", children: n }) : l ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", children: l }) : null,
+    s ? /* @__PURE__ */ e.jsxs("div", { className: "text-container", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "header", children: a }),
+      /* @__PURE__ */ e.jsx("div", { className: "text", children: s })
+    ] }) : /* @__PURE__ */ e.jsx("div", { className: "text-container", children: /* @__PURE__ */ e.jsx("div", { className: "header", children: a }) }),
+    r ? /* @__PURE__ */ e.jsx("div", { className: "control-container", children: r }) : null
+  ] });
+}, ae = ({ transparent: n, icon: r, className: s, onClick: a, onContextMenu: l, disabled: o, classNameContainer: u, style: c }) => {
+  const i = (h) => {
+    a && a(h);
+    let f = document.createElement("span");
+    f.classList.add("btn-overlay");
+    let v = h.pageX - h.currentTarget.offsetLeft, m = h.pageY - h.currentTarget.offsetTop;
+    f.style.left = v + "px", f.style.top = m + "px", h.currentTarget.appendChild(f), setTimeout(() => {
+      f.remove();
+    }, 500);
+  };
+  return /* @__PURE__ */ e.jsx("button", { style: { backgroundColor: n ? "transparent" : void 0, ...c }, className: `iconbutton ${s}`, onClick: i, onContextMenu: l, disabled: o, children: /* @__PURE__ */ e.jsx("div", { className: `${u} iconbutton-container`, children: r }) });
+}, Ct = ({ className: n, action: r, imgSrc: s, alt: a, header: l, subhead: o, text: u, children: c, iconButtonCell: i, onClick: h }) => {
+  const f = (m) => !(m.target.className === "action-container" || m.target.closest(".action-container") || m.target.className === "icon-button-container" || m.target.closest(".icon-button-container")), v = (m) => {
+    if (h && h(m), !f(m))
+      return;
+    let b = m.currentTarget.closest(".card-container"), k = b == null ? void 0 : b.querySelector(".blick-container");
+    if (!k)
+      return;
+    let w = document.createElement("span");
+    w.classList.add("btn-overlay");
+    let S = m.pageX - m.currentTarget.offsetLeft, D = m.pageY - m.currentTarget.offsetTop;
+    w.style.left = S + "px", w.style.top = D + "px", k.appendChild(w), setTimeout(() => {
+      w.remove();
+    }, 500);
+  };
+  return /* @__PURE__ */ e.jsxs("div", { className: `card-container ${n}`, onClick: v, children: [
+    /* @__PURE__ */ e.jsx("div", { className: "blick-container" }),
+    s ? /* @__PURE__ */ e.jsx("div", { className: "card-img-container", children: /* @__PURE__ */ e.jsx("img", { src: s, alt: a }) }) : null,
+    /* @__PURE__ */ e.jsxs("div", { className: "card-content-container", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "card-Headline-container mb-1 font-bold", children: [
+        /* @__PURE__ */ e.jsx("div", { className: "headline", children: /* @__PURE__ */ e.jsx("h2", { className: "text-3xl", children: l }) }),
+        i ? /* @__PURE__ */ e.jsx("div", { className: "icon-button-container", children: i }) : null
+      ] }),
+      o ? /* @__PURE__ */ e.jsx("div", { className: "card-subhead-container mb-1", children: /* @__PURE__ */ e.jsx("div", { className: "subhead", children: /* @__PURE__ */ e.jsx("h3", { className: "text-xl", children: o }) }) }) : null,
+      u ? /* @__PURE__ */ e.jsx("div", { className: "card-text-container mb-1", children: /* @__PURE__ */ e.jsx("div", { className: "text", children: /* @__PURE__ */ e.jsx("p", { className: "text-sm", children: u }) }) }) : null,
+      c ? /* @__PURE__ */ e.jsx("div", { className: "card-child-container mb-2", children: c }) : null,
+      /* @__PURE__ */ e.jsx("div", { className: "action-container", children: r })
+    ] })
+  ] });
+}, Ln = ({ children: n, className: r }) => /* @__PURE__ */ e.jsx("div", { className: `base-action-card ${r ?? ""}`, children: n }), wt = ({ children: n, className: r, id: s, height: a, width: l, pozMove: o }) => {
+  const [u, c] = C(!1), [i, h] = C(null), [f, v] = C({ x: 0, y: 0 }), m = (w) => {
+    w.button == 1 && (c(!1), h(null), document.body.style.cursor = "auto");
+  }, b = (w) => {
+    w.button == 1 && (h({ x: w.clientX, y: w.clientY }), c(!0), document.body.style.cursor = "move");
+  }, k = R((w) => {
+    u && (v((S) => {
+      if (!i)
+        return S;
+      const D = w.clientX - i.x, E = w.clientY - i.y;
+      let B = S.x + D, j = S.y + E;
+      return { x: B, y: j };
+    }), h({ x: w.clientX, y: w.clientY }));
+  }, [u, i]);
+  return A(() => {
+    o && v({ ...o });
+  }, [o]), /* @__PURE__ */ e.jsx("div", { id: s, style: { height: a, width: l }, className: `big-container ${r}`, onMouseDown: b, onMouseUp: m, onMouseMove: k, children: /* @__PURE__ */ e.jsx("div", { className: "big-container-content", style: { left: f.x, top: f.y }, children: n }) });
+}, Vn = (n) => {
+  const [r, s] = C(!1), a = R(() => {
+    s(!0), setTimeout(() => {
+      n.onHide(), s(!1);
+    }, 200);
+  }, [n.onHide]);
+  return A(() => {
+    n.visible || a();
+  }, [n.visible, a]), !n.visible && !r || !n.children ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsxs("div", { className: `bottom-sheets ${r ? "hide" : ""}`, children: [
+      /* @__PURE__ */ e.jsx("div", { className: "bottom-sheets-handle", children: /* @__PURE__ */ e.jsx("span", {}) }),
+      /* @__PURE__ */ e.jsx("div", { className: "bottom-sheets-content", children: n.children })
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { className: "backplate bottom-sheets-backplate", style: { zIndex: 1101 }, onClick: a })
+  ] });
+}, Et = ({ name: n, checked: r, onChange: s, readOnly: a, checkIcon: l }) => /* @__PURE__ */ e.jsxs("label", { className: "checkbox-container", children: [
+  /* @__PURE__ */ e.jsx("input", { className: "checkbox", name: n, type: "checkbox", checked: r, onChange: s, readOnly: a }),
+  /* @__PURE__ */ e.jsx("span", { children: l || /* @__PURE__ */ e.jsx("span", { className: "checkbox-ckeck-icon", children: "✓" }) })
+] });
+/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const zn = (n) => n.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), tn = (...n) => n.filter((r, s, a) => !!r && a.indexOf(r) === s).join(" ");
+/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+var Kn = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const qn = nn(
+  ({
+    color: n = "currentColor",
+    size: r = 24,
+    strokeWidth: s = 2,
+    absoluteStrokeWidth: a,
+    className: l = "",
+    children: o,
+    iconNode: u,
+    ...c
+  }, i) => we(
+    "svg",
+    {
+      ref: i,
+      ...Kn,
+      width: r,
+      height: r,
+      stroke: n,
+      strokeWidth: a ? Number(s) * 24 / Number(r) : s,
+      className: tn("lucide", l),
+      ...c
+    },
+    [
+      ...u.map(([h, f]) => we(h, f)),
+      ...Array.isArray(o) ? o : [o]
+    ]
+  )
+);
+/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Y = (n, r) => {
+  const s = nn(
+    ({ className: a, ...l }, o) => we(qn, {
+      ref: o,
+      iconNode: r,
+      className: tn(`lucide-${zn(n)}`, a),
+      ...l
+    })
+  );
+  return s.displayName = `${n}`, s;
+};
+/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Xn = Y("AlignJustify", [
+  ["line", { x1: "3", x2: "21", y1: "6", y2: "6", key: "4m8b97" }],
+  ["line", { x1: "3", x2: "21", y1: "12", y2: "12", key: "10d38w" }],
+  ["line", { x1: "3", x2: "21", y1: "18", y2: "18", key: "kwyyxn" }]
+]);
+/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Un = Y("ArrowLeft", [
+  ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
+  ["path", { d: "M19 12H5", key: "x3x0zl" }]
+]);
+/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const fe = Y("Check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
+/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ze = Y("ChevronDown", [
+  ["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]
+]);
+/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Jn = Y("CircleX", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
+  ["path", { d: "m9 9 6 6", key: "z0biqf" }]
+]);
+/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Gn = Y("Clock3", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["polyline", { points: "12 6 12 12 16.5 12", key: "1aq6pp" }]
+]);
+/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Hn = Y("EllipsisVertical", [
+  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
+  ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
+  ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
+]);
+/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Zn = Y("Keyboard", [
+  ["path", { d: "M10 8h.01", key: "1r9ogq" }],
+  ["path", { d: "M12 12h.01", key: "1mp3jc" }],
+  ["path", { d: "M14 8h.01", key: "1primd" }],
+  ["path", { d: "M16 12h.01", key: "1l6xoz" }],
+  ["path", { d: "M18 8h.01", key: "emo2bl" }],
+  ["path", { d: "M6 8h.01", key: "x9i8wu" }],
+  ["path", { d: "M7 16h10", key: "wp8him" }],
+  ["path", { d: "M8 12h.01", key: "czm47f" }],
+  ["rect", { width: "20", height: "16", x: "2", y: "4", rx: "2", key: "18n3k1" }]
+]);
+/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Qn = Y("Pen", [
+  ["path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z", key: "5qss01" }]
+]);
+/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const et = Y("Search", [
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
+  ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
+]);
+/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const nt = Y("Trash2", [
+  ["path", { d: "M3 6h18", key: "d0wm0j" }],
+  ["path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6", key: "4alrt4" }],
+  ["path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2", key: "v07s0e" }],
+  ["line", { x1: "10", x2: "10", y1: "11", y2: "17", key: "1uufr5" }],
+  ["line", { x1: "14", x2: "14", y1: "11", y2: "17", key: "xtxkd" }]
+]);
+/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const me = Y("X", [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+]), tt = ({ text: n, onDelete: r, big: s, onClick: a }) => {
+  const l = (u) => !(u.target.className === "alex-evo-ui-kit-chips-btn" || u.target.closest(".alex-evo-ui-kit-chips-btn")), o = (u) => {
+    l(u) && a && a(u);
+  };
+  return /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-ui-kit-chips chips ${s ? "big-chips" : ""} ${a ? "hovered" : ""}`, onClick: o, children: [
+    /* @__PURE__ */ e.jsx("p", { children: n }),
+    r ? /* @__PURE__ */ e.jsx("div", { className: "alex-evo-ui-kit-chips-btn chips-btn", onClick: r, children: /* @__PURE__ */ e.jsx(me, { size: 18 }) }) : null
+  ] });
+}, rn = ({ styleContainer: n, type: r = "text", transparent: s, readOnly: a, password: l, border: o, onClear: u, icon: c, onChange: i, name: h, value: f, placeholder: v, className: m, validEmptyValue: b, onFocus: k, onBlur: w, error: S, max: D, min: E }) => {
+  const B = J(null), [j, _] = C(!1), W = R((Q, G) => _(!!(S || Q && (!G || G === ""))), []);
+  A(() => {
+    W(b, f);
+  }, [f, b, W]);
+  const z = () => {
+    B.current && B.current.focus();
+  };
+  return /* @__PURE__ */ e.jsxs("div", { style: n, className: `text-field ${o ? "border" : ""} ${s ? "transparent" : ""} ${m}`, children: [
+    c ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: z, children: c }) : null,
+    /* @__PURE__ */ e.jsxs("div", { className: "input-container", onClick: z, children: [
+      /* @__PURE__ */ e.jsx(
+        "input",
+        {
+          ref: B,
+          max: D,
+          min: E,
+          readOnly: a,
+          required: !0,
+          type: l ? "password" : r,
+          className: `${j ? "error" : ""}`,
+          name: h,
+          value: f,
+          onChange: i,
+          onFocus: k,
+          onBlur: w
+        }
+      ),
+      /* @__PURE__ */ e.jsx("label", { children: v ? /* @__PURE__ */ e.jsx("span", { children: v }) : null }),
+      /* @__PURE__ */ e.jsx("span", { className: "text-field-line" })
+    ] }),
+    u ? /* @__PURE__ */ e.jsx("div", { className: "clear-container", children: /* @__PURE__ */ e.jsx(Jn, { onClick: u }) }) : null
+  ] });
+}, Tt = ({ styleContainer: n, transparent: r, readOnly: s, border: a, icon: l, onChange: o, name: u, value: c, placeholder: i, className: h, validEmptyValue: f, onFocus: v, onBlur: m, error: b }) => {
+  const k = J(null), [w, S] = C(!1), D = R((B, j) => S(!!(b || B && (!j || j === ""))), []);
+  A(() => {
+    D(f, c);
+  }, [c, f, D]);
+  const E = () => {
+    k.current && k.current.focus();
+  };
+  return /* @__PURE__ */ e.jsxs("div", { style: n, className: `text-area ${w ? "error" : ""} ${a ? "border" : ""} ${r ? "transparent" : ""} ${h}`, children: [
+    l ? /* @__PURE__ */ e.jsx("div", { className: "icon-container", onClick: E, children: l }) : null,
+    /* @__PURE__ */ e.jsx("div", { className: "textarea-container", onClick: E, children: /* @__PURE__ */ e.jsx(
+      "textarea",
+      {
+        ref: k,
+        readOnly: s,
+        required: !0,
+        placeholder: i,
+        className: `${w ? "error" : ""}`,
+        name: u,
+        value: c,
+        onChange: o,
+        onFocus: v,
+        onBlur: m
+      }
+    ) })
+  ] });
+}, he = ({ style: n, short: r, text: s }) => s ? /* @__PURE__ */ e.jsxs("div", { style: n, className: `divider-and-text ${r ? "short" : ""}`, children: [
+  /* @__PURE__ */ e.jsx("div", { className: `divider ${r ? "short" : ""}` }),
+  s,
+  /* @__PURE__ */ e.jsx("div", { className: `divider ${r ? "short" : ""}` })
+] }) : /* @__PURE__ */ e.jsx("div", { style: n, className: `divider ${r ? "short" : ""}` }), rt = ({ name: n, checked: r }) => /* @__PURE__ */ e.jsxs("label", { className: "radio-button-container", children: [
+  /* @__PURE__ */ e.jsx("input", { className: "radio-button", name: n, type: "radio", checked: r, readOnly: !0 }),
+  /* @__PURE__ */ e.jsx("span", {})
+] }), Rt = ({ name: n, currentValue: r, value: s, onChange: a, readOnly: l, checked: o }) => /* @__PURE__ */ e.jsxs("label", { className: "radio-button-container", children: [
+  /* @__PURE__ */ e.jsx("input", { className: "radio-button", name: n, type: "radio", checked: r === s || o, value: s, onChange: a, readOnly: l }),
+  /* @__PURE__ */ e.jsx("span", {})
+] }), _t = ({ style: n, icon: r, className: s, onClick: a, onContextMenu: l, children: o }) => /* @__PURE__ */ e.jsxs("button", { style: n, className: `${s} extendedFAB`, onClick: a, onContextMenu: l, children: [
+  r,
+  o ? /* @__PURE__ */ e.jsx("span", { children: o }) : null
+] }), St = ({ children: n, header: r }) => /* @__PURE__ */ e.jsxs("div", { className: "field-container-ui", children: [
+  /* @__PURE__ */ e.jsx("h4", { children: r }),
+  /* @__PURE__ */ e.jsx("div", { className: "field-container-content", children: n })
+] }), st = (n) => n === "" ? [] : n.split(",").map((r) => r.trim()), Qe = (n) => n.join(", "), Ot = ({ minWidth: n, value: r, onChange: s, border: a }) => {
+  const [l, o] = C([]), [u, c] = C("");
+  A(() => {
+    console.log("p0"), o(st(r));
+  }, [r]), A(() => {
+    console.log(l);
+  }, [l]);
+  const i = (v) => {
+    c(v.target.value);
+  }, h = R(() => {
+    if (u === "" || l.includes(u))
+      return;
+    const v = [...l, u.trim()];
+    o(v), s && s(Qe(v)), c("");
+  }, [l, u]), f = (v) => {
+    const m = l.filter((b, k) => k !== v);
+    o(m), s && s(Qe(m));
+  };
+  return /* @__PURE__ */ e.jsxs("div", { className: "more-text", style: { minWidth: n }, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "add value", children: [
+      /* @__PURE__ */ e.jsx(rn, { onChange: i, value: u, border: a }),
+      /* @__PURE__ */ e.jsx(Ln, { children: /* @__PURE__ */ e.jsx(Yn, { onClick: h, children: "add" }) })
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { className: "chips-container", children: l.map((v, m) => /* @__PURE__ */ e.jsx(tt, { text: v, onDelete: () => f(m) }, m)) })
+  ] });
+}, Dt = ({ style: n, text: r, className: s, onClick: a, onContextMenu: l }) => {
+  const o = J(null), u = R(() => {
+    if (!o.current)
+      return;
+    let c = o.current.getElementsByTagName("p");
+    c[0] && o.current.clientWidth <= c[0].clientWidth ? (c[0].className = "runing", c[0].innerHTML = `| ${r} | ${r}`) : c[0].className = "";
+  }, [r]);
+  return A(() => {
+    u();
+  }, [u]), /* @__PURE__ */ e.jsx("div", { style: n, ref: o, onClick: a, onContextMenu: l, className: `runing-text ${s}`, children: /* @__PURE__ */ e.jsx("p", { children: r }) });
+}, Mt = ({ className: n, children: r, height: s }) => /* @__PURE__ */ e.jsx("div", { className: `scroll-container ${n}`, style: { height: s }, children: r }), Pt = ({ onMenu: n, onSearch: r, placeholder: s, autoChenge: a }) => {
+  const l = J(null), [o, u] = C(""), [c, i] = C(!1), h = () => {
+    l.current && (l.current.focus(), i(!0));
+  }, f = () => {
+    l.current && (l.current.focus(), l.current.value = ""), u(""), i(!0), a && r("");
+  }, v = () => {
+    f(), l.current && (l.current.blur(), i(!1));
+  }, m = (k) => {
+    u(k.target.value), a && r(k.target.value);
+  }, b = (k) => {
+    k.code === "Enter" && r(o);
+  };
+  return /* @__PURE__ */ e.jsx("div", { className: "search-container", children: /* @__PURE__ */ e.jsxs("div", { className: "search-field", children: [
+    c ? /* @__PURE__ */ e.jsx("span", { onClick: v, children: /* @__PURE__ */ e.jsx(Un, { size: 24 }) }) : n ? /* @__PURE__ */ e.jsx("span", { onClick: n, children: /* @__PURE__ */ e.jsx(Xn, { size: 24 }) }) : null,
+    /* @__PURE__ */ e.jsx("input", { placeholder: s, type: "text", ref: l, onChange: m, onKeyDown: b, value: o, onFocus: () => i(!0) }),
+    c ? /* @__PURE__ */ e.jsx("span", { onClick: f, children: /* @__PURE__ */ e.jsx(me, { size: 24 }) }) : /* @__PURE__ */ e.jsx("span", { onClick: h, children: /* @__PURE__ */ e.jsx(et, { size: 24 }) })
+  ] }) });
+}, $t = ({ visible: n, text: r, option: s }) => {
+  const a = () => {
+    s != null && s.onHide && s.onHide();
+  };
+  return n ? /* @__PURE__ */ e.jsxs("div", { className: `snackbar-container ${s == null ? void 0 : s.className}`, style: { backgroundColor: s == null ? void 0 : s.backgroundColor, color: s == null ? void 0 : s.color }, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "snackbar-content-container", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "snackbar-text", children: r }),
+      s != null && s.onClick ? /* @__PURE__ */ e.jsx("div", { className: "snackbar-button-container", children: /* @__PURE__ */ e.jsx(P, { className: "snackbar-btn", onClick: s.onClick, children: s.buttonText ?? "Action" }) }) : null
+    ] }),
+    s != null && s.closeButton ? /* @__PURE__ */ e.jsx("div", { className: "snackbar-close", children: /* @__PURE__ */ e.jsx("span", { onClick: a, children: /* @__PURE__ */ e.jsx(me, {}) }) }) : null
+  ] }) : null;
+}, At = ({ name: n, onChange: r, checked: s, className: a }) => /* @__PURE__ */ e.jsx("div", { className: `swich-container ${a}`, children: /* @__PURE__ */ e.jsx("input", { type: "checkbox", name: n, onChange: r, checked: s }) }), U = ({ className: n, children: r, header: s, action: a, onHide: l, style: o }) => {
+  function u() {
+    l && l();
+  }
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx("div", { onClick: u, style: { zIndex: "999" }, className: "backplate" }),
+    /* @__PURE__ */ e.jsxs("div", { style: o, className: `dialog-container ${n}`, children: [
+      s ? /* @__PURE__ */ e.jsx("div", { className: "dialog-header", children: /* @__PURE__ */ e.jsx("h2", { className: "text-3xl", children: s }) }) : null,
+      /* @__PURE__ */ e.jsx("div", { className: "dialog-content", children: r }),
+      a ? /* @__PURE__ */ e.jsx("div", { className: "dialog-action", children: a }) : null
+    ] })
+  ] });
+}, at = ({ onHide: n, onSave: r }) => /* @__PURE__ */ e.jsxs("div", { className: "dialog-button-container", children: [
+  /* @__PURE__ */ e.jsx(P, { onClick: n, children: "cancel" }),
+  r ? /* @__PURE__ */ e.jsx(P, { onClick: r, children: "save" }) : null
+] }), Ft = ({ style: n, className: r, header: s, children: a, onSave: l, onHide: o }) => {
+  const [u, c] = C(!1), i = R(() => {
+    window.innerWidth < 720 ? c(!0) : c(!1);
+  }, [window.innerWidth]);
+  A(() => {
+    i();
+  }, [i]), A(() => (window.addEventListener("resize", i), () => {
+    window.removeEventListener("resize", i);
+  }), [i]);
+  const h = () => {
+    o && o();
+  }, f = () => {
+    l && l();
+  };
+  return u ? /* @__PURE__ */ e.jsxs("div", { style: n, className: `full-screen-dialog-container ${r}`, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "full-screen-dialog-header", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "dialog-icon-container", children: /* @__PURE__ */ e.jsx(ae, { transparent: !0, onClick: h, icon: /* @__PURE__ */ e.jsx(me, {}) }) }),
+      /* @__PURE__ */ e.jsx("div", { className: "header", children: s }),
+      /* @__PURE__ */ e.jsx("div", { className: "save-container", children: l ? /* @__PURE__ */ e.jsx(P, { onClick: f, children: "save" }) : null })
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { className: "full-screen-dialog-content", style: { overflowY: "auto" }, children: a })
+  ] }) : /* @__PURE__ */ e.jsx(U, { style: n, header: s, className: `full-screen-dialog-base-format ${r}`, onHide: h, children: a, action: /* @__PURE__ */ e.jsx(at, { onHide: h, onSave: l ? f : void 0 }) });
+}, It = ({ styleContainer: n, text: r, header: s, actionText: a, onSuccess: l, onHide: o, onCancel: u }) => {
+  const c = R(() => {
+    l && l(), o && o();
+  }, []), i = R(() => {
+    u && u(), o && o();
+  }, []);
+  return /* @__PURE__ */ e.jsx(U, { style: n, header: s, action: /* @__PURE__ */ e.jsx(ct, { onHide: i, actionText: a, onSuccess: c }), children: /* @__PURE__ */ e.jsx("p", { children: r }) });
+};
+function ct({ actionText: n, onSuccess: r, onHide: s }) {
+  return /* @__PURE__ */ e.jsxs("div", { className: "dialog-button-container", children: [
+    /* @__PURE__ */ e.jsx(P, { onClick: s, children: "cancel" }),
+    /* @__PURE__ */ e.jsx(P, { onClick: r, children: n ?? "OK" })
+  ] });
+}
+function Yt({ onSuccess: n, items: r, header: s, onHide: a, noHide: l = !1, name: o = "dailog_name" }) {
+  const [u, c] = C(void 0), i = R(() => {
+    n && u && n(u), c(void 0), !l && a && a();
+  }, [u]), h = R((f) => {
+    c(f);
+  }, []);
+  return /* @__PURE__ */ e.jsxs(U, { header: s, action: /* @__PURE__ */ e.jsx(it, { onHide: a, onSuccess: i, disabled: u === void 0 }), children: [
+    /* @__PURE__ */ e.jsx(he, { style: { padding: "0px" } }),
+    /* @__PURE__ */ e.jsx(Bn, { className: "transparent", scroll: !0, maxHeight: "200px", children: r.map((f, v) => /* @__PURE__ */ e.jsx("label", { children: /* @__PURE__ */ e.jsx(Wn, { hovered: !0, header: f.title, onClick: () => h(f.data), control: /* @__PURE__ */ e.jsx(rt, { name: o, checked: f.data === u }) }) }, v)) }),
+    /* @__PURE__ */ e.jsx(he, { style: { padding: "0px" } })
+  ] });
+}
+function it({ onSuccess: n, onHide: r, disabled: s }) {
+  return /* @__PURE__ */ e.jsxs("div", { className: "dialog-button-container", children: [
+    /* @__PURE__ */ e.jsx(P, { onClick: r, children: "cancel" }),
+    /* @__PURE__ */ e.jsx(P, { onClick: n, disabled: s, children: "OK" })
+  ] });
+}
+const Bt = ({ styleContainer: n, text: r, header: s, onSuccess: a, onHide: l, placeholder: o, type: u = "text", min: c = 0, max: i = 100 }) => {
+  const [h, f] = C(""), v = R(() => {
+    a && a(h), l && l();
+  }, [h]), m = (b) => {
+    u === "number" && (Number(b) < c && (b = String(c)), Number(b) > i && (b = String(i))), f(b);
+  };
+  return /* @__PURE__ */ e.jsxs(U, { style: n, header: s, action: /* @__PURE__ */ e.jsx(lt, { onHide: l, onSuccess: v }), children: [
+    /* @__PURE__ */ e.jsx("p", { children: r }),
+    /* @__PURE__ */ e.jsx("div", { className: "dialog-input-container", children: /* @__PURE__ */ e.jsx(rn, { max: i, min: c, type: u, border: !0, placeholder: o, value: h, onChange: (b) => m(b.target.value) }) })
+  ] });
+};
+function lt({ onSuccess: n, onHide: r }) {
+  return /* @__PURE__ */ e.jsxs("div", { className: "dialog-button-container", children: [
+    /* @__PURE__ */ e.jsx(P, { onClick: r, children: "cancel" }),
+    /* @__PURE__ */ e.jsx(P, { onClick: n, children: "OK" })
+  ] });
+}
+const ot = 2050, en = 1900, V = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+], ut = () => Array(ot - en).fill(0).map((n, r) => en + r), Wt = ({ onChange: n, onHide: r }) => {
+  const [s] = C(V[(/* @__PURE__ */ new Date()).getMonth()]), [a] = C((/* @__PURE__ */ new Date()).getFullYear()), [l] = C((/* @__PURE__ */ new Date()).getDate()), [o, u] = C(V[(/* @__PURE__ */ new Date()).getMonth()]), [c, i] = C((/* @__PURE__ */ new Date()).getFullYear()), [h, f] = C({
+    day: (/* @__PURE__ */ new Date()).getDate(),
+    type: "NOW_MONTH"
+    /* NOW_MONTH */
+  }), [v, m] = C(
+    "DAYS"
+    /* DAYS */
+  ), b = (j, _) => new Date(j, _ + 1, 0).getDate(), k = (j, _, W) => new Date(j, _, W).getDay(), w = (j, _) => {
+    let W = Array(b(j, _)).fill(0).map((ie, K) => ({ type: "NOW_MONTH", day: K + 1 })), z = k(j, _, b(j, _)), Q = Array(7 - z).fill(0).map((ie, K) => ({ type: "NEXT_MONTH", day: K + 1 }));
+    return W = Array(k(j, _, 0)).fill(0).map((ie, K) => ({ type: "PREV_MONTH", day: b(_ ? j : j - 1, _ ? _ - 1 : 11) - K })).reverse().concat(W).concat(Q), W;
+  }, S = (j) => {
+    m(
+      "DAYS"
+      /* DAYS */
+    ), i(j);
+  }, D = (j) => {
+    m(
+      "DAYS"
+      /* DAYS */
+    ), u(j);
+  }, E = (j) => {
+    f(j);
+  }, B = R(() => {
+    let j = /* @__PURE__ */ new Date();
+    j.setFullYear(c), h.type === "NEXT_MONTH" ? o === V[11] ? (j.setMonth(0), j.setFullYear(c + 1)) : j.setMonth(V.indexOf(o) + 1) : h.type === "PREV_MONTH" ? o === V[0] ? (j.setMonth(11), j.setFullYear(c - 1)) : j.setMonth(V.indexOf(o) - 1) : j.setMonth(V.indexOf(o)), j.setDate(h.day), n && n(j.getFullYear(), j.getMonth(), j.getDate()), r && r();
+  }, [o, c, n, r, h]);
+  return /* @__PURE__ */ e.jsxs(U, { className: "calendar-body-container", style: { maxWidth: "328px" }, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-select-container", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "month", children: /* @__PURE__ */ e.jsxs("span", { className: v === "MONTHS" ? "active" : "", onClick: () => m(
+        "MONTHS"
+        /* MONTHS */
+      ), children: [
+        o,
+        " ",
+        /* @__PURE__ */ e.jsx(Ze, {})
+      ] }) }),
+      /* @__PURE__ */ e.jsx("div", { className: "years", children: /* @__PURE__ */ e.jsxs("span", { className: v === "YEARS" ? "active" : "", onClick: () => m(
+        "YEARS"
+        /* YEARS */
+      ), children: [
+        c,
+        " ",
+        /* @__PURE__ */ e.jsx(Ze, {})
+      ] }) })
+    ] }),
+    v === "MONTHS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-months-container", children: V.map((j, _) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-months-item", onClick: () => D(j), children: [
+      /* @__PURE__ */ e.jsx("div", { className: "status-container", children: o === j ? /* @__PURE__ */ e.jsx(fe, {}) : null }),
+      /* @__PURE__ */ e.jsx("div", { className: "content", children: j })
+    ] }, _)) }) : v === "YEARS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-years-container", children: ut().map((j, _) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-year-item", onClick: () => S(j), children: [
+      /* @__PURE__ */ e.jsx("div", { className: "status-container", children: c === j ? /* @__PURE__ */ e.jsx(fe, {}) : null }),
+      /* @__PURE__ */ e.jsx("div", { className: "content", children: j })
+    ] }, _)) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-dayofweek-container", children: [
+        /* @__PURE__ */ e.jsx("span", { children: "M" }),
+        /* @__PURE__ */ e.jsx("span", { children: "T" }),
+        /* @__PURE__ */ e.jsx("span", { children: "W" }),
+        /* @__PURE__ */ e.jsx("span", { children: "T" }),
+        /* @__PURE__ */ e.jsx("span", { children: "F" }),
+        /* @__PURE__ */ e.jsx("span", { children: "S" }),
+        /* @__PURE__ */ e.jsx("span", { children: "S" })
+      ] }),
+      /* @__PURE__ */ e.jsx("div", { className: "calendar-body-days-container", children: w(c, V.indexOf(o)).map((j, _) => /* @__PURE__ */ e.jsx("div", { className: `day ${j.type !== "NOW_MONTH" ? "other" : ""} ${l === j.day && c === a && o === s ? "now" : ""} ${j.day === h.day && j.type === h.type ? "select" : ""}`, onClick: () => E(j), children: j.day }, _)) })
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-action-container", children: [
+      /* @__PURE__ */ e.jsx(P, { className: "little m-0", onClick: r, children: "Cancel" }),
+      /* @__PURE__ */ e.jsx(P, { className: "little m-0", onClick: B, children: "OK" })
+    ] })
+  ] });
+}, dt = ({ setHours: n, setMinutes: r, switchMode: s, hours: a, minutes: l, onCancel: o, onOK: u }) => {
+  const [c, i] = C(!1), h = R((m) => {
+    n(m), i(!0);
+  }, [n]), f = R((m) => {
+    r(m), i(!1);
+  }, [r]), v = R(() => {
+    i(!1), o();
+  }, []);
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx("div", { className: "time-type", children: /* @__PURE__ */ e.jsx("p", { className: "text-sm", children: "Select time" }) }),
+    /* @__PURE__ */ e.jsxs("div", { className: "time-input-container", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "time-input hours", children: [
+        /* @__PURE__ */ e.jsx("div", { className: "input-container", children: /* @__PURE__ */ e.jsx("input", { disabled: !0, type: "number", min: 0, max: 23, value: a }) }),
+        /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: "Hour" })
+      ] }),
+      /* @__PURE__ */ e.jsx("div", { className: "time-separator", children: ":" }),
+      /* @__PURE__ */ e.jsxs("div", { className: "time-input minutes", children: [
+        /* @__PURE__ */ e.jsx("div", { className: "input-container", children: /* @__PURE__ */ e.jsx("input", { disabled: !0, type: "number", value: l, min: 0, max: 60 }) }),
+        /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: "Minute" })
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { className: "clock-input-container", children: c ? /* @__PURE__ */ e.jsx(ht, { setMinutes: f }) : /* @__PURE__ */ e.jsx(ft, { setHours: h }) }),
+    /* @__PURE__ */ e.jsxs("div", { className: "enter-time-action", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "enter-time-icon", onClick: () => s(), children: /* @__PURE__ */ e.jsx(Zn, {}) }),
+      /* @__PURE__ */ e.jsx(P, { className: "little", onClick: v, children: "Cancel" }),
+      /* @__PURE__ */ e.jsx(P, { className: "little", onClick: u, children: "OK" })
+    ] })
+  ] });
+};
+function ft({ setHours: n }) {
+  return /* @__PURE__ */ e.jsxs("div", { className: "clock-input", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "clock-input-am", children: [
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(1), children: "1" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(2), children: "2" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(3), children: "3" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(4), children: "4" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(5), children: "5" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(6), children: "6" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(7), children: "7" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(8), children: "8" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(9), children: "9" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(10), children: "10" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(11), children: "11" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(12), children: "12" })
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { className: "clock-input-pm", children: [
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(13), children: "13" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(14), children: "14" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(15), children: "15" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(16), children: "16" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(17), children: "17" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(18), children: "18" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(19), children: "19" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(20), children: "20" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(21), children: "21" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(22), children: "22" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(23), children: "23" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(0), children: "0" })
+    ] }),
+    /* @__PURE__ */ e.jsx("span", { className: "center" })
+  ] });
+}
+function ht({ setMinutes: n }) {
+  return /* @__PURE__ */ e.jsxs("div", { className: "clock-input", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "clock-input-minute", children: [
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(0), children: "00" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(5), children: "05" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(10), children: "10" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(15), children: "15" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(20), children: "20" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(25), children: "25" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(30), children: "30" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(35), children: "35" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(40), children: "40" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(45), children: "45" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(50), children: "50" }),
+      /* @__PURE__ */ e.jsx("span", { onClick: () => n(55), children: "55" })
+    ] }),
+    /* @__PURE__ */ e.jsx("span", { className: "center" })
+  ] });
+}
+const xt = ({ setHours: n, setMinutes: r, switchMode: s, minutes: a, hours: l, onCancel: o, onOK: u }) => {
+  const c = (h) => {
+    let f = Number(h.target.value);
+    f < 0 && (f = 0), f > 23 && (f = 23), n(f);
+  }, i = (h) => {
+    let f = Number(h.target.value);
+    f < 0 && (f = 0), f > 59 && (f = 59), r(f);
+  };
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx("div", { className: "time-type", children: /* @__PURE__ */ e.jsx("p", { className: "text-sm", children: "Enter time" }) }),
+    /* @__PURE__ */ e.jsxs("div", { className: "time-input-container", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "time-input hours", children: [
+        /* @__PURE__ */ e.jsx("div", { className: "input-container", children: /* @__PURE__ */ e.jsx("input", { type: "number", min: 0, max: 23, value: l, onChange: c }) }),
+        /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: "Hour" })
+      ] }),
+      /* @__PURE__ */ e.jsx("div", { className: "time-separator", children: ":" }),
+      /* @__PURE__ */ e.jsxs("div", { className: "time-input minutes", children: [
+        /* @__PURE__ */ e.jsx("div", { className: "input-container", children: /* @__PURE__ */ e.jsx("input", { type: "number", value: a, min: 0, max: 59, onChange: i }) }),
+        /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: "Minute" })
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { className: "enter-time-action", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "enter-time-icon", onClick: () => s(), children: /* @__PURE__ */ e.jsx(Gn, {}) }),
+      /* @__PURE__ */ e.jsx(P, { className: "little", onClick: o, children: "Cancel" }),
+      /* @__PURE__ */ e.jsx(P, { className: "little", onClick: u, children: "OK" })
+    ] })
+  ] });
+}, Lt = (n) => {
+  const [r, s] = C(n.minutes ?? 0), [a, l] = C(n.hours ?? 0), [o, u] = C(!0), c = () => {
+    n.onHide && n.onHide(), s(0), l(0);
+  }, i = R((f) => {
+    s(f), n.onChange && n.onChange(a, f), n.onHide && n.onHide();
+  }, [a]), h = R(() => {
+    n.onChange && n.onChange(a, r), n.onHide && n.onHide();
+  }, [a, r]);
+  return o ? /* @__PURE__ */ e.jsx(U, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx(dt, { setMinutes: i, setHours: l, minutes: r, hours: a, switchMode: () => u(!1), onCancel: c, onOK: h }) }) : /* @__PURE__ */ e.jsx(U, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx(xt, { setMinutes: s, setHours: l, minutes: r, hours: a, switchMode: () => u(!0), onCancel: c, onOK: h }) });
+}, Vt = ({ onChange: n, value: r, className: s }) => {
+  const [a, l] = C(r || []), o = R((c) => {
+    if (!c)
+      return;
+    let i = a.slice();
+    const h = i.indexOf(c.target.name);
+    h !== -1 && !c.target.checked ? i = i.filter((f, v) => v !== h) : h === -1 && c.target.checked && i.push(c.target.name), l(i), n && n(i);
+  }, [a]), u = R((c) => a.indexOf(c) !== -1, [a]);
+  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: `days-week-field-container ${s}`, children: [
+    /* @__PURE__ */ e.jsxs("label", { children: [
+      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: o, name: "Mon", checked: u("Mon") }),
+      /* @__PURE__ */ e.jsx("span", { children: "Mon" })
+    ] }),
+    /* @__PURE__ */ e.jsxs("label", { children: [
+      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: o, name: "Tue", checked: u("Tue") }),
+      /* @__PURE__ */ e.jsx("span", { children: "Tue" })
+    ] }),
+    /* @__PURE__ */ e.jsxs("label", { children: [
+      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: o, name: "Wed", checked: u("Wed") }),
+      /* @__PURE__ */ e.jsx("span", { children: "Wed" })
+    ] }),
+    /* @__PURE__ */ e.jsxs("label", { children: [
+      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: o, name: "Thu", checked: u("Thu") }),
+      /* @__PURE__ */ e.jsx("span", { children: "Thu" })
+    ] }),
+    /* @__PURE__ */ e.jsxs("label", { children: [
+      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: o, name: "Fri", checked: u("Fri") }),
+      /* @__PURE__ */ e.jsx("span", { children: "Fri" })
+    ] }),
+    /* @__PURE__ */ e.jsxs("label", { children: [
+      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: o, name: "Sat", checked: u("Sat") }),
+      /* @__PURE__ */ e.jsx("span", { children: "Sat" })
+    ] }),
+    /* @__PURE__ */ e.jsxs("label", { children: [
+      /* @__PURE__ */ e.jsx("input", { type: "checkbox", onChange: o, name: "Sun", checked: u("Sun") }),
+      /* @__PURE__ */ e.jsx("span", { children: "Sun" })
+    ] })
+  ] }) });
+}, zt = ({ children: n }) => /* @__PURE__ */ e.jsx("div", { className: "adaptiv-grid-item", children: /* @__PURE__ */ e.jsx("div", { className: "adaptiv-grid-item-container", children: n }) }), Kt = ({ minWith: n, children: r, className: s, gridRowGap: a = "10px", gridColumnGap: l = "5px", itemMinWith: o, itemMaxWith: u, itemWith: c = "400px" }) => {
+  const i = J(null), [h, f] = C([]), v = R(() => {
+    if (!i.current)
+      return;
+    i.current.style.display = "grid", i.current.style.gridRowGap = a, i.current.style.gridColumnGap = l;
+    let k = o ?? c, w = u ?? c;
+    i.current.style.gridTemplateColumns = "repeat(auto-fill, minmax(" + k + ", " + w + "))", i.current.style.gridAutoRows = "0", h.forEach((S) => {
+      S.style.gridAutoRows = "0", S.style.gridAutoColumns = "0";
+    });
+  }, [i.current]), m = R(() => {
+    if (!i.current)
+      return;
+    let k = parseInt(window.getComputedStyle(i.current).getPropertyValue("grid-row-gap")), w = parseInt(window.getComputedStyle(i.current).getPropertyValue("grid-auto-rows"));
+    h.forEach((S) => {
+      let D = 0, E = S.querySelector(".adaptiv-grid-item-container");
+      E && (D = Math.ceil((E.getBoundingClientRect().height + k) / (w + k))), S.style.gridRowEnd = "span " + D;
+    });
+  }, [h, i.current]), b = R(() => {
+    if (i.current) {
+      let k = i.current.querySelectorAll(".adaptiv-grid-item");
+      f(Array.prototype.slice.call(k, 0));
+    }
+  }, [i.current, r]);
+  return A(() => {
+    b();
+  }, [b]), A(() => {
+    v();
+  }, [v]), A(() => {
+    m();
+  }, [m, r]), A(() => (window.addEventListener("resize", m), () => {
+    window.addEventListener("resize", m);
+  }), [m]), /* @__PURE__ */ e.jsx("div", { style: { minWidth: n }, ref: i, className: `adaptiv-grid-layout ${s}`, children: r });
+}, mt = ({ item: n, isIcon: r, globalClick: s }) => {
+  const a = () => {
+    n.onClick && n.onClick(), s && s();
+  };
+  return /* @__PURE__ */ e.jsxs("div", { className: "menu-sub-item", onClick: a, children: [
+    r ? /* @__PURE__ */ e.jsx("div", { className: "menu-icon-container", children: n.icon }) : null,
+    /* @__PURE__ */ e.jsx("div", { className: "menu-text-container", children: n.title }),
+    /* @__PURE__ */ e.jsx("div", { className: "menu-status-container", children: n.activated ? /* @__PURE__ */ e.jsx(fe, {}) : null })
+  ] });
+}, jt = (n) => n ? {
+  height: Number(window.getComputedStyle(n).getPropertyValue("height").replace("px", "")),
+  width: Number(window.getComputedStyle(n).getPropertyValue("width").replace("px", "")),
+  left: Number(n.getBoundingClientRect().left),
+  top: Number(n.getBoundingClientRect().top)
+} : void 0, sn = (n, r, s, a) => {
+  let l = { x: n, y: r };
+  if (!s)
+    return l;
+  let o = Number(window.getComputedStyle(s).getPropertyValue("height").replace("px", "")), u = Number(window.getComputedStyle(s).getPropertyValue("width").replace("px", "")), c = r + o - document.documentElement.scrollHeight, i = n + u - document.documentElement.clientWidth;
+  return c > 0 && (l.y = l.y - c - ((a == null ? void 0 : a.marginBottom) ?? 0)), i > 0 && (l.x = l.x - i - ((a == null ? void 0 : a.marginRight) ?? 0)), l;
+}, vt = ({ items: n, onHide: r, smallDisplay: s, globalClick: a }) => {
+  const l = J(null), [o, u] = C({ left: "0px", top: "0px" });
+  function c(i) {
+    for (let h of i)
+      if (h.icon)
+        return !0;
+    return !1;
+  }
+  return A(() => {
+    if (!l.current)
+      return;
+    let i = jt(l.current.parentElement);
+    if (!i)
+      return;
+    let h = sn(i.left + i.width, i.top, l.current, { marginRight: i.width });
+    u({
+      left: h.x - i.left + "px",
+      top: h.y - i.top + "px"
+    });
+  }, []), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx("div", { ref: l, className: "menu-sub-block", style: { ...o }, children: n.map((i, h) => /* @__PURE__ */ e.jsx(mt, { item: i, isIcon: c(n), globalClick: a }, h)) }),
+    s ? null : /* @__PURE__ */ e.jsx("div", { style: { zIndex: 4 }, className: "backplate", onClick: r })
+  ] });
+}, pt = ({ onHide: n, autoHide: r, globalClick: s, item: a, isIcon: l, smallDisplay: o }) => {
+  const [u, c] = C(!1), i = R(() => {
+    a.subItems ? c((h) => !h) : a.onClick && a.onClick(), s && s(), r && n && n();
+  }, [a.onClick]);
+  return /* @__PURE__ */ e.jsxs("div", { className: "menu-item-conatiner", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "menu-item", onClick: i, children: [
+      l ? /* @__PURE__ */ e.jsx("div", { className: "menu-icon-container", children: a.icon }) : null,
+      /* @__PURE__ */ e.jsx("div", { className: "menu-text-container", children: a.title }),
+      /* @__PURE__ */ e.jsx("div", { className: "menu-status-container", children: a.subItems ? /* @__PURE__ */ e.jsx("span", { className: `menu-status-submenu ${u ? "active" : ""}` }) : a.activated ? /* @__PURE__ */ e.jsx(fe, {}) : /* @__PURE__ */ e.jsx("span", { className: "none-status" }) })
+    ] }),
+    u && a.subItems ? /* @__PURE__ */ e.jsx(vt, { items: a.subItems, onHide: () => c(!1), smallDisplay: o }) : null
+  ] });
+};
+function an({ block: n, smallDisplay: r, onHide: s, globalClick: a, autoHide: l }) {
+  function o(u) {
+    for (let c of u.items)
+      if (c.icon)
+        return !0;
+    return !1;
+  }
+  return /* @__PURE__ */ e.jsx("div", { className: "menu-block", children: n.items.map((u, c) => /* @__PURE__ */ e.jsx(pt, { globalClick: a, autoHide: l, onHide: s, item: u, isIcon: o(n), smallDisplay: r }, c)) });
+}
+const yt = 100, qt = (n) => {
+  const r = J(null), [s, a] = C({ left: "0px", top: "0px" }), l = () => {
+    n.onHide && n.onHide();
+  };
+  return A(() => {
+    let o = sn(n.x, n.y, r.current, { marginBottom: yt });
+    a({
+      left: o.x + "px",
+      top: o.y + "px"
+    });
+  }, [n.x, n.y]), n.visible ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx("div", { ref: r, className: "menu-container", style: { ...s, opacity: s.top !== "0px" ? "100%" : "0%", width: n.width, maxWidth: n.width ? "100%" : void 0 }, children: n.blocks.map((o, u) => /* @__PURE__ */ e.jsxs(xe.Fragment, { children: [
+      u !== 0 ? /* @__PURE__ */ e.jsx(he, {}) : null,
+      /* @__PURE__ */ e.jsx(an, { block: o, smallDisplay: !1, globalClick: n.onClick, autoHide: n.autoHide, onHide: l })
+    ] }, u)) }),
+    /* @__PURE__ */ e.jsx("div", { style: { zIndex: 1600 }, className: "backplate", onClick: l, onContextMenu: (o) => {
+      o.preventDefault();
+    } })
+  ] }) : null;
+}, Xt = (n) => {
+  const r = () => {
+  };
+  return /* @__PURE__ */ e.jsx(Vn, { onHide: n.onHide || r, visible: n.visible, children: /* @__PURE__ */ e.jsx("div", { className: "bottom-sheets-menu-container", children: n.blocks.map((s, a) => /* @__PURE__ */ e.jsxs(xe.Fragment, { children: [
+    a !== 0 ? /* @__PURE__ */ e.jsx(he, {}) : null,
+    /* @__PURE__ */ e.jsx(an, { block: s, smallDisplay: !0 })
+  ] }, a)) }) });
+};
+function gt(n) {
+  let r = [];
+  if (n.length > 0)
+    for (let s of n)
+      for (let a in s) {
+        let l = !1;
+        for (let o of r)
+          o.field === a && (l = !0);
+        l || r.push({
+          title: a,
+          field: a
+        });
+      }
+  return r;
+}
+const bt = ({ data: n, column: r, color: s, backgroundColor: a }) => {
+  function l(c, i) {
+    for (let h in i)
+      if (c === h)
+        return i[h];
+  }
+  function o(c) {
+    return typeof c == "number" || typeof c == "string" ? { content: c } : c;
+  }
+  function u(c) {
+    return c ? Array.isArray(c) ? c.map((i) => o(i)) : [o(c)] : [];
+  }
+  return /* @__PURE__ */ e.jsx("td", { style: { backgroundColor: a }, children: u(l(r.field, n)).map((c, i) => /* @__PURE__ */ e.jsx("p", { style: { color: c.color ?? s }, className: c.onClick ? "no-click" : "", onClick: c.onClick, children: typeof c.content == "string" || typeof c.content == "number" ? c.content : /* @__PURE__ */ e.jsx(c.content, {}) }, i)) });
+}, kt = ({ actions: n, item: r, columns: s, onContextMenu: a, onDelete: l, onEdit: o, onClickRow: u, index: c }) => {
+  const i = (f) => !f.target.closest(".no-click"), h = (f) => {
+    i(f) && u && u(r, c);
+  };
+  return /* @__PURE__ */ e.jsxs("tr", { className: "table-row", onClick: h, children: [
+    s.map((f, v) => /* @__PURE__ */ e.jsx(bt, { color: f.color, backgroundColor: f.backgroundColor, column: f, data: r }, v)),
+    n ? /* @__PURE__ */ e.jsx("td", { className: "w-[180px] no-click", children: /* @__PURE__ */ e.jsx("div", { className: "table-edit-button", children: n.map((f, v) => /* @__PURE__ */ e.jsx(ae, { transparent: !0, icon: f.icon, onClick: (m) => f.onClick(m, r, c) }, v)) }) }) : null,
+    a || l || o ? /* @__PURE__ */ e.jsx("td", { className: "w-[180px] table-edit-button no-click", children: /* @__PURE__ */ e.jsxs("div", { className: "table-edit-button", children: [
+      o ? /* @__PURE__ */ e.jsx(ae, { transparent: !0, icon: /* @__PURE__ */ e.jsx(Qn, {}), onClick: () => o(r, c) }) : null,
+      l ? /* @__PURE__ */ e.jsx(ae, { transparent: !0, icon: /* @__PURE__ */ e.jsx(nt, { className: "text-red-500" }), onClick: () => l(r, c) }) : null,
+      a ? /* @__PURE__ */ e.jsx(ae, { transparent: !0, icon: /* @__PURE__ */ e.jsx(Hn, {}), onClick: (f) => a(f, r, c) }) : null
+    ] }) }) : null
+  ] });
+}, Ut = ({ data: n, columns: r, onDelete: s, onContextMenu: a, onEdit: l, actions: o, onClickRow: u, adaptive: c }) => {
+  const [i] = C(r ?? gt(n));
+  return /* @__PURE__ */ e.jsx("div", { className: `table-container mt-3 ${u ? "clicked" : ""} ${c ? "auto-rotate" : ""}`, children: /* @__PURE__ */ e.jsxs("table", { children: [
+    /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsxs("tr", { children: [
+      i.map((h, f) => /* @__PURE__ */ e.jsx("th", { className: "min-width", children: h.title }, f)),
+      o ? /* @__PURE__ */ e.jsx("th", { className: "table-actions-header", children: "actions" }) : null,
+      s || a || l ? /* @__PURE__ */ e.jsx("th", { className: "table-actions-header" }) : null
+    ] }) }),
+    /* @__PURE__ */ e.jsx("tbody", { children: n.map((h, f) => /* @__PURE__ */ e.jsx(kt, { onClickRow: u, actions: o, index: f, columns: i, item: h, onDelete: s, onContextMenu: a, onEdit: l }, f)) })
+  ] }) });
+};
+export {
+  Ln as BaseActionCard,
+  ce as BaseButton,
+  It as BaseDialog,
+  rt as BaseRadioButton,
+  U as BasicTemplateDialog,
+  wt as BigContainer,
+  Vn as BottomSheetsUi,
+  Yn as Button,
+  Ct as Card,
+  Et as Checkbox,
+  tt as Chips,
+  Vt as DayOfWeekField,
+  he as Divider,
+  _t as FAB,
+  St as FieldContainer,
+  In as FilledButton,
+  Fn as FilledTotalButton,
+  Ft as FullScrinTemplateDialog,
+  Kt as GridLayout,
+  zt as GridLayoutItem,
+  ae as IconButton,
+  Bn as ListContainer,
+  Wn as ListItem,
+  qt as Menu,
+  Ot as MoreText,
+  An as OutlineButton,
+  Rt as RadioButton,
+  Dt as RunningLine,
+  Mt as ScrollContainer,
+  Pt as Search,
+  Yt as SelectionDialog,
+  Xt as SmallWindowMenu,
+  $t as Snackbar,
+  At as Switch,
+  Ut as Table,
+  Tt as TextArea,
+  P as TextButton,
+  Bt as TextDialog,
+  rn as TextField,
+  Lt as TimePicker,
+  jt as getContainerData,
+  sn as getModalWindowCord,
+  Wt as СalendarPickers
+};