react-luminus-components 1.3.33 → 1.3.34

package/dist/main.es.js

@@ -1,18 +1,18 @@
-import { j as r, c as g, t as Z, a as Se, m as Pr, b as Vr, d as zr, s as Yr, e as Gr, f as Ur, g as Kr, h as qr, i as Qr, k as Jr, l as Xr, T as cn, n as dn, o as St, E as Zr, p as un, q as dt, r as fn, u as es, v as A, w as ue, x as pn, F as st, y as ts, z as ns, A as rs, B as ss, C as os, D as as, G as ls, H as cs, I as ut, J as hn, K as mn, L as is, M as $e, N as ds, O as us, P as Ne, Q as fs, R as Ke, S as Y, U as ce, V as ps, W as hs, X as gn, Y as ft, Z as pt, _ as ms, $ as xn, a0 as gs, a1 as vn, a2 as ht, a3 as xs, a4 as vs, a5 as mt, a6 as jn, a7 as fe, a8 as js, a9 as ws, aa as ys, ab as _s, ac as bs, ad as wn, ae as Ns, af as Ce, ag as yn, ah as Et, ai as $s, aj as xe } from "./FromToDatePickerDropdownToggle-CGnDN_zs.js";
-import { ak as pi } from "./FromToDatePickerDropdownToggle-CGnDN_zs.js";
+import { j as r, c as g, t as Z, a as Se, m as Pr, b as Vr, d as zr, s as Yr, e as Gr, f as Ur, g as Kr, h as qr, i as Qr, k as Jr, l as Xr, T as cn, n as dn, o as St, E as Zr, p as un, q as dt, r as fn, u as es, v as A, w as ue, x as pn, F as st, y as ts, z as ns, A as rs, B as ss, C as os, D as as, G as ls, H as cs, I as ut, J as hn, K as mn, L as is, M as $e, N as ds, O as us, P as Ne, Q as fs, R as Ke, S as Y, U as ce, V as ps, W as hs, X as gn, Y as ft, Z as pt, _ as Ce, $ as fe, a0 as xn, a1 as ht, a2 as xe, a3 as vn, a4 as mt, a5 as ms, a6 as jn, a7 as gs, a8 as wn, a9 as xs, aa as vs, ab as yn, ac as js, ad as ws, ae as ys, af as _s, ag as bs, ah as Ns, ai as Et, aj as $s } from "./FromToDatePickerDropdownToggle-Dk7MFcJp.js";
+import { ak as pi } from "./FromToDatePickerDropdownToggle-Dk7MFcJp.js";
 import * as O from "react";
-import oe, { useCallback as D, useMemo as z, useEffect as T, useRef as V, useState as E, useReducer as _n, useContext as W, Component as ks, isValidElement as Cs, Suspense as Ds, createElement as Is } from "react";
-import { c as he, d as ze, C as Ss, a as bn, u as Es, q as Ot, F as Os, b as Nn, A as Ms, M as Fs, B as Ts, e as Rs, g as Bs, P as Mt, f as Te, L as Ft } from "./PrimaryButton-B6qFyVVD.js";
+import oe, { useCallback as D, useMemo as z, useEffect as T, useRef as V, useState as E, useReducer as _n, useContext as W, createElement as ks, Component as Cs, isValidElement as Ds, Suspense as Is } from "react";
+import { c as he, d as ze, C as Ss, a as bn, u as Es, q as Ot, F as Os, b as Nn, A as Ms, M as Fs, B as Ts, e as Rs, g as Bs, P as Mt, f as Te, L as Ft } from "./PrimaryButton-Bbl06m-g.js";
 import { InteractionType as Ls } from "@azure/msal-browser";
 import { MsalAuthenticationTemplate as As } from "@azure/msal-react";
 import "zod";
 import { Link as ke, Navigate as Re } from "react-router-dom";
 import { useFormContext as pe, Controller as $n } from "react-hook-form";
-import { s as Tt, g as Rt, d as Le, f as Ee, t as ge, a as Hs, b as Ws, p as Ps } from "./dateUtils-Bc53BdYm.js";
-import { S as Vs } from "./SimpleTooltip-B0I1MS-L.js";
-import { u as kn, a as Cn, b as Dn } from "./useFormControlType-BAFqxupC.js";
+import { s as Tt, g as Rt, d as Le, f as Ee, p as Hs, t as ge, a as Ws, b as Ps } from "./dateUtils-B9-rf1Eh.js";
+import { S as Vs } from "./SimpleTooltip-C32Faxrc.js";
+import { u as kn, a as Cn, b as Dn } from "./useFormControlType-oJGqgThz.js";
 import He from "react-dom";
-import { s as zs } from "./searchUtils-kismAHZM.js";
+import { s as zs } from "./searchUtils-BCxOKHVq.js";
 const Sc = ({ fileLoader: t, fileName: e, children: n }) => {
   const s = D(async () => {
     var i, c;
@@ -1746,7 +1746,7 @@ const Ec = ({ heading: t, content: e, placement: n, children: s, trigger: o, ...
   /* @__PURE__ */ r.jsx(Ke.Body, { children: e })
 ] }), trigger: o ?? "hover", rootClose: !0, show: a.controlled ? a.isOpen : void 0, onToggle: a.controlled ? (l) => a.setIsOpen(l) : void 0, children: s }), Vo = ({ children: t, onStorno: e, noSpacer: n }) => {
   const { texts: { formSubmit: s } } = W(ce);
-  return /* @__PURE__ */ r.jsxs(Kl, { noSpacer: n, children: [
+  return /* @__PURE__ */ r.jsxs(nc, { noSpacer: n, children: [
     /* @__PURE__ */ r.jsxs(Mt, { as: "button", color: "primary", size: "lg", type: "submit", children: [
       /* @__PURE__ */ r.jsx(ps, {}),
       t
@@ -1850,347 +1850,148 @@ const Ec = ({ heading: t, content: e, placement: n, children: s, trigger: o, ...
   ] });
 }, Xo = "_widget_etgh3_1", Zo = {
   widget: Xo
-}, ea = ({ show: t, widgets: e, handleClose: n, onWidgetPicked: s, texts: o }) => /* @__PURE__ */ r.jsxs(Te, { show: t, onHide: () => n(), children: [
-  /* @__PURE__ */ r.jsx(Te.Header, { closeButton: !0, children: /* @__PURE__ */ r.jsx(Te.Title, { children: o.pickWidgetToAdd }) }),
-  /* @__PURE__ */ r.jsx(Te.Body, { children: /* @__PURE__ */ r.jsx("div", { className: "list-group", children: e.filter((a) => a.id >= 0).map((a) => /* @__PURE__ */ r.jsx("div", { role: "button", className: "list-group-item bg-white", onClick: () => s(a.id), children: /* @__PURE__ */ r.jsx(Y, { variant: "body", children: a.name }) })) }) })
-] }), Qt = ({ availableWidgets: t, onAdd: e, texts: n }) => {
-  const [s, o] = E(!1);
-  return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx("div", { className: g("luminus-empty-widget", Zo.widget), children: /* @__PURE__ */ r.jsx(G, { onClick: () => o(!0), children: /* @__PURE__ */ r.jsx(ms, {}) }) }),
-    /* @__PURE__ */ r.jsx(ea, { show: s, widgets: t, handleClose: () => o(!1), onWidgetPicked: (a) => {
-      o(!1), e(a);
-    }, texts: n })
+}, Sr = ({ currentSelection: t, selectedItemNavigateTo: e, children: n }) => {
+  if (!t || !t.id || !e)
+    return /* @__PURE__ */ r.jsx("div", { className: "luminus-input-container position-relative w-100", children: n });
+  const s = e(t);
+  return /* @__PURE__ */ r.jsx(ke, { to: s, className: "luminus-input-container position-relative w-100 text-decoration-none", children: n });
+}, Fc = ({ InputContainer: t = Ce, label: e, value: n, onChange: s, hidden: o, disabled: a, className: l, type: i, withoutLabel: c }) => /* @__PURE__ */ r.jsx(t, { isForCheckInput: !0, hidden: o, label: e ?? "", withoutLabel: c, className: l, children: /* @__PURE__ */ r.jsx(ee.Check, { id: `check-${e}`, type: i ?? "checkbox", label: e ?? "", checked: n, onChange: (d) => {
+  var u;
+  s && s(((u = d.target) == null ? void 0 : u.checked) ?? !1);
+}, className: l ?? "", hidden: o ?? !1, disabled: a ?? !1 }) }), Qt = ({ InputContainer: t = Ce, type: e, value: n, onChange: s, debounceMs: o, label: a, withoutLabel: l, placeholder: i, size: c, hidden: d, disabled: u, showClearIcon: f, clearValue: p, list: h, className: v, step: y, noSelectOnFocus: x }) => {
+  const b = e === "number", k = D(() => {
+    if (!s)
+      return;
+    const w = p ?? null;
+    s(b ? w ? Number(w) : null : (w == null ? void 0 : w.toString()) ?? "");
+  }, [p, b, s]), m = V(null), [N, j] = E((n == null ? void 0 : n.toString()) ?? ""), $ = D((w) => {
+    const C = w;
+    s && (b && s(C == null || C === "" ? null : Number(C)), s(C || null));
+  }, [b, s]), _ = D((w) => {
+    var L;
+    const C = (L = w.target) == null ? void 0 : L.value;
+    if (!o) {
+      $(C);
+      return;
+    }
+    j(C), m.current !== null && window.clearTimeout(m.current), m.current = window.setTimeout(() => {
+      $(C);
+    }, o);
+  }, [o, $]);
+  T(() => {
+    j(n === null ? "" : n.toString());
+  }, [n]);
+  const [M, I] = E(!1), S = kn(e, n ? n.toString() ?? null : null, M);
+  return /* @__PURE__ */ r.jsxs(t, { withoutLabel: l, label: a ?? "", hidden: d, className: v, children: [
+    /* @__PURE__ */ r.jsx(ee.Control, { type: S, placeholder: i ?? a, size: c, value: o ? N : (n == null ? void 0 : n.toString()) ?? "", onChange: _, className: v ?? "", hidden: d, disabled: u ?? !1, list: h, onFocus: (w) => {
+      I(!0), !x && w.target.select();
+    }, onBlur: () => I(!1), step: y }),
+    f && n !== null && s && !u && /* @__PURE__ */ r.jsx("div", { className: `luminus-input-remove-icon ${e !== "text" ? "inset" : ""}`, children: /* @__PURE__ */ r.jsx(G, { color: "secondary", size: "sm", onClick: k, children: /* @__PURE__ */ r.jsx(fe, {}) }) })
   ] });
-}, ta = (t) => {
-  const [e, n] = E({ widgets: [] });
+}, Tc = ({
+  InputContainer: t = Ce,
+  value: e,
+  options: n,
+  onChange: s,
+  label: o,
+  withoutLabel: a,
+  isNumber: l,
+  size: i,
+  hidden: c,
+  disabled: d,
+  showClearIcon: u,
+  clearValue: f,
+  noSortOptions: p,
+  className: h,
+  noEmptyOption: v
+  // it will still add the empty option if there is no value provided or value is empty string or null
+}) => {
+  const y = D(() => {
+    if (!s)
+      return;
+    const x = f ?? null;
+    s(l ? x ? Number(x) : null : (x == null ? void 0 : x.toString()) ?? "");
+  }, [f, l, s]);
+  return /* @__PURE__ */ r.jsxs(t, { withoutLabel: a, label: o ?? "", hidden: c, className: h, children: [
+    /* @__PURE__ */ r.jsxs(ee.Select, { size: i, value: e ?? "", onChange: (x) => {
+      var k;
+      if (!s)
+        return;
+      const b = (k = x.target) == null ? void 0 : k.value;
+      l && s(b ? parseInt(b, 10) : null), s(b || null);
+    }, className: h ?? "", hidden: c, disabled: d ?? !1, children: [
+      v && !(e == null || e === "") ? void 0 : /* @__PURE__ */ r.jsx("option", { value: "" }),
+      n == null ? void 0 : n.sort((x, b) => p ? 0 : (x.name ?? "").localeCompare(b.name ?? "")).map((x) => /* @__PURE__ */ r.jsx("option", { value: x.id ?? "", children: x.name }, x.id))
+    ] }),
+    u && e && s && !d && /* @__PURE__ */ r.jsx("div", { className: "luminus-input-remove-icon inset", children: /* @__PURE__ */ r.jsx(G, { color: "secondary", size: "sm", onClick: y, children: /* @__PURE__ */ r.jsx(fe, {}) }) })
+  ] });
+}, Rc = ({ InputContainer: t = Ce, items: e, defaultSelection: n, selectedItemNavigateTo: s, onSearchQueryChange: o, texts: a, isLoading: l, isNumber: i, onSelect: c, label: d, withoutLabel: u, size: f, dropdownItemsNameWidth: p, additionalColumns: h, hidden: v, disabled: y, displayIdAsName: x, CustomOnChangeComponent: b, className: k }) => {
+  var C, L;
+  const [m, N] = E(n), [j, $] = E(!1);
   T(() => {
-    const o = localStorage.getItem("dashboardConfig");
-    o ? n(JSON.parse(o)) : t && n(t);
-  }, [t]);
-  const s = D((o) => {
-    n(o), localStorage.setItem("dashboardConfig", JSON.stringify(o));
-  }, []);
-  return { dashboardConfig: e, onChangeDashboardConfig: s };
-}, na = "_dashboard_16plm_1", ra = "_widgets-grid_16plm_1", sa = "_widget-wrapper_16plm_8", oa = "_full-width_16plm_13", aa = "_widget-edit_16plm_16", la = "_remove-icon_16plm_19", ca = "_full-width-icon_16plm_26", ia = "_widget-edit-overlay_16plm_36", de = {
-  dashboard: na,
-  "widgets-grid": "_widgets-grid_16plm_1",
-  widgetsGrid: ra,
-  "widget-wrapper": "_widget-wrapper_16plm_8",
-  widgetWrapper: sa,
-  "full-width": "_full-width_16plm_13",
-  fullWidth: oa,
-  "widget-edit": "_widget-edit_16plm_16",
-  widgetEdit: aa,
-  "remove-icon": "_remove-icon_16plm_19",
-  removeIcon: la,
-  "full-width-icon": "_full-width-icon_16plm_26",
-  fullWidthIcon: ca,
-  "widget-edit-overlay": "_widget-edit-overlay_16plm_36",
-  widgetEditOverlay: ia
-};
-class da extends ks {
-  constructor(e) {
-    super(e), this.state = { hasError: !1 }, this.reload = this.reload.bind(this);
-  }
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  static getDerivedStateFromError(e) {
-    return { hasError: !0 };
-  }
-  componentDidUpdate(e) {
-    this.state.hasError && e.keyForErrorState !== this.props.keyForErrorState && this.setState({ hasError: !1 });
-  }
-  componentDidCatch(e, n) {
-    console.error("Error:", e, n);
-  }
-  reload() {
-    this.setState({ hasError: !1 });
-  }
-  render() {
-    const { fallback: e, children: n, texts: s, reloadButtonDisplay: o = "append-after-child" } = this.props;
-    return this.state.hasError ? o === "inject-to-child" && Cs(e) ? oe.cloneElement(e, {
-      ...e.props
-    }, /* @__PURE__ */ r.jsxs("div", { className: "translate-middle top-50 start-50 position-absolute d-flex flex-column align-items-center gap-2", children: [
-      ...e.props.children,
-      /* @__PURE__ */ r.jsx(ct, { type: "button", onClick: this.reload, children: s.reloadButtonContent })
-    ] })) : /* @__PURE__ */ r.jsxs("div", { className: "translate-middle top-50 start-50 position-absolute d-flex flex-column align-items-center gap-2", children: [
-      e,
-      o === "none" ? null : /* @__PURE__ */ r.jsx(ct, { type: "button", onClick: this.reload, children: s.reloadButtonContent })
-    ] }) : n;
-  }
-}
-const ua = (t) => (n) => {
-  const { texts: { errorBoundary: s } } = W(ce);
-  return /* @__PURE__ */ r.jsx(t, { texts: s, ...n });
-}, fa = ua(da), pa = "_widget-card_e9tsb_1", ha = {
-  "widget-card": "_widget-card_e9tsb_1",
-  widgetCard: pa
-}, Jt = ({ children: t, title: e, headerContent: n }) => /* @__PURE__ */ r.jsx(ml, { className: g(ha.widgetCard, "luminus-widget"), title: e, headerContent: n, contentClassName: "h-100 overflow-auto", children: t }), ma = ({ children: t, title: e }) => {
-  const { texts: { widget: n } } = W(ce);
-  return /* @__PURE__ */ r.jsx(fa, { fallback: /* @__PURE__ */ r.jsx(Jt, { title: e, children: n.fallbackError }), reloadButtonDisplay: "inject-to-child", children: /* @__PURE__ */ r.jsx(Ds, { fallback: /* @__PURE__ */ r.jsx(Jt, { title: e, children: /* @__PURE__ */ r.jsx(Ys, {}) }), children: t }) });
-}, Fc = ({ availableWidgets: t, editMode: e, defaultDashboardConfig: n }) => {
-  var u;
-  const { texts: { homeDashboard: s } } = W(ce), { dashboardConfig: o, onChangeDashboardConfig: a } = ta(n), l = D((f, p) => {
-    var h, v;
-    f === ((h = o.widgets) == null ? void 0 : h.length) ? a({
-      ...o,
-      widgets: [...o.widgets, { widgetId: p, fullWidth: !1 }]
-    }) : a({
-      ...o,
-      widgets: ((v = o.widgets) == null ? void 0 : v.map((y, x) => x === f ? { widgetId: p, fullWidth: !1 } : y)) ?? []
-    });
-  }, [o, a]), i = D((f) => {
-    var p, h;
-    ((p = o.widgets[f]) == null ? void 0 : p.widgetId) === -1 ? a({
-      ...o,
-      widgets: ((h = o.widgets) == null ? void 0 : h.filter((v, y) => y !== f)) ?? []
-    }) : l(f, -1);
-  }, [o, a, l]), c = D((f) => {
-    var p;
-    a({
-      ...o,
-      widgets: ((p = o.widgets) == null ? void 0 : p.map((h, v) => v === f ? { ...h, fullWidth: !h.fullWidth } : h)) ?? []
-    });
-  }, [o, a]), d = D((f, p, h) => f ? /* @__PURE__ */ r.jsxs("div", { className: g(de.widgetWrapper, {
-    [de.widgetEdit]: e && f.id !== -1
-  }, { [de.fullWidth]: h }), children: [
-    e && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-      /* @__PURE__ */ r.jsx(G, { color: "danger", onClick: () => i(p), className: g(de.removeIcon), children: /* @__PURE__ */ r.jsx(xn, {}) }),
-      /* @__PURE__ */ r.jsx(G, { color: h ? "danger" : "primary", onClick: () => c(p), className: g(de.fullWidthIcon), children: /* @__PURE__ */ r.jsx(gs, {}) })
+    N(n);
+  }, [n]);
+  const _ = D((H) => {
+    N(H);
+  }, []), M = D((H) => {
+    $(!1), _(H);
+  }, [_]);
+  T(() => {
+    c && c(m);
+  }, [m, c]);
+  const I = V(null), S = s !== void 0, w = S && m !== null;
+  return /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsxs(t, { withoutLabel: u, label: d ?? "", hidden: v, inputContainerClassName: g({ "luminus-dropdown-select-open": j }), className: k, children: [
+    /* @__PURE__ */ r.jsxs(Sr, { currentSelection: m, selectedItemNavigateTo: s, children: [
+      x && (m == null ? void 0 : m.name) && /* @__PURE__ */ r.jsx(Y, { variant: "caption", className: "d-flex justify-content-end mt-2 luminus-dropdown-selection-name", children: m.name }),
+      /* @__PURE__ */ r.jsxs(ee.Select, { ref: I, size: f, value: (m == null ? void 0 : m.id) ?? "", onChange: (H) => N({
+        id: i ? Number(H.target.value) ?? null : H.target.value,
+        name: ""
+      }), onMouseDown: (H) => {
+        H.currentTarget.focus(), H.preventDefault();
+      }, onClick: () => {
+        !S && !y && $(!0);
+      }, className: g("w-100", {
+        "luminus-dropdown-picker-disabled": y,
+        "luminus-dropdown-picker-link": w
+      }), hidden: v, children: [
+        /* @__PURE__ */ r.jsx("option", { value: "" }),
+        n && /* @__PURE__ */ r.jsx("option", { value: n.id ?? void 0, children: n.name && ((C = n.name) == null ? void 0 : C.length) > 0 ? n.name : n.id }),
+        m && /* @__PURE__ */ r.jsx("option", { value: m.id ?? void 0, children: m.name && ((L = m.name) == null ? void 0 : L.length) > 0 ? m.name : m.id })
+      ] }),
+      b || !y && S ? /* @__PURE__ */ r.jsxs("div", { className: "custom-picker-button", children: [
+        !b && !y && S && /* @__PURE__ */ r.jsx(G, { size: "sm", color: "secondary", onClick: (H) => {
+          H.preventDefault(), H.stopPropagation(), $(!0);
+        }, children: /* @__PURE__ */ r.jsx(xn, {}) }),
+        b ?? null
+      ] }) : null
     ] }),
-    f.id === -1 ? e && /* @__PURE__ */ r.jsx("div", { className: de.widgetWrapper, children: /* @__PURE__ */ r.jsx(Qt, { availableWidgets: t, onAdd: (v) => l(p, v), texts: s }) }) : /* @__PURE__ */ r.jsx(ma, { title: f.title, children: /* @__PURE__ */ r.jsx(f.WidgetElement, { title: f.title }) }),
-    f.id > -1 && e && /* @__PURE__ */ r.jsx("div", { className: de.widgetEditOverlay })
-  ] }, p) : /* @__PURE__ */ r.jsx(r.Fragment, {}), [
-    e,
-    l,
-    i,
-    c,
-    t,
-    s
-  ]);
-  return /* @__PURE__ */ r.jsx("div", { className: de.dashboard, children: /* @__PURE__ */ r.jsxs("div", { className: de.widgetsGrid, children: [
-    (u = o.widgets) == null ? void 0 : u.map((f, p) => d(t.find((h) => h.id === f.widgetId), p, f.fullWidth)),
-    e && /* @__PURE__ */ r.jsx(Qt, { availableWidgets: t, onAdd: (f) => {
-      var p;
-      return l((p = o.widgets) == null ? void 0 : p.length, f);
-    }, texts: s })
+    I.current && /* @__PURE__ */ r.jsx(kt, { show: j, onCancel: () => $(!1), items: e, currentSelection: m, onSelectionChange: M, onSearchQueryChange: o, texts: a, itemsNameWidth: p, additionalColumns: h, isLoading: l, disabled: y, inputRef: I })
   ] }) });
-}, ga = "_badge_nhser_1", xa = "_sm_nhser_1", va = "_md_nhser_4", ja = "_lg_nhser_7", Xt = {
-  badge: ga,
-  sm: xa,
-  md: va,
-  lg: ja
-}, Tc = ({ children: t, color: e = "primary", size: n = "md", className: s }) => /* @__PURE__ */ r.jsx("span", { className: g(`luminus-badge badge bg-${e} ${s ?? ""}`, Xt.badge, Xt[n]), children: t }), wa = "_collapse-icon_1ahhn_1", ya = "_collapsed_1ahhn_6", Zt = {
-  "collapse-icon": "_collapse-icon_1ahhn_1",
-  collapseIcon: wa,
-  collapsed: ya
-}, Rc = ({ title: t, children: e, className: n, ...s }) => {
-  const o = s.controlled ? !1 : s.defaultOpen ?? !1, [a, l] = E(o), i = s.controlled ? s.isOpen : a;
+}, Bc = ({ InputContainer: t = Ce, value: e, onChange: n, label: s, size: o, showClearIcon: a, clearValue: l, hidden: i, disabled: c, rows: d, withoutLabel: u, debounceMs: f, className: p }) => {
+  const h = D(() => {
+    if (!n)
+      return;
+    const m = l ?? null;
+    n((m == null ? void 0 : m.toString()) ?? "");
+  }, [l, n]), v = V(null), [y, x] = E((e == null ? void 0 : e.toString()) ?? ""), b = D((m) => {
+    const N = m;
+    n && n(N || null);
+  }, [n]), k = D((m) => {
+    var j;
+    const N = (j = m.target) == null ? void 0 : j.value;
+    if (!f) {
+      b(N);
+      return;
+    }
+    x(N), v.current !== null && window.clearTimeout(v.current), v.current = window.setTimeout(() => {
+      b(N);
+    }, f);
+  }, [f, b]);
   return T(() => {
-    l(o);
-  }, [o]), /* @__PURE__ */ r.jsxs("div", { className: n ?? "", children: [
-    /* @__PURE__ */ r.jsxs("div", { role: "button", className: "d-flex align-items-center justify-content-between pb-3 pt-2", onClick: () => s.controlled ? s.onToggle(!s.isOpen) : l(!a), children: [
-      /* @__PURE__ */ r.jsx(Y, { variant: "h6", children: t }),
-      /* @__PURE__ */ r.jsx(vn, { className: g(Zt.collapseIcon, {
-        [Zt.collapsed]: i
-      }) })
-    ] }),
-    /* @__PURE__ */ r.jsx(En, { in: i, children: /* @__PURE__ */ r.jsx("div", { children: e }) }),
-    /* @__PURE__ */ r.jsx("hr", { className: `my-0 ${i ? "mt-3" : ""}` })
-  ] });
-}, _a = "_feedback_esh1j_1", ba = "_feedback-spacer_esh1j_8", en = {
-  feedback: _a,
-  "feedback-spacer": "_feedback-spacer_esh1j_8",
-  feedbackSpacer: ba
-}, ve = ({ message: t }) => /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-  /* @__PURE__ */ r.jsx("div", { className: g("invalid-feedback luminus-invalid-feedback", en.feedback), children: t }),
-  /* @__PURE__ */ r.jsx("div", { className: g("invalid-feedback-spacer", en.feedbackSpacer), children: t })
-] });
-function Na(t, e, n) {
-  var s = this, o = V(null), a = V(0), l = V(null), i = V([]), c = V(), d = V(), u = V(t), f = V(!0);
-  u.current = t;
-  var p = typeof window < "u", h = !e && e !== 0 && p;
-  if (typeof t != "function") throw new TypeError("Expected a function");
-  e = +e || 0;
-  var v = !!(n = n || {}).leading, y = !("trailing" in n) || !!n.trailing, x = "maxWait" in n, b = "debounceOnServer" in n && !!n.debounceOnServer, k = x ? Math.max(+n.maxWait || 0, e) : null;
-  T(function() {
-    return f.current = !0, function() {
-      f.current = !1;
-    };
-  }, []);
-  var m = z(function() {
-    var N = function(S) {
-      var w = i.current, C = c.current;
-      return i.current = c.current = null, a.current = S, d.current = u.current.apply(C, w);
-    }, j = function(S, w) {
-      h && cancelAnimationFrame(l.current), l.current = h ? requestAnimationFrame(S) : setTimeout(S, w);
-    }, $ = function(S) {
-      if (!f.current) return !1;
-      var w = S - o.current;
-      return !o.current || w >= e || w < 0 || x && S - a.current >= k;
-    }, _ = function(S) {
-      return l.current = null, y && i.current ? N(S) : (i.current = c.current = null, d.current);
-    }, M = function S() {
-      var w = Date.now();
-      if ($(w)) return _(w);
-      if (f.current) {
-        var C = e - (w - o.current), L = x ? Math.min(C, k - (w - a.current)) : C;
-        j(S, L);
-      }
-    }, I = function() {
-      if (p || b) {
-        var S = Date.now(), w = $(S);
-        if (i.current = [].slice.call(arguments), c.current = s, o.current = S, w) {
-          if (!l.current && f.current) return a.current = o.current, j(M, e), v ? N(o.current) : d.current;
-          if (x) return j(M, e), N(o.current);
-        }
-        return l.current || j(M, e), d.current;
-      }
-    };
-    return I.cancel = function() {
-      l.current && (h ? cancelAnimationFrame(l.current) : clearTimeout(l.current)), a.current = 0, i.current = o.current = c.current = l.current = null;
-    }, I.isPending = function() {
-      return !!l.current;
-    }, I.flush = function() {
-      return l.current ? _(Date.now()) : d.current;
-    }, I;
-  }, [v, x, e, k, y, h, p, b]);
-  return m;
-}
-function $a(t, e) {
-  return t === e;
-}
-function ka(t, e) {
-  return e;
-}
-function Sr(t, e, n) {
-  var s = $a, o = _n(ka, t), a = o[0], l = o[1], i = Na(D(function(d) {
-    return l(d);
-  }, [l]), e, n), c = V(t);
-  return s(c.current, t) || (i(t), c.current = t), s(a, t) && i.cancel(), [a, i];
-}
-const Ca = "_wrapper_uccrb_1", Da = "_open_uccrb_9", Ia = "_dropdown_uccrb_13", Sa = "_search-input-container_uccrb_19", Ea = "_search-input_uccrb_19", Oa = "_loading-container_uccrb_25", Ma = "_items-container_uccrb_32", Fa = "_header-row_uccrb_38", Ta = "_item_uccrb_32", Ra = "_name_uccrb_57", Ba = "_column-item_uccrb_62", La = "_icon_uccrb_66", Aa = "_clear-button_uccrb_74", se = {
-  wrapper: Ca,
-  open: Da,
-  dropdown: Ia,
-  "search-input-container": "_search-input-container_uccrb_19",
-  searchInputContainer: Sa,
-  "search-input": "_search-input_uccrb_19",
-  searchInput: Ea,
-  "loading-container": "_loading-container_uccrb_25",
-  loadingContainer: Oa,
-  "items-container": "_items-container_uccrb_32",
-  itemsContainer: Ma,
-  "header-row": "_header-row_uccrb_38",
-  headerRow: Fa,
-  item: Ta,
-  name: Ra,
-  "column-item": "_column-item_uccrb_62",
-  columnItem: Ba,
-  icon: La,
-  "clear-button": "_clear-button_uccrb_74",
-  clearButton: Aa
-}, kt = ({ show: t, onCancel: e, items: n, currentSelection: s, onSelectionChange: o, onSearchQueryChange: a, texts: l, itemsNameWidth: i, additionalColumns: c, displayIdAsName: d = !1, autoHideSearch: u = !1, allItemsLength: f, disabled: p, isLoading: h = !1, inputRef: v }) => {
-  var P;
-  const y = V(null), x = V(null), b = V(null), k = V(null), [m, N] = E(""), [j] = Sr(m, 500), [, $] = E(!1), _ = (P = v.current) == null ? void 0 : P.getBoundingClientRect(), M = (_ == null ? void 0 : _.x) ?? 0, I = ((_ == null ? void 0 : _.x) ?? 0) + ((_ == null ? void 0 : _.width) ?? 0), S = (_ == null ? void 0 : _.y) ?? 0, w = ((_ == null ? void 0 : _.y) ?? 0) + ((_ == null ? void 0 : _.height) ?? 0), C = (_ == null ? void 0 : _.width) ?? 0, L = (_ == null ? void 0 : _.height) ?? 0, H = 5, Q = z(() => M ? M > window.innerWidth / 2 : !1, [M]), K = z(() => S ? S > window.innerHeight / 2 : !1, [S]);
-  T(() => {
-    var B;
-    t && ((B = b.current) == null || B.focus());
-  }, [b, t]), T(() => {
-    t || N("");
-  }, [t]), T(() => {
-    a(j);
-  }, [j, a]);
-  const [R, U] = E(null);
-  T(() => {
-    t && n.length > 0 ? U(0) : U(null);
-  }, [n, t]);
-  const te = z(() => R !== null ? n.at(R) ?? null : null, [R, n]), q = D((B, X) => {
-    var Ct, Dt;
-    const le = document.getElementById(`item-${B}`);
-    if (le) {
-      const It = le.clientHeight ?? 0;
-      X === "down" ? (Ct = k.current) == null || Ct.scrollBy({
-        left: 0,
-        top: It,
-        behavior: "smooth"
-      }) : (Dt = k.current) == null || Dt.scrollBy({
-        left: 0,
-        top: -It,
-        behavior: "smooth"
-      });
-    }
-  }, []), F = D((B) => {
-    if (R === null || p)
-      return;
-    const X = R + B;
-    X < 0 || X >= n.length || U((le) => (le !== null && q(le, B > 0 ? "down" : "up"), X));
-  }, [R, n, p, q]), J = D((B) => {
-    if (t)
-      switch (B.key) {
-        case "Escape":
-          B.stopPropagation(), B.preventDefault(), e();
-          break;
-        case "Enter":
-          B.stopPropagation(), B.preventDefault(), p || o(te);
-          break;
-        case "ArrowUp":
-          B.stopPropagation(), B.preventDefault(), F(-1);
-          break;
-        case "ArrowDown":
-          B.stopPropagation(), B.preventDefault(), F(1);
-          break;
-      }
-  }, [e, t, F, te, p, o]), re = D(() => {
-    $((B) => !B);
-  }, []);
-  T(() => (window.addEventListener("scroll", re), () => {
-    window.removeEventListener("scroll", re);
-  }), [re]), T(() => (window.addEventListener("resize", re), () => {
-    window.removeEventListener("resize", re);
-  }), [re]), kn(J), Cn([y, x], e);
-  const je = i ?? (c && c.length > 0 ? 250 : 0), ne = (c == null ? void 0 : c.reduce((B, X) => B + (X.width ?? 100), 0)) ?? 0, ie = `calc(max(${C}px, ${je}px + ${ne}px))`;
-  return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(Ar, { show: t, onClick: e }),
-    s && t && !p && /* @__PURE__ */ r.jsx("button", { ref: x, type: "button", className: g("luminus-dropdown-picker-clear-button", se.clearButton), onClick: () => !p && o(null), style: {
-      top: `calc(${S}px + ${L / 2}px - 12px)`,
-      left: `calc(${M}px - 24px - 8px)`
-    }, children: /* @__PURE__ */ r.jsx(Y, { variant: "caption", className: "text-danger", children: /* @__PURE__ */ r.jsx(xn, { size: 16 }) }) }),
-    /* @__PURE__ */ r.jsx("div", { className: g("luminus-dropdown-picker", se.wrapper, {
-      [se.open]: t
-    }), style: {
-      top: K ? `calc(${S}px - 50vh - 8px)` : `calc(${w}px + 8px)`,
-      left: Q ? `calc(${I}px - ${ie})` : M,
-      right: Q ? `${I}px` : `calc(${M}px + ${ie})`,
-      width: ie,
-      justifyContent: K ? "flex-end" : "flex-start"
-    }, children: /* @__PURE__ */ r.jsx("div", { ref: y, className: g("shadow rounded", se.dropdown), children: !p && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-      u && (f ?? n.length) <= H ? null : /* @__PURE__ */ r.jsx("div", { className: g("search-input-container border-bottom", se.searchInputContainer), children: /* @__PURE__ */ r.jsx(ee.Control, { ref: b, type: "search", size: "sm", className: se.searchInput, placeholder: l.searchPlaceholder, value: m, onChange: (B) => {
-        var X;
-        return N(((X = B.target) == null ? void 0 : X.value) ?? "");
-      } }) }),
-      h ? /* @__PURE__ */ r.jsx("div", { className: se.loadingContainer, children: /* @__PURE__ */ r.jsx($t, { animation: "border", variant: "primary" }) }) : n.length > 0 && /* @__PURE__ */ r.jsxs("div", { ref: k, className: g("items", se.itemsContainer), children: [
-        c && c.length > 0 && /* @__PURE__ */ r.jsxs("div", { className: g("header-row border-bottom", se.headerRow), children: [
-          /* @__PURE__ */ r.jsx("div", { className: se.name }),
-          c == null ? void 0 : c.map((B) => /* @__PURE__ */ r.jsx("div", { className: se.columnItem, style: {
-            width: `${B.width ?? 100}px`,
-            minWidth: `${B.width ?? 100}px`,
-            maxWidth: `${B.width ?? 100}px`
-          }, children: /* @__PURE__ */ r.jsx(Y, { variant: "caption", children: B.name }) }, B.key))
-        ] }),
-        n == null ? void 0 : n.map((B, X) => /* @__PURE__ */ r.jsxs("button", { id: `item-${X}`, type: "button", className: g("item cursor-pointer", se.item, {
-          [se.focused]: R === X
-        }, {
-          focused: R === X
-        }), onClick: () => !p && o(B), onMouseEnter: () => U(X), children: [
-          /* @__PURE__ */ r.jsx("div", { className: se.name, children: /* @__PURE__ */ r.jsx(Y, { variant: "body2", children: d ? B.id : B.name }) }),
-          c == null ? void 0 : c.map((le) => /* @__PURE__ */ r.jsx("div", { className: se.columnItem, style: {
-            width: `${le.width ?? 100}px`,
-            minWidth: `${le.width ?? 100}px`,
-            maxWidth: `${le.width ?? 100}px`
-          }, children: /* @__PURE__ */ r.jsx(Y, { variant: "caption", className: g("text-muted"), children: B.additionalColumns && B.additionalColumns[le.key] }) }, le.key))
-        ] }, B.id))
-      ] })
-    ] }) }) })
+    x(e === null ? "" : e.toString());
+  }, [e]), /* @__PURE__ */ r.jsxs(t, { label: s ?? "", hidden: i, withoutLabel: u, className: p, isForTextAreaInput: !0, children: [
+    /* @__PURE__ */ r.jsx(ee.Control, { as: "textarea", size: o, value: f ? y : e ?? "", onChange: k, hidden: i, disabled: c, rows: d ?? 2, className: "w-100" }),
+    a && e && n && !c && /* @__PURE__ */ r.jsx("div", { className: "luminus-input-remove-icon", children: /* @__PURE__ */ r.jsx(G, { color: "secondary", size: "sm", onClick: h, children: /* @__PURE__ */ r.jsx(fe, {}) }) })
   ] });
 };
 function Er(t) {
@@ -2199,758 +2000,42 @@ function Er(t) {
 function Or(t) {
   return ht({ tag: "svg", attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z" }, child: [] }] })(t);
 }
-function Ha(t) {
+function ea(t) {
   return ht({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z" }, child: [] }] })(t);
 }
-const Wa = "_item_1dy8x_1", Mr = {
-  item: Wa
-}, Fr = ({
-  color: t = "primary",
-  // icon = <MdOutlineArrowOutward />,
-  icon: e,
-  className: n,
-  children: s,
-  ...o
-}) => /* @__PURE__ */ r.jsxs(Oe.Item, { className: g(`btn luminus-dropdown-item text-nowrap rounded text-${t} ${n ?? ""}`, Mr.item), ...o, children: [
-  e,
-  s
-] }), Tr = (t) => /* @__PURE__ */ r.jsx(Oe.Toggle, { ...t }), Bc = ({ color: t = "primary", icon: e = /* @__PURE__ */ r.jsx(gn, { size: 12 }), inputId: n = "context-file-input", accept: s = "*", onUpload: o, multiple: a, className: l, children: i, ...c }) => {
-  const d = (u) => {
-    u.target.files && (o(u.target.files), u.target.value = "");
-  };
-  return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsxs("label", { htmlFor: n, className: g(`btn luminus-dropdown-item text-nowrap rounded text-${t} ${l ?? ""}`, Mr.item), ...c, children: [
-      e,
-      i
-    ] }),
-    /* @__PURE__ */ r.jsx("input", { id: n, type: "file", accept: s, onChange: d, hidden: !0, multiple: a })
-  ] });
-}, Pa = "_divider_1e6rk_1", Va = {
-  divider: Pa
-}, Lc = ({ className: t }) => /* @__PURE__ */ r.jsx(Oe.Divider, { className: g("luminus-dropdown-divider", t, Va.divider) }), za = "_dropdown_1lk66_1", Ya = {
-  dropdown: za
-}, Rr = ({ toggle: t, children: e, ...n }) => /* @__PURE__ */ r.jsxs(Oe, { ...n, children: [
-  t,
-  /* @__PURE__ */ r.jsx(Oe.Menu, { className: g("luminus-dropdown rounded shadow", Ya.dropdown), children: e })
-] }), Ga = ({ searchTypes: t, selectedType: e, setSelectedType: n }) => /* @__PURE__ */ r.jsx(Rr, { toggle: /* @__PURE__ */ r.jsx(Tr, { as: xs, icon: null, text: e == null ? void 0 : e.text }), children: t.map((s) => /* @__PURE__ */ r.jsx(Fr, { icon: null, onClick: () => n(s.key), children: s.text }, s.key)) }), Ua = "_dropdown_1ddrg_1", Ka = "_open_1ddrg_12", qa = "_loading-container_1ddrg_15", Qa = "_groups-container_1ddrg_22", Ja = "_group_1ddrg_22", Xa = "_header_1ddrg_26", Za = "_item_1ddrg_33", we = {
-  dropdown: Ua,
-  open: Ka,
-  "loading-container": "_loading-container_1ddrg_15",
-  loadingContainer: qa,
-  "groups-container": "_groups-container_1ddrg_22",
-  groupsContainer: Qa,
-  group: Ja,
-  header: Xa,
-  item: Za
-}, el = ({ show: t, query: e, onCancel: n, groups: s, isLoading: o, searchTypes: a }) => {
-  const { texts: { appSearch: l } } = W(ce), i = V(null), c = D((d) => {
-    var f;
-    const u = (f = a.find((p) => p.key === d.type)) == null ? void 0 : f.toPath;
-    return u ? `${u}/${d.searchKey}` : "/not-found";
-  }, [a]);
-  return Cn([i], n), /* @__PURE__ */ r.jsx("div", { ref: i, className: g("luminus-app-search-dropdown shadow rounded", we.dropdown, {
-    [we.open]: t
-  }), children: o ? /* @__PURE__ */ r.jsx("div", { className: we.loadingContainer, children: /* @__PURE__ */ r.jsx($t, { animation: "border", variant: "primary" }) }) : /* @__PURE__ */ r.jsx("div", { className: we.groupsContainer, children: s == null ? void 0 : s.map((d) => {
-    var u;
-    return /* @__PURE__ */ r.jsxs("div", { className: g(we.group), children: [
-      /* @__PURE__ */ r.jsxs(ke, { to: `/search?query=${e}&type=${d.key.category}`, className: g("group-header", we.header), onClick: n, children: [
-        /* @__PURE__ */ r.jsx(Y, { variant: "body", className: "text-primary", children: d.key.categoryName }),
-        /* @__PURE__ */ r.jsxs(Y, { variant: "caption", children: [
-          d.items.length,
-          " ",
-          l.amountFrom,
-          " ",
-          d.key.totalCount
-        ] })
-      ] }),
-      (u = d.items) == null ? void 0 : u.map((f, p) => /* @__PURE__ */ r.jsxs(
-        ke,
-        {
-          to: c(f),
-          className: g("search-item d-flex gap-3 align-items-center justify-content-between", we.item),
-          onClick: n,
-          children: [
-            /* @__PURE__ */ r.jsx(Y, { variant: "body2", className: "text-nowrap text-truncate", children: f.name }),
-            /* @__PURE__ */ r.jsx(Y, { variant: "caption", className: "text-primary", children: /* @__PURE__ */ r.jsx(vs, {}) })
-          ]
-        },
-        p
-      ))
-    ] }, d.key.category);
-  }) }) });
-}, tl = "_input-group_1lkfy_1", nl = "_input-group-text_1lkfy_5", rl = "_left_1lkfy_9", sl = "_right_1lkfy_13", ol = "_input_1lkfy_1", al = "_submit-button_1lkfy_20", ye = {
-  "input-group": "_input-group_1lkfy_1",
-  inputGroup: tl,
-  "input-group-text": "_input-group-text_1lkfy_5",
-  inputGroupText: nl,
-  left: rl,
-  right: sl,
-  input: ol,
-  "submit-button": "_submit-button_1lkfy_20",
-  submitButton: al
-}, ll = (t, e) => {
-  const n = mt(), [s, o] = E(!1), [a, l] = E([]), i = !t || !t.key, c = D(() => {
-    if (e.length < 3) {
-      l([]);
+const Lc = ({ InputContainer: t = Ce, value: e, onChange: n, debounceMs: s, label: o, withoutLabel: a, placeholder: l, size: i, hidden: c, disabled: d, showClearIcon: u, clearValue: f, className: p, step: h, stepperStep: v = 1 }) => {
+  const y = D(() => {
+    if (!n)
+      return;
+    const j = f ?? null;
+    n(j ? Number(j) : null);
+  }, [f, n]), x = V(null), [b, k] = E((e == null ? void 0 : e.toString()) ?? ""), m = D((j) => {
+    const $ = j;
+    n && n($ == null || $ === "" ? null : Number($));
+  }, [n]), N = D((j) => {
+    var _;
+    const $ = (_ = j.target) == null ? void 0 : _.value;
+    if (!s) {
+      m($);
       return;
     }
-    o(!0), n.get(`/search/${e}?count=${i ? 5 : 20}${i ? "" : `&type=${t.key}`}`).then(({ data: d }) => {
-      l(d), o(!1);
-    }).catch(() => {
-      o(!1);
-    });
-  }, [t, e, n, i]);
-  return T(() => {
-    c();
-  }, [c]), { isLoading: s, searchItems: a };
-}, Ac = ({ searchTypes: t, navigateFunction: e, currentPath: n }) => {
-  var y;
-  const { texts: { appSearch: s } } = W(ce), [o, a] = E(t.length > 0 ? ((y = t.at(0)) == null ? void 0 : y.key) ?? null : null), l = z(() => t.find((x) => x.key === o) ?? null, [t, o]), [i, c] = E(""), [d, u] = Sr(i, 500), { isLoading: f, searchItems: p } = ll(l, d), [h, v] = E(!1);
+    k($), x.current !== null && window.clearTimeout(x.current), x.current = window.setTimeout(() => {
+      m($);
+    }, s);
+  }, [s, m]);
   return T(() => {
-    (p.length > 0 || f) && v(!0);
-  }, [p, f]), T(() => {
-    c("");
-  }, [n]), /* @__PURE__ */ r.jsx(ee, { onSubmit: (x) => {
-    x.preventDefault(), x.stopPropagation(), u.flush(), v(!1), i.length > 2 && e(`/search?query=${i}${l && l.key && `&type=${l == null ? void 0 : l.key}`}`);
-  }, children: /* @__PURE__ */ r.jsxs(Ze, { className: ye.inputGroup, children: [
-    /* @__PURE__ */ r.jsx(Ze.Text, { className: g("p-1 rounded", ye.inputGroupText, ye.left), children: /* @__PURE__ */ r.jsx(Ga, { searchTypes: t, selectedType: l, setSelectedType: a }) }),
-    /* @__PURE__ */ r.jsx(ee.Control, { placeholder: s.searchPlaceholder, type: "text", size: "sm", className: g("luminus-app-search-input", ye.input), value: i, onChange: (x) => {
-      var b;
-      return c(((b = x.target) == null ? void 0 : b.value) ?? "");
-    }, onFocus: () => p.length > 0 && v(!0) }),
-    /* @__PURE__ */ r.jsx(Ze.Text, { className: g("p-0 rounded", ye.inputGroupText, ye.right), children: /* @__PURE__ */ r.jsx("button", { type: "submit", className: g("text-primary", ye.submitButton), children: /* @__PURE__ */ r.jsx(Ha, {}) }) }),
-    /* @__PURE__ */ r.jsx(el, { query: d, searchTypes: t, show: h, onCancel: () => v(!1), groups: p, isLoading: f })
+    k(e === null ? "" : e.toString());
+  }, [e]), /* @__PURE__ */ r.jsx(t, { withoutLabel: a, label: o ?? "", hidden: c, className: p, children: /* @__PURE__ */ r.jsxs("div", { className: "luminus-input-container position-relative w-100", children: [
+    /* @__PURE__ */ r.jsx(ee.Control, { type: "number", placeholder: l ?? o, size: i, value: s ? b : e ?? "", onChange: N, className: `luminus-numeric-stepper ${p ?? ""}`, hidden: c, disabled: d ?? !1, step: h }),
+    /* @__PURE__ */ r.jsx("div", { className: "stepper-icon left", children: !d && /* @__PURE__ */ r.jsx(G, { size: "sm", onClick: (j) => {
+      j.preventDefault(), j.stopPropagation(), m(((e ?? 0) - v).toString());
+    }, children: /* @__PURE__ */ r.jsx(Er, {}) }) }),
+    /* @__PURE__ */ r.jsx("div", { className: "stepper-icon right", children: !d && /* @__PURE__ */ r.jsx(G, { size: "sm", onClick: (j) => {
+      j.preventDefault(), j.stopPropagation(), m(((e ?? 0) + v).toString());
+    }, children: /* @__PURE__ */ r.jsx(Or, {}) }) }),
+    u && e && n && !d && /* @__PURE__ */ r.jsx("div", { className: "luminus-input-remove-icon", children: /* @__PURE__ */ r.jsx(G, { color: "secondary", size: "sm", onClick: y, children: /* @__PURE__ */ r.jsx(fe, {}) }) })
   ] }) });
-}, cl = "_card_19733_1", il = "_header_19733_6", dl = "_header-content_19733_13", ul = "_title_19733_19", fl = "_collapse-icon_19733_22", pl = "_collapsed_19733_27", hl = "_content_19733_30", _e = {
-  card: cl,
-  header: il,
-  "header-content": "_header-content_19733_13",
-  headerContent: dl,
-  title: ul,
-  "collapse-icon": "_collapse-icon_19733_22",
-  collapseIcon: fl,
-  collapsed: pl,
-  content: hl
-}, ml = ({ title: t, headerContent: e, children: n, className: s, headerClassName: o, contentClassName: a, ...l }) => {
-  const i = l.collapsible ? l.controlled ? !1 : l.defaultOpen ?? !1 : !0, [c, d] = E(i), u = l.collapsible ? l.controlled ? l.isOpen : c : !0;
-  return T(() => {
-    d(i);
-  }, [i]), /* @__PURE__ */ r.jsxs("div", { className: g("luminus-card rounded shadow-sm", _e.card, {
-    [s ?? ""]: s
-  }), children: [
-    /* @__PURE__ */ r.jsxs("div", { role: l.collapsible ? "button" : void 0, className: g("header", _e.header, {
-      [o ?? ""]: o
-    }), onClick: () => {
-      l.collapsible && (l.controlled ? l.onToggle(!l.isOpen) : d(!c));
-    }, children: [
-      /* @__PURE__ */ r.jsxs("div", { className: g("header-content", _e.headerContent), children: [
-        /* @__PURE__ */ r.jsx(Y, { variant: "h6", className: g("text-primary", _e.title), children: t }),
-        e ?? null
-      ] }),
-      l.collapsible && /* @__PURE__ */ r.jsx(vn, { className: g(_e.collapseIcon, {
-        [_e.collapsed]: u
-      }) })
-    ] }),
-    /* @__PURE__ */ r.jsx(En, { in: u, children: /* @__PURE__ */ r.jsx("div", { className: g("card-content border-top border-primary", _e.content, {
-      [a ?? ""]: a
-    }), children: n }) })
-  ] });
-};
-var gl = !!(typeof window < "u" && window.document && window.document.createElement), xl = /* @__PURE__ */ function() {
-  function t(e, n) {
-    for (var s = 0; s < n.length; s++) {
-      var o = n[s];
-      o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, o.key, o);
-    }
-  }
-  return function(e, n, s) {
-    return n && t(e.prototype, n), s && t(e, s), e;
-  };
-}();
-function vl(t, e) {
-  if (!(t instanceof e))
-    throw new TypeError("Cannot call a class as a function");
-}
-function jl(t, e) {
-  if (!t)
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  return e && (typeof e == "object" || typeof e == "function") ? e : t;
-}
-function wl(t, e) {
-  if (typeof e != "function" && e !== null)
-    throw new TypeError("Super expression must either be null or a function, not " + typeof e);
-  t.prototype = Object.create(e && e.prototype, { constructor: { value: t, enumerable: !1, writable: !0, configurable: !0 } }), e && (Object.setPrototypeOf ? Object.setPrototypeOf(t, e) : t.__proto__ = e);
-}
-var Br = function(t) {
-  wl(e, t);
-  function e() {
-    return vl(this, e), jl(this, (e.__proto__ || Object.getPrototypeOf(e)).apply(this, arguments));
-  }
-  return xl(e, [{
-    key: "componentWillUnmount",
-    value: function() {
-      this.defaultNode && document.body.removeChild(this.defaultNode), this.defaultNode = null;
-    }
-  }, {
-    key: "render",
-    value: function() {
-      return gl ? (!this.props.node && !this.defaultNode && (this.defaultNode = document.createElement("div"), document.body.appendChild(this.defaultNode)), He.createPortal(this.props.children, this.props.node || this.defaultNode)) : null;
-    }
-  }]), e;
-}(oe.Component);
-Br.propTypes = {
-  children: Ne.node.isRequired,
-  node: Ne.any
-};
-var yl = /* @__PURE__ */ function() {
-  function t(e, n) {
-    for (var s = 0; s < n.length; s++) {
-      var o = n[s];
-      o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, o.key, o);
-    }
-  }
-  return function(e, n, s) {
-    return n && t(e.prototype, n), s && t(e, s), e;
-  };
-}();
-function _l(t, e) {
-  if (!(t instanceof e))
-    throw new TypeError("Cannot call a class as a function");
-}
-function bl(t, e) {
-  if (!t)
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  return e && (typeof e == "object" || typeof e == "function") ? e : t;
-}
-function Nl(t, e) {
-  if (typeof e != "function" && e !== null)
-    throw new TypeError("Super expression must either be null or a function, not " + typeof e);
-  t.prototype = Object.create(e && e.prototype, { constructor: { value: t, enumerable: !1, writable: !0, configurable: !0 } }), e && (Object.setPrototypeOf ? Object.setPrototypeOf(t, e) : t.__proto__ = e);
-}
-var Lr = function(t) {
-  Nl(e, t);
-  function e() {
-    return _l(this, e), bl(this, (e.__proto__ || Object.getPrototypeOf(e)).apply(this, arguments));
-  }
-  return yl(e, [{
-    key: "componentDidMount",
-    value: function() {
-      this.renderPortal();
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function(s) {
-      this.renderPortal();
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function() {
-      He.unmountComponentAtNode(this.defaultNode || this.props.node), this.defaultNode && document.body.removeChild(this.defaultNode), this.defaultNode = null, this.portal = null;
-    }
-  }, {
-    key: "renderPortal",
-    value: function(s) {
-      !this.props.node && !this.defaultNode && (this.defaultNode = document.createElement("div"), document.body.appendChild(this.defaultNode));
-      var o = this.props.children;
-      typeof this.props.children.type == "function" && (o = oe.cloneElement(this.props.children)), this.portal = He.unstable_renderSubtreeIntoContainer(this, o, this.props.node || this.defaultNode);
-    }
-  }, {
-    key: "render",
-    value: function() {
-      return null;
-    }
-  }]), e;
-}(oe.Component);
-Lr.propTypes = {
-  children: Ne.node.isRequired,
-  node: Ne.any
-};
-var it = void 0;
-He.createPortal ? it = Br : it = Lr;
-const $l = "_lightbox_14acg_1", kl = "_show_14acg_16", Cl = "_header_14acg_20", Dl = "_photo-actions_14acg_26", Il = "_photo-container_14acg_31", Sl = "_photo_14acg_26", El = "_nav-button_14acg_41", Ol = "_photos-preview_14acg_49", Ml = "_selected_14acg_62", Fl = "_default-indicator_14acg_66", ae = {
-  lightbox: $l,
-  show: kl,
-  header: Cl,
-  "photo-actions": "_photo-actions_14acg_26",
-  photoActions: Dl,
-  "photo-container": "_photo-container_14acg_31",
-  photoContainer: Il,
-  photo: Sl,
-  "nav-button": "_nav-button_14acg_41",
-  navButton: El,
-  "photos-preview": "_photos-preview_14acg_49",
-  photosPreview: Ol,
-  selected: Ml,
-  "default-indicator": "_default-indicator_14acg_66",
-  defaultIndicator: Fl
-}, Tl = "_backdrop_3huvf_1", Rl = "_show_3huvf_11", tn = {
-  backdrop: Tl,
-  show: Rl
-}, Ar = ({ show: t, onClick: e }) => /* @__PURE__ */ r.jsx("div", { className: g("luminus-backdrop", tn.backdrop, {
-  [tn.show]: t
-}), onClick: () => e && e() }), Hr = ({ src: t, alt: e, baseUrl: n, customToken: s, placeholder: o, ...a }) => /* @__PURE__ */ r.jsx("img", { ...a, alt: e ?? "", src: t ?? o }), Bl = ({ show: t, onClose: e, photos: n, defaultIndex: s, uploadPhotosText: o, noPhotosText: a, onUploadPhotos: l, photoActions: i, baseUrl: c, customToken: d, placeholder: u, ImgComponent: f = Hr }) => {
-  const p = V(null), [h, v] = E(s), y = n.at(h), x = h > 0, b = h < n.length - 1;
-  T(() => {
-    t && v(s);
-  }, [s, t]), T(() => {
-    h >= n.length && v(n.length - 1);
-  }, [n, h]);
-  const k = D((m) => {
-    switch (m.key) {
-      case "ArrowLeft":
-        m.stopPropagation(), x && v((N) => N - 1);
-        break;
-      case "ArrowRight":
-        m.stopPropagation(), b && v((N) => N + 1);
-        break;
-      case "Escape":
-        m.stopPropagation(), e();
-        break;
-    }
-  }, [b, x, e]);
-  return kn(k), /* @__PURE__ */ r.jsxs(it, { children: [
-    /* @__PURE__ */ r.jsx(Ar, { show: t, onClick: e }),
-    /* @__PURE__ */ r.jsxs("div", { ref: p, className: g("luminus-lightbox rounded shadow", ae.lightbox, {
-      [ae.show]: t
-    }), children: [
-      /* @__PURE__ */ r.jsxs("div", { className: ae.header, children: [
-        /* @__PURE__ */ r.jsxs("div", { className: g("rounded", ae.photoActions), children: [
-          l && /* @__PURE__ */ r.jsx(Ir, { accept: ".jpg,.jpeg,.png", onUpload: (m) => {
-            m.length > 0 && l(Array.from(m));
-          }, icon: /* @__PURE__ */ r.jsx(jn, { style: { fontSize: 18 } }), multiple: !0, className: "me-3", children: o ?? null }),
-          y && (i == null ? void 0 : i.map(({ label: m, onClick: N, ...j }, $) => /* @__PURE__ */ r.jsx(
-            ct,
-            {
-              onClick: () => N(y.id),
-              ...j,
-              children: m
-            },
-            `action-${$}`
-          )))
-        ] }),
-        /* @__PURE__ */ r.jsx("div", { role: "button", onClick: e, children: /* @__PURE__ */ r.jsx(fe, { style: { fontSize: "32px" } }) })
-      ] }),
-      n.length === 0 && /* @__PURE__ */ r.jsx("div", { className: "w-100 h-100 d-flex align-items-center justify-content-center", children: /* @__PURE__ */ r.jsx(Y, { variant: "body", children: a ?? "No photos available" }) }),
-      y && /* @__PURE__ */ r.jsxs("div", { className: ae.photoContainer, children: [
-        /* @__PURE__ */ r.jsx("div", { role: x ? "button" : void 0, className: g("align-items-start", ae.navButton), onClick: () => x && v((m) => m - 1), children: x && /* @__PURE__ */ r.jsx(ft, { style: { fontSize: "40px" } }) }),
-        /* @__PURE__ */ r.jsx(f, { src: y.lgSrc, alt: y.alt, className: g("rounded", ae.photo), baseUrl: c, customToken: d, placeholder: u }),
-        /* @__PURE__ */ r.jsx("div", { role: b ? "button" : void 0, className: g("align-items-end", ae.navButton), onClick: () => b && v((m) => m + 1), children: b && /* @__PURE__ */ r.jsx(pt, { style: { fontSize: "40px" } }) })
-      ] }),
-      /* @__PURE__ */ r.jsx("div", { className: ae.photosPreview, children: n.map((m, N) => /* @__PURE__ */ r.jsxs("div", { role: "button", onClick: () => v(N), className: "position-relative", children: [
-        /* @__PURE__ */ r.jsx(f, { role: N !== h ? "button" : void 0, src: m.smSrc, alt: m.alt, className: g("rounded", ae.photo, {
-          [ae.selected]: N === h
-        }), baseUrl: c, customToken: d, placeholder: u }, m.id),
-        m.isDefault && /* @__PURE__ */ r.jsx("div", { className: g("text-primary", ae.defaultIndicator), children: /* @__PURE__ */ r.jsx(js, {}) })
-      ] })) })
-    ] })
-  ] });
-}, Hc = ({ photos: t, onUploadPhotos: e, uploadPhotosText: n, photoActions: s, baseUrl: o, customToken: a, placeholder: l, ImgComponent: i = Hr }) => {
-  const [c, d] = E(null), u = c !== null ? t[c] : null, [f, p] = E(!1);
-  return T(() => {
-    if (t.length === 0) {
-      d(null), p(!1);
-      return;
-    }
-    const h = t.findIndex((v) => v.isDefault);
-    d(h > -1 ? h : 0);
-  }, [t]), u ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(i, { role: "button", src: u.smSrc, alt: u.alt, className: "rounded w-100", onClick: () => p(!0), baseUrl: o, customToken: a, placeholder: l }),
-    /* @__PURE__ */ r.jsx(Bl, { show: f, onClose: () => p(!1), photos: t, defaultIndex: c ?? 0, uploadPhotosText: n, onUploadPhotos: e, photoActions: s, baseUrl: o, customToken: a, placeholder: l, ImgComponent: i })
-  ] }) : e ? /* @__PURE__ */ r.jsx(Ir, { accept: ".jpg,.jpeg,.png", onUpload: (h) => {
-    h.length > 0 && e(Array.from(h));
-  }, icon: /* @__PURE__ */ r.jsx(jn, { style: { fontSize: 18 } }), multiple: !0, children: n ?? null }) : null;
-}, Wc = ({ appAccessPermissions: t, children: e }) => {
-  const { useMsal: n, msalScopes: s } = W(ws), { isAuthenticated: o } = ys(), { userLoginState: a } = W(_s), l = a.state === bs.LOGGING_IN, i = a.user && (t == null ? void 0 : t.every((c) => {
-    var d, u;
-    return (u = (d = a.user) == null ? void 0 : d.permissions) == null ? void 0 : u.includes(c);
-  }));
-  return n ? /* @__PURE__ */ r.jsx(As, { interactionType: Ls.Redirect, authenticationRequest: { scopes: s }, children: l || !o() ? /* @__PURE__ */ r.jsx(Ft, {}) : a.user ? i ? /* @__PURE__ */ r.jsx(r.Fragment, { children: e }) : /* @__PURE__ */ r.jsx(Re, { to: "/user-not-permitted", replace: !0 }) : /* @__PURE__ */ r.jsx(Re, { to: "/no-user-login", replace: !0 }) }) : l ? /* @__PURE__ */ r.jsx(Ft, {}) : !o() || !a.user ? /* @__PURE__ */ r.jsx(Re, { to: "/login", replace: !0 }) : i ? e : /* @__PURE__ */ r.jsx(Re, { to: "/user-not-permitted", replace: !0 });
-}, Ll = (t) => {
-  const { variant: e, children: n, className: s, size: o = "md", typographyVariant: a = o === "sm" ? "body2" : "body", ...l } = { ...t };
-  return /* @__PURE__ */ r.jsx(uo, { variant: e, className: `text-center ${o === "sm" ? "p-1" : o === "md" ? "p-3" : "p-4"} bg-${e} bg-opacity-10 border-none ${s ?? ""}`, ...l, children: /* @__PURE__ */ r.jsx(Y, { variant: a, children: n }) });
-}, Al = "_item_1lf6j_1", Hl = "_level-success_1lf6j_4", Wl = "_level-info_1lf6j_10", Pl = "_level-warning_1lf6j_16", Vl = "_level-danger_1lf6j_22", zl = "_type-icon_1lf6j_28", tt = {
-  item: Al,
-  "level-success": "_level-success_1lf6j_4",
-  levelSuccess: Hl,
-  "level-info": "_level-info_1lf6j_10",
-  levelInfo: Wl,
-  "level-warning": "_level-warning_1lf6j_16",
-  levelWarning: Pl,
-  "level-danger": "_level-danger_1lf6j_22",
-  levelDanger: Vl,
-  "type-icon": "_type-icon_1lf6j_28",
-  typeIcon: zl
-}, Yl = ({ level: t, children: e, customIcon: n, noIcon: s }) => {
-  const { ProjectIconComponent: o } = W(ce), a = D(() => {
-    switch (t) {
-      case "info":
-        return /* @__PURE__ */ r.jsx(o, { icon: "info" });
-      case "warning":
-        return /* @__PURE__ */ r.jsx(o, { icon: "warning" });
-      case "danger":
-        return /* @__PURE__ */ r.jsx(o, { icon: "danger" });
-      default:
-        return /* @__PURE__ */ r.jsx(o, { icon: "check" });
-    }
-  }, [o, t]);
-  return /* @__PURE__ */ r.jsxs("div", { className: g("p-2 rounded d-flex gap-1 align-items-center justify-content-between", { "ps-1": !s }, tt.item, tt[`level-${t}`]), children: [
-    !s && /* @__PURE__ */ r.jsx("div", { className: g(tt.typeIcon), children: n ?? a() }),
-    /* @__PURE__ */ r.jsx(Y, { variant: "body2", className: "w-100", children: e })
-  ] });
-}, Pc = ({ version: t }) => /* @__PURE__ */ r.jsx("div", { className: "rounded", style: {
-  position: "fixed",
-  right: "0px",
-  bottom: "0px",
-  zIndex: "10000",
-  backgroundColor: "rgba(255, 255, 255, 0.5)",
-  padding: "4px",
-  pointerEvents: "all"
-}, children: /* @__PURE__ */ r.jsxs(Y, { variant: "caption", className: "w-100 text-end", children: [
-  "verze ",
-  t
-] }) }), Gl = "_submit-container_a9slg_1", Ul = "_spacer_a9slg_14", nn = {
-  "submit-container": "_submit-container_a9slg_1",
-  submitContainer: Gl,
-  spacer: Ul
-}, Kl = ({ children: t, noSpacer: e = !1 }) => /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-  !e && /* @__PURE__ */ r.jsx("div", { className: nn.spacer }),
-  /* @__PURE__ */ r.jsx("div", { className: g("luminus-floating-action-container shadow", nn.submitContainer), children: t })
-] }), ql = "_timeline_g1754_1", Ql = "_step-container_g1754_1", Jl = "_step-date_g1754_1", Xl = "_step-content_g1754_4", Zl = "_content-header_g1754_8", ec = "_content-text_g1754_11", tc = "_step-icon_g1754_14", be = {
-  timeline: ql,
-  "step-container": "_step-container_g1754_1",
-  stepContainer: Ql,
-  "step-date": "_step-date_g1754_1",
-  stepDate: Jl,
-  "step-content": "_step-content_g1754_4",
-  stepContent: Xl,
-  "content-header": "_content-header_g1754_8",
-  contentHeader: Zl,
-  "content-text": "_content-text_g1754_11",
-  contentText: ec,
-  "step-icon": "_step-icon_g1754_14",
-  stepIcon: tc
-}, Vc = ({ steps: t }) => /* @__PURE__ */ r.jsx("div", { className: be.timeline, children: t.sort((e, n) => Us(e.date ?? /* @__PURE__ */ new Date(), n.date ?? /* @__PURE__ */ new Date())).map((e, n) => /* @__PURE__ */ r.jsxs("div", { className: g("row g-0 gx-3", be.stepContainer), children: [
-  /* @__PURE__ */ r.jsx("div", { className: "col-3", children: e.date && /* @__PURE__ */ r.jsxs(Y, { variant: "caption", className: g("h-100 d-flex flex-column align-items-end justify-content-center gap-0", be.stepDate), children: [
-    /* @__PURE__ */ r.jsx("div", { children: Ee(e.date, "dd.MM.yyyy") }),
-    /* @__PURE__ */ r.jsx("div", { children: Ee(e.date, "HH:mm") })
-  ] }) }),
-  /* @__PURE__ */ r.jsx("div", { className: "col-9", children: /* @__PURE__ */ r.jsxs("div", { className: g("h-100 d-flex flex-column gap-1 border-start border-2 p-3", be.stepContent), children: [
-    /* @__PURE__ */ r.jsxs("div", { className: g("d-flex gap-2 align-items-center", be.contentHeader), children: [
-      e.person && /* @__PURE__ */ r.jsx(wn, { name: e.person.name ?? "", size: 22, fontSize: 12 }),
-      typeof e.title == "string" ? /* @__PURE__ */ r.jsx(Y, { variant: "body", className: "fw-bold", children: e.title }) : e.title
-    ] }),
-    e.text && /* @__PURE__ */ r.jsx(Y, { variant: "body2", className: be.contentText, children: e.text }),
-    /* @__PURE__ */ r.jsx("div", { className: g("text-primary", be.stepIcon), children: e.icon ?? /* @__PURE__ */ r.jsx(Ns, {}) })
-  ] }) })
-] }, n)) }), nc = (t, e, n, s = !0) => {
-  const o = mt({ silent: s, differentBaseUrl: e, customToken: n }), [a, l] = E(!1), [i, c] = E(null), d = D(async (u) => {
-    l(!0), c(null), o.get(t, {
-      signal: u,
-      responseType: "blob"
-    }).then((f) => {
-      l(!1), c(f.data);
-    }).catch(() => {
-      l(!1), c(null);
-    });
-  }, [o, t]);
-  return T(() => {
-    const u = new AbortController();
-    return d(u.signal), () => {
-      u.abort();
-    };
-  }, [d]), { data: i, setData: c, reloadData: d, isLoading: a };
-}, zc = ({ src: t, alt: e, baseUrl: n, customToken: s, placeholder: o, ...a }) => {
-  const { data: l } = nc(t, n, s), [i, c] = E(null);
-  return T(() => {
-    let d = null;
-    return l !== null ? (d = URL.createObjectURL(l), c(d)) : c(null), () => {
-      d !== null && URL.revokeObjectURL(d);
-    };
-  }, [l]), i === null && !o ? null : /* @__PURE__ */ r.jsx("img", { ...a, alt: e ?? "", src: i ?? o });
-}, Wr = ({ currentSelection: t, selectedItemNavigateTo: e, children: n }) => {
-  if (!t || !t.id || !e)
-    return /* @__PURE__ */ r.jsx("div", { className: "luminus-input-container position-relative w-100", children: n });
-  const s = e(t);
-  return /* @__PURE__ */ r.jsx(ke, { to: s, className: "luminus-input-container position-relative w-100 text-decoration-none", children: n });
-}, Yc = ({ InputContainer: t = Ce, label: e, value: n, onChange: s, hidden: o, disabled: a, className: l, type: i, withoutLabel: c }) => /* @__PURE__ */ r.jsx(t, { isForCheckInput: !0, hidden: o, label: e ?? "", withoutLabel: c, className: l, children: /* @__PURE__ */ r.jsx(ee.Check, { id: `check-${e}`, type: i ?? "checkbox", label: e ?? "", checked: n, onChange: (d) => {
-  var u;
-  s && s(((u = d.target) == null ? void 0 : u.checked) ?? !1);
-}, className: l ?? "", hidden: o ?? !1, disabled: a ?? !1 }) }), rn = ({ InputContainer: t = Ce, type: e, value: n, onChange: s, debounceMs: o, label: a, withoutLabel: l, placeholder: i, size: c, hidden: d, disabled: u, showClearIcon: f, clearValue: p, list: h, className: v, step: y, noSelectOnFocus: x }) => {
-  const b = e === "number", k = D(() => {
-    if (!s)
-      return;
-    const w = p ?? null;
-    s(b ? w ? Number(w) : null : (w == null ? void 0 : w.toString()) ?? "");
-  }, [p, b, s]), m = V(null), [N, j] = E((n == null ? void 0 : n.toString()) ?? ""), $ = D((w) => {
-    const C = w;
-    s && (b && s(C == null || C === "" ? null : Number(C)), s(C || null));
-  }, [b, s]), _ = D((w) => {
-    var L;
-    const C = (L = w.target) == null ? void 0 : L.value;
-    if (!o) {
-      $(C);
-      return;
-    }
-    j(C), m.current !== null && window.clearTimeout(m.current), m.current = window.setTimeout(() => {
-      $(C);
-    }, o);
-  }, [o, $]);
-  T(() => {
-    j(n === null ? "" : n.toString());
-  }, [n]);
-  const [M, I] = E(!1), S = Dn(e, n ? n.toString() ?? null : null, M);
-  return /* @__PURE__ */ r.jsxs(t, { withoutLabel: l, label: a ?? "", hidden: d, className: v, children: [
-    /* @__PURE__ */ r.jsx(ee.Control, { type: S, placeholder: i ?? a, size: c, value: o ? N : (n == null ? void 0 : n.toString()) ?? "", onChange: _, className: v ?? "", hidden: d, disabled: u ?? !1, list: h, onFocus: (w) => {
-      I(!0), !x && w.target.select();
-    }, onBlur: () => I(!1), step: y }),
-    f && n !== null && s && !u && /* @__PURE__ */ r.jsx("div", { className: `luminus-input-remove-icon ${e !== "text" ? "inset" : ""}`, children: /* @__PURE__ */ r.jsx(G, { color: "secondary", size: "sm", onClick: k, children: /* @__PURE__ */ r.jsx(fe, {}) }) })
-  ] });
-}, Gc = ({
-  InputContainer: t = Ce,
-  value: e,
-  options: n,
-  onChange: s,
-  label: o,
-  withoutLabel: a,
-  isNumber: l,
-  size: i,
-  hidden: c,
-  disabled: d,
-  showClearIcon: u,
-  clearValue: f,
-  noSortOptions: p,
-  className: h,
-  noEmptyOption: v
-  // it will still add the empty option if there is no value provided or value is empty string or null
-}) => {
-  const y = D(() => {
-    if (!s)
-      return;
-    const x = f ?? null;
-    s(l ? x ? Number(x) : null : (x == null ? void 0 : x.toString()) ?? "");
-  }, [f, l, s]);
-  return /* @__PURE__ */ r.jsxs(t, { withoutLabel: a, label: o ?? "", hidden: c, className: h, children: [
-    /* @__PURE__ */ r.jsxs(ee.Select, { size: i, value: e ?? "", onChange: (x) => {
-      var k;
-      if (!s)
-        return;
-      const b = (k = x.target) == null ? void 0 : k.value;
-      l && s(b ? parseInt(b, 10) : null), s(b || null);
-    }, className: h ?? "", hidden: c, disabled: d ?? !1, children: [
-      v && !(e == null || e === "") ? void 0 : /* @__PURE__ */ r.jsx("option", { value: "" }),
-      n == null ? void 0 : n.sort((x, b) => p ? 0 : (x.name ?? "").localeCompare(b.name ?? "")).map((x) => /* @__PURE__ */ r.jsx("option", { value: x.id ?? "", children: x.name }, x.id))
-    ] }),
-    u && e && s && !d && /* @__PURE__ */ r.jsx("div", { className: "luminus-input-remove-icon inset", children: /* @__PURE__ */ r.jsx(G, { color: "secondary", size: "sm", onClick: y, children: /* @__PURE__ */ r.jsx(fe, {}) }) })
-  ] });
-}, Uc = ({ InputContainer: t = Ce, items: e, defaultSelection: n, selectedItemNavigateTo: s, onSearchQueryChange: o, texts: a, isLoading: l, isNumber: i, onSelect: c, label: d, withoutLabel: u, size: f, dropdownItemsNameWidth: p, additionalColumns: h, hidden: v, disabled: y, displayIdAsName: x, CustomOnChangeComponent: b, className: k }) => {
-  var C, L;
-  const [m, N] = E(n), [j, $] = E(!1);
-  T(() => {
-    N(n);
-  }, [n]);
-  const _ = D((H) => {
-    N(H);
-  }, []), M = D((H) => {
-    $(!1), _(H);
-  }, [_]);
-  T(() => {
-    c && c(m);
-  }, [m, c]);
-  const I = V(null), S = s !== void 0, w = S && m !== null;
-  return /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsxs(t, { withoutLabel: u, label: d ?? "", hidden: v, inputContainerClassName: g({ "luminus-dropdown-select-open": j }), className: k, children: [
-    /* @__PURE__ */ r.jsxs(Wr, { currentSelection: m, selectedItemNavigateTo: s, children: [
-      x && (m == null ? void 0 : m.name) && /* @__PURE__ */ r.jsx(Y, { variant: "caption", className: "d-flex justify-content-end mt-2 luminus-dropdown-selection-name", children: m.name }),
-      /* @__PURE__ */ r.jsxs(ee.Select, { ref: I, size: f, value: (m == null ? void 0 : m.id) ?? "", onChange: (H) => N({
-        id: i ? Number(H.target.value) ?? null : H.target.value,
-        name: ""
-      }), onMouseDown: (H) => {
-        H.currentTarget.focus(), H.preventDefault();
-      }, onClick: () => {
-        !S && !y && $(!0);
-      }, className: g("w-100", {
-        "luminus-dropdown-picker-disabled": y,
-        "luminus-dropdown-picker-link": w
-      }), hidden: v, children: [
-        /* @__PURE__ */ r.jsx("option", { value: "" }),
-        n && /* @__PURE__ */ r.jsx("option", { value: n.id ?? void 0, children: n.name && ((C = n.name) == null ? void 0 : C.length) > 0 ? n.name : n.id }),
-        m && /* @__PURE__ */ r.jsx("option", { value: m.id ?? void 0, children: m.name && ((L = m.name) == null ? void 0 : L.length) > 0 ? m.name : m.id })
-      ] }),
-      b || !y && S ? /* @__PURE__ */ r.jsxs("div", { className: "custom-picker-button", children: [
-        !b && !y && S && /* @__PURE__ */ r.jsx(G, { size: "sm", color: "secondary", onClick: (H) => {
-          H.preventDefault(), H.stopPropagation(), $(!0);
-        }, children: /* @__PURE__ */ r.jsx(yn, {}) }),
-        b ?? null
-      ] }) : null
-    ] }),
-    I.current && /* @__PURE__ */ r.jsx(kt, { show: j, onCancel: () => $(!1), items: e, currentSelection: m, onSelectionChange: M, onSearchQueryChange: o, texts: a, itemsNameWidth: p, additionalColumns: h, isLoading: l, disabled: y, inputRef: I })
-  ] }) });
-}, Kc = ({ InputContainer: t = Ce, value: e, onChange: n, label: s, size: o, showClearIcon: a, clearValue: l, hidden: i, disabled: c, rows: d, withoutLabel: u, debounceMs: f, className: p }) => {
-  const h = D(() => {
-    if (!n)
-      return;
-    const m = l ?? null;
-    n((m == null ? void 0 : m.toString()) ?? "");
-  }, [l, n]), v = V(null), [y, x] = E((e == null ? void 0 : e.toString()) ?? ""), b = D((m) => {
-    const N = m;
-    n && n(N || null);
-  }, [n]), k = D((m) => {
-    var j;
-    const N = (j = m.target) == null ? void 0 : j.value;
-    if (!f) {
-      b(N);
-      return;
-    }
-    x(N), v.current !== null && window.clearTimeout(v.current), v.current = window.setTimeout(() => {
-      b(N);
-    }, f);
-  }, [f, b]);
-  return T(() => {
-    x(e === null ? "" : e.toString());
-  }, [e]), /* @__PURE__ */ r.jsxs(t, { label: s ?? "", hidden: i, withoutLabel: u, className: p, isForTextAreaInput: !0, children: [
-    /* @__PURE__ */ r.jsx(ee.Control, { as: "textarea", size: o, value: f ? y : e ?? "", onChange: k, hidden: i, disabled: c, rows: d ?? 2, className: "w-100" }),
-    a && e && n && !c && /* @__PURE__ */ r.jsx("div", { className: "luminus-input-remove-icon", children: /* @__PURE__ */ r.jsx(G, { color: "secondary", size: "sm", onClick: h, children: /* @__PURE__ */ r.jsx(fe, {}) }) })
-  ] });
-}, qc = ({ InputContainer: t = Ce, value: e, onChange: n, debounceMs: s, label: o, withoutLabel: a, placeholder: l, size: i, hidden: c, disabled: d, showClearIcon: u, clearValue: f, className: p, step: h, stepperStep: v = 1 }) => {
-  const y = D(() => {
-    if (!n)
-      return;
-    const j = f ?? null;
-    n(j ? Number(j) : null);
-  }, [f, n]), x = V(null), [b, k] = E((e == null ? void 0 : e.toString()) ?? ""), m = D((j) => {
-    const $ = j;
-    n && n($ == null || $ === "" ? null : Number($));
-  }, [n]), N = D((j) => {
-    var _;
-    const $ = (_ = j.target) == null ? void 0 : _.value;
-    if (!s) {
-      m($);
-      return;
-    }
-    k($), x.current !== null && window.clearTimeout(x.current), x.current = window.setTimeout(() => {
-      m($);
-    }, s);
-  }, [s, m]);
-  return T(() => {
-    k(e === null ? "" : e.toString());
-  }, [e]), /* @__PURE__ */ r.jsx(t, { withoutLabel: a, label: o ?? "", hidden: c, className: p, children: /* @__PURE__ */ r.jsxs("div", { className: "luminus-input-container position-relative w-100", children: [
-    /* @__PURE__ */ r.jsx(ee.Control, { type: "number", placeholder: l ?? o, size: i, value: s ? b : e ?? "", onChange: N, className: `luminus-numeric-stepper ${p ?? ""}`, hidden: c, disabled: d ?? !1, step: h }),
-    /* @__PURE__ */ r.jsx("div", { className: "stepper-icon left", children: !d && /* @__PURE__ */ r.jsx(G, { size: "sm", onClick: (j) => {
-      j.preventDefault(), j.stopPropagation(), m(((e ?? 0) - v).toString());
-    }, children: /* @__PURE__ */ r.jsx(Er, {}) }) }),
-    /* @__PURE__ */ r.jsx("div", { className: "stepper-icon right", children: !d && /* @__PURE__ */ r.jsx(G, { size: "sm", onClick: (j) => {
-      j.preventDefault(), j.stopPropagation(), m(((e ?? 0) + v).toString());
-    }, children: /* @__PURE__ */ r.jsx(Or, {}) }) }),
-    u && e && n && !d && /* @__PURE__ */ r.jsx("div", { className: "luminus-input-remove-icon", children: /* @__PURE__ */ r.jsx(G, { color: "secondary", size: "sm", onClick: y, children: /* @__PURE__ */ r.jsx(fe, {}) }) })
-  ] }) });
-}, sn = [
-  ["D", "day"],
-  // ['W', 'week'],
-  ["M", "month"],
-  ["Y", "year"],
-  ["C", "custom"]
-], rc = "_wrapper_qfqux_1", sc = "_lg_qfqux_7", oc = "_sm_qfqux_11", ac = "_md_qfqux_14", on = {
-  wrapper: rc,
-  lg: sc,
-  sm: oc,
-  md: ac
-}, Ae = (t) => {
-  const e = new Date(t), n = ge(e.toISOString());
-  e.setMonth(e.getMonth() + 1), e.setDate(e.getDate() - 1);
-  const s = ge(e.toISOString());
-  return { from: n, to: s };
-}, Ie = (t) => {
-  const e = new Date(t), n = ge(e.toISOString());
-  e.setFullYear(e.getFullYear() + 1), e.setDate(e.getDate() - 1);
-  const s = ge(e.toISOString());
-  return { from: n, to: s };
-}, lc = (t, e) => {
-  if (t === null || e === null)
-    return "C";
-  if (t === e)
-    return "D";
-  const n = new Date(t);
-  return Ae(n).to === e ? "M" : Ie(n).to === e ? "Y" : (console.log(Ie(n), e), "C");
-}, cc = (t, e, n) => {
-  const s = D((l, i) => {
-    if (t === "C") {
-      n((c) => ({ ...c, [l]: i }));
-      return;
-    }
-    switch (l) {
-      case "from":
-        n((c) => {
-          if (i === null)
-            return c;
-          const d = new Date(i);
-          if (t === "D") {
-            const u = ge(d.toISOString());
-            return {
-              from: u,
-              to: u
-            };
-          }
-          return t === "M" ? Ae(d) : t === "Y" ? Ie(d) : c;
-        });
-        break;
-      case "to":
-        e("C"), n((c) => ({ ...c, [l]: i }));
-        break;
-    }
-  }, [t, n, e]), o = D((l) => {
-    n((i) => {
-      if (i.from === null || i.to === null)
-        return i;
-      const c = new Date(i.from);
-      c.setHours(c.getHours() - c.getTimezoneOffset() / 60);
-      const d = new Date(i.to);
-      if (t === "D") {
-        c.setDate(c.getDate() + l);
-        const u = ge(c.toISOString());
-        return {
-          from: u,
-          to: u
-        };
-      }
-      return t === "M" ? (c.setMonth(c.getMonth() + l), Ae(c)) : t === "Y" ? (c.setFullYear(c.getFullYear() + l), Ie(c)) : {
-        from: ge(c.toISOString()),
-        to: ge(d.toISOString())
-      };
-    });
-  }, [t, n]), a = D((l) => {
-    l === "D" ? n((i) => ({ from: i.from, to: i.from })) : l === "M" ? n((i) => {
-      if (i.from === null)
-        return i;
-      const c = Hs(i.from);
-      return Ae(c);
-    }) : l === "Y" && n((i) => {
-      if (i.from === null)
-        return i;
-      const c = Ws(new Date(i.from).getFullYear());
-      return Ie(c);
-    }), e(l);
-  }, [n, e]);
-  return { setFromToProp: s, handleArrowClick: o, handleRangeChange: a };
-}, Qc = ({ fromtoState: [t, e], className: n, size: s }) => {
-  const { texts: { date: o }, ProjectIconComponent: a } = W(ce), [l, i] = E("C"), { handleArrowClick: c, handleRangeChange: d, setFromToProp: u } = cc(l, i, e), f = z(() => l === "C", [l]), p = V(!0);
-  return T(() => {
-    if (p.current) {
-      const h = lc(t.from, t.to);
-      i(h), p.current = !1;
-    }
-  }, [t.from, t.to]), /* @__PURE__ */ r.jsxs("div", { className: g("d-inline-flex align-items-center gap-1", on.wrapper, on[s ?? "md"], n), children: [
-    /* @__PURE__ */ r.jsx(G, { disabled: f, onClick: () => {
-      c(-1);
-    }, children: /* @__PURE__ */ r.jsx(a, { icon: "chevron-left" }) }),
-    /* @__PURE__ */ r.jsx("div", { children: /* @__PURE__ */ r.jsxs("div", { className: "d-flex align-items-center gap-1", children: [
-      /* @__PURE__ */ r.jsx(rn, { type: "date", value: t.from, onChange: (h) => u("from", h === null ? null : h.toString()), InputContainer: Et, size: s }),
-      /* @__PURE__ */ r.jsx(Rr, { toggle: /* @__PURE__ */ r.jsx(Tr, { text: o[sn.find((h) => h[0] === l)[1]].substring(0, 1), as: $s }), children: sn.map((h) => /* @__PURE__ */ r.jsx(Fr, { disabled: h[0] === l, className: g(h[0] === l ? "text-black-50" : ""), onClick: () => d(h[0]), role: "button", children: o[h[1]] }, h[0])) }),
-      /* @__PURE__ */ r.jsx(rn, { type: "date", value: t.to, onChange: (h) => u("to", h === null ? null : h.toString()), InputContainer: Et, size: s })
-    ] }) }),
-    /* @__PURE__ */ r.jsx(G, { disabled: f, onClick: () => {
-      c(1);
-    }, children: /* @__PURE__ */ r.jsx(a, { icon: "chevron-right" }) })
-  ] });
-}, Jc = ({ InputContainer: t = xe, formField: e, label: n, resetsFields: s, type: o, required: a, hidden: l, disabled: i, withoutLabel: c, className: d }) => {
+}, Ac = ({ InputContainer: t = xe, formField: e, label: n, resetsFields: s, type: o, required: a, hidden: l, disabled: i, withoutLabel: c, className: d }) => {
   const { register: u, formState: f, setValue: p } = pe(), [h, v] = E(void 0), [y, x] = E(!1);
   T(() => {
     const k = e.split(".");
@@ -2965,431 +2050,1346 @@ const $l = "_lightbox_14acg_1", kl = "_show_14acg_16", Cl = "_header_14acg_20",
   return /* @__PURE__ */ r.jsxs(t, { isForCheckInput: !0, hidden: l, label: `${n}${a ? " *" : ""}`, isInvalid: b, withoutLabel: c, className: d, children: [
     /* @__PURE__ */ r.jsx(ee.Check, { id: `check-${e}`, type: o ?? "checkbox", label: `${n}${a ? " *" : ""}`, ...u(e, {
       onChange: () => {
-        s && s.forEach((k) => p(k, null, { shouldDirty: !0, shouldValidate: y }));
+        s && s.forEach((k) => p(k, null, { shouldDirty: !0, shouldValidate: y }));
+      }
+    }), isInvalid: b, hidden: l, disabled: i, className: "w-100" }),
+    h && /* @__PURE__ */ r.jsx(ve, { message: h.message })
+  ] });
+}, Hc = ({ InputContainer: t = xe, label: e, formField: n, options: s, resetsFields: o, required: a, disabled: l, hidden: i, className: c }) => {
+  const { register: d, formState: u, setValue: f, watch: p } = pe(), [h, v] = E(void 0), [y, x] = E(!1), b = z(() => s, [s]);
+  T(() => {
+    const m = n.split(".");
+    let N = u.errors;
+    m.forEach((j) => {
+      N !== void 0 && (N = N[j]);
+    }), v(N);
+  }, [u, n]), T(() => {
+    u.isSubmitted && x(!0);
+  }, [u]);
+  const k = h !== void 0;
+  return /* @__PURE__ */ r.jsxs(t, { isForRadioInput: !0, hidden: i, withoutLabel: !e, label: `${e}${a ? " *" : ""}`, isInvalid: k, className: c, children: [
+    b.map((m) => /* @__PURE__ */ r.jsx(ee.Check, { id: `radio-${m.id}`, label: m.name, type: "radio", value: m.id ?? "", checked: p(n) === m.id, ...d(n, {
+      onChange: () => {
+        o && o.forEach((N) => f(N, null, { shouldDirty: !0, shouldValidate: y }));
+      }
+    }), isInvalid: k, hidden: i, disabled: l, className: "w-100" }, m.id)),
+    h && /* @__PURE__ */ r.jsx(ve, { message: h.message })
+  ] });
+}, Wc = ({ InputContainer: t = xe, formField: e, label: n, resetsFields: s, size: o, showClearIcon: a, clearValue: l, required: i, hidden: c, disabled: d, rows: u, withoutLabel: f, customFormControlProps: p, className: h }) => {
+  const { register: v, formState: y, setValue: x, watch: b } = pe(), [k, m] = E(void 0), [N, j] = E(!1), $ = D(() => {
+    const I = l ?? null;
+    x(e, (I == null ? void 0 : I.toString()) ?? "", { shouldDirty: !0, shouldValidate: N });
+  }, [l, x, e, N]), _ = D(() => {
+    const I = e.split(".");
+    let S = y.errors;
+    I.forEach((w) => {
+      S !== void 0 && (S = S[w]);
+    }), m(S);
+  }, [y, e]);
+  T(() => {
+    _();
+  }, [_]), T(() => {
+    y.isSubmitted && j(!0);
+  }, [y]);
+  const M = k !== void 0;
+  return /* @__PURE__ */ r.jsxs(t, { label: `${n}${i ? " *" : ""}`, hidden: c, withoutLabel: f, isInvalid: M, className: h, isForTextAreaInput: !0, children: [
+    /* @__PURE__ */ r.jsx(ee.Control, { as: "textarea", size: o, ...v(e, {
+      setValueAs: (I) => I == null || I === "" ? null : I,
+      onChange: () => {
+        s && s.forEach((I) => x(I, null, { shouldDirty: !0, shouldValidate: N }));
       }
-    }), isInvalid: b, hidden: l, disabled: i, className: "w-100" }),
-    h && /* @__PURE__ */ r.jsx(ve, { message: h.message })
+    }), isInvalid: M, hidden: c, disabled: d, rows: u ?? 2, className: "w-100", ...p }),
+    a && b(e) && /* @__PURE__ */ r.jsx("div", { className: "luminus-input-remove-icon", children: /* @__PURE__ */ r.jsx(G, { color: "secondary", size: "sm", onClick: $, children: /* @__PURE__ */ r.jsx(fe, {}) }) }),
+    k && /* @__PURE__ */ r.jsx(ve, { message: k.message })
   ] });
-}, Xc = ({ InputContainer: t = xe, label: e, formField: n, options: s, resetsFields: o, required: a, disabled: l, hidden: i, className: c }) => {
-  const { register: d, formState: u, setValue: f, watch: p } = pe(), [h, v] = E(void 0), [y, x] = E(!1), b = z(() => s, [s]);
+}, Pc = ({ InputContainer: t = xe, type: e, formField: n, label: s, placeholder: o, size: a, resetsFields: l, showClearIcon: i, clearValue: c, required: d, hidden: u, disabled: f, withoutLabel: p, list: h, step: v, CustomOnChangeComponent: y, noSelectOnFocus: x, className: b }) => {
+  const { register: k, formState: m, setValue: N, watch: j } = pe(), [$, _] = E(void 0), [M, I] = E(!1), S = D(() => {
+    const R = c ?? null;
+    e === "number" ? N(n, R !== null ? Number(R) : null, {
+      shouldDirty: !0,
+      shouldValidate: M
+    }) : N(n, (R == null ? void 0 : R.toString()) ?? "", { shouldDirty: !0, shouldValidate: M });
+  }, [c, e, N, n, M]), w = D(() => {
+    const R = n.split(".");
+    let U = m.errors;
+    R.forEach((te) => {
+      U !== void 0 && (U = U[te]);
+    }), _(U);
+  }, [m, n]);
   T(() => {
-    const m = n.split(".");
-    let N = u.errors;
-    m.forEach((j) => {
-      N !== void 0 && (N = N[j]);
-    }), v(N);
-  }, [u, n]), T(() => {
-    u.isSubmitted && x(!0);
-  }, [u]);
-  const k = h !== void 0;
-  return /* @__PURE__ */ r.jsxs(t, { isForRadioInput: !0, hidden: i, withoutLabel: !e, label: `${e}${a ? " *" : ""}`, isInvalid: k, className: c, children: [
-    b.map((m) => /* @__PURE__ */ r.jsx(ee.Check, { id: `radio-${m.id}`, label: m.name, type: "radio", value: m.id ?? "", checked: p(n) === m.id, ...d(n, {
+    w();
+  }, [w]), T(() => {
+    m.isSubmitted && I(!0);
+  }, [m]);
+  const C = $ !== void 0, [L, H] = E(!1), Q = j(n), K = kn(e, Q ?? null, L);
+  return /* @__PURE__ */ r.jsxs(t, { label: `${s}${d ? " *" : ""}`, hidden: u, withoutLabel: p, isInvalid: C, className: b, children: [
+    /* @__PURE__ */ r.jsxs("div", { className: "luminus-input-container position-relative w-100", children: [
+      /* @__PURE__ */ r.jsx(ee.Control, { type: K, placeholder: o ?? s, size: a, onFocus: (R) => {
+        H(!0), !x && R.target.select();
+      }, ...k(n, {
+        setValueAs: (R) => e === "number" ? R == null || R === "" ? null : Number(R) : R == null || R === "" ? null : R,
+        onChange: () => {
+          l && l.forEach((R) => N(R, null, { shouldDirty: !0, shouldValidate: M }));
+        },
+        onBlur: () => H(!1)
+      }), isInvalid: C, hidden: u, disabled: f, list: h, className: "w-100", step: v }),
+      y && /* @__PURE__ */ r.jsx("div", { className: "custom-picker-button", children: y })
+    ] }),
+    i && j(n) && /* @__PURE__ */ r.jsx("div", { className: `luminus-input-remove-icon ${e !== "text" ? "inset" : ""}`, children: /* @__PURE__ */ r.jsx(G, { color: "secondary", size: "sm", onClick: S, children: /* @__PURE__ */ r.jsx(fe, {}) }) }),
+    $ && /* @__PURE__ */ r.jsx(ve, { message: $.message })
+  ] });
+}, Vc = ({ InputContainer: t = xe, formField: e, label: n, size: s, defaultSelection: o, resetsFields: a, isNumber: l, required: i, hidden: c, disabled: d, items: u, onSearchQueryChange: f, selectedItemNavigateTo: p, texts: h, dropdownItemsNameWidth: v, isLoading: y, withoutLabel: x, additionalColumns: b, CustomOnChangeComponent: k, displayIdAsName: m, onSelect: N, className: j }) => {
+  const { formState: $, setValue: _, watch: M, control: I } = pe(), [S, w] = E(void 0), [C, L] = E(!1), [H, Q] = E(!1), K = M(e) ?? null, R = K === (o == null ? void 0 : o.id) ? o == null ? void 0 : o.name : M(`${e}-DropdownName`), U = z(() => K == null ? null : { id: K ?? null, name: R ?? "" }, [K, R]), te = D(() => {
+    const P = e.split(".");
+    let B = $.errors;
+    P.forEach((X) => {
+      B !== void 0 && (B = B[X]);
+    }), w(B);
+  }, [$, e]), q = D((P) => {
+    if ((P == null ? void 0 : P.id) === K)
+      return;
+    if (N && N(P), a && a.forEach((X) => _(X, null, { shouldDirty: !0, shouldValidate: H })), P === null) {
+      _(e, null, {
+        shouldDirty: !0,
+        shouldValidate: H
+      }), _(`${e}-DropdownName`, null);
+      return;
+    }
+    let B = null;
+    l ? B = (P == null ? void 0 : P.id) !== null && (P == null ? void 0 : P.id) !== "" ? parseInt(P.id.toString(), 10) : null : B = P.id === null || P.id === void 0 || P.id === "" ? null : P.id, _(e, B, {
+      shouldDirty: !0,
+      shouldValidate: H
+    }), _(`${e}-DropdownName`, P.name ?? "");
+  }, [_, e, H, l, a, K, N]), F = D((P) => {
+    L(!1), q(P);
+  }, [q]), J = D(() => {
+    L(!1);
+  }, []);
+  T(() => {
+    te();
+  }, [te]), T(() => {
+    $.isSubmitted && Q(!0);
+  }, [$]);
+  const re = V(null), je = S !== void 0, ne = p !== void 0, ie = ne && U !== null;
+  return /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsxs(t, { label: `${n}${i ? " *" : ""}`, hidden: c, withoutLabel: x, isInvalid: je, inputContainerClassName: g({ "luminus-dropdown-select-open": C }), className: j, children: [
+    /* @__PURE__ */ r.jsxs(Sr, { currentSelection: U, selectedItemNavigateTo: p, children: [
+      m && (U == null ? void 0 : U.name) && /* @__PURE__ */ r.jsx(Y, { variant: "caption", className: "d-flex justify-content-end mt-2 luminus-dropdown-selection-name", children: U.name }),
+      /* @__PURE__ */ r.jsx($n, { control: I, name: e, render: () => /* @__PURE__ */ r.jsx(ee.Select, { size: s, onMouseDown: (P) => {
+        P.currentTarget.focus(), P.preventDefault();
+      }, onClick: () => {
+        !ne && !d && L(!0);
+      }, ref: re, value: K ?? "", onChange: () => {
+      }, isInvalid: je, hidden: c, className: g("w-100", {
+        "luminus-dropdown-picker-disabled": d,
+        "luminus-dropdown-picker-link": ie
+      }), children: /* @__PURE__ */ r.jsx("option", { value: K, children: m ? K : (R == null ? void 0 : R.length) > 0 ? R : K }) }) }),
+      k || !d && ne ? /* @__PURE__ */ r.jsxs("div", { className: "custom-picker-button", children: [
+        !k && !d && ne && /* @__PURE__ */ r.jsx(G, { size: "sm", color: "secondary", onClick: (P) => {
+          P.preventDefault(), P.stopPropagation(), L(!0);
+        }, children: /* @__PURE__ */ r.jsx(xn, {}) }),
+        k ?? null
+      ] }) : null
+    ] }),
+    S && /* @__PURE__ */ r.jsx(ve, { message: S.message }),
+    re.current && /* @__PURE__ */ r.jsx(kt, { show: C, onCancel: J, items: u, currentSelection: U, onSelectionChange: F, onSearchQueryChange: f, texts: h, itemsNameWidth: v, additionalColumns: b, displayIdAsName: m, isLoading: y, disabled: d, inputRef: re })
+  ] }) });
+}, zc = ({ InputContainer: t = xe, label: e, formField: n, hidden: s, required: o, placeholder: a, disabled: l, showClearIcon: i, resetsFields: c, multiple: d, accept: u, withoutLabel: f, className: p }) => {
+  const { watch: h, setValue: v, register: y, formState: x } = pe(), [b, k] = E(!1), [m, N] = E(void 0), j = D(() => {
+    v(n, "");
+  }, [v, n]), $ = D(() => {
+    const M = n.split(".");
+    let I = x.errors;
+    M.forEach((S) => {
+      I !== void 0 && (I = I[S]);
+    }), N(I);
+  }, [x, n]);
+  T($, [$]), T(() => {
+    x.isSubmitted && k(!0);
+  }, [x]);
+  const _ = m !== void 0;
+  return /* @__PURE__ */ r.jsxs(t, { label: `${e}${o ? "*" : ""}`, hidden: s, withoutLabel: f, isInvalid: _, className: p, children: [
+    /* @__PURE__ */ r.jsx(Nn, { type: "file", multiple: d, accept: u.join(", "), placeholder: a ?? e, isInvalid: _, hidden: s, disabled: l, className: "w-100", ...y(n, {
       onChange: () => {
-        o && o.forEach((N) => f(N, null, { shouldDirty: !0, shouldValidate: y }));
+        c && c.forEach((M) => v(M, null, { shouldDirty: !0, shouldValidate: b }));
       }
-    }), isInvalid: k, hidden: i, disabled: l, className: "w-100" }, m.id)),
-    h && /* @__PURE__ */ r.jsx(ve, { message: h.message })
+    }) }),
+    i && h(n) && /* @__PURE__ */ r.jsx("div", { className: "luminus-input-remove-icon", children: /* @__PURE__ */ r.jsx(G, { color: "secondary", size: "sm", onClick: j, children: /* @__PURE__ */ r.jsx(fe, {}) }) }),
+    m && /* @__PURE__ */ r.jsx(ve, { message: m.message })
+  ] });
+}, Yc = ({ children: t, onStorno: e, noSpacer: n }) => {
+  const { formState: s } = pe(), [o, a] = E(!1);
+  return T(() => {
+    a(Object.keys(s.dirtyFields).length > 0);
+  }, [s]), o ? /* @__PURE__ */ r.jsx(Vo, { onStorno: e, noSpacer: n, children: t }) : null;
+}, Gc = ({ InputContainer: t = xe, options: e, formField: n, label: s, size: o, resetsFields: a, isNumber: l, required: i, hidden: c, disabled: d, withoutLabel: u, noSortOptions: f, suffixIdToName: p, className: h }) => {
+  const { texts: { customSelect: v } } = W(ce), { formState: y, setValue: x, watch: b, control: k } = pe(), [m, N] = E(void 0), [j, $] = E(!1), [_, M] = E(!1), [I, S] = E(""), w = b(n), C = z(() => e.find((F) => F.id === w) ?? null, [e, w]), L = D(() => {
+    const F = n.split(".");
+    let J = y.errors;
+    F.forEach((re) => {
+      J !== void 0 && (J = J[re]);
+    }), N(J);
+  }, [y, n]), H = D((F) => {
+    if ((F == null ? void 0 : F.id) === w)
+      return;
+    if (a && a.forEach((re) => x(re, null, { shouldDirty: !0, shouldValidate: _ })), F === null) {
+      x(n, null, {
+        shouldDirty: !0,
+        shouldValidate: _
+      });
+      return;
+    }
+    let J = null;
+    l ? J = (F == null ? void 0 : F.id) !== null && (F == null ? void 0 : F.id) !== "" ? parseInt(F.id.toString(), 10) : null : J = F.id === null || F.id === void 0 || F.id === "" ? null : F.id, x(n, J, {
+      shouldDirty: !0,
+      shouldValidate: _
+    });
+  }, [x, n, l, a, w, _]), Q = D((F) => {
+    $(!1), H(F);
+  }, [H]), K = D((F) => {
+    S(F);
+  }, []);
+  T(() => {
+    L();
+  }, [L]), T(() => {
+    y.isSubmitted && M(!0);
+  }, [y]);
+  const R = D((F) => {
+    var J;
+    return F === null ? "" : !F.name || F.name.length === 0 ? ((J = F.id) == null ? void 0 : J.toString()) ?? "" : p ? `${F.name} (${F.id})` : F.name;
+  }, [p]), U = z(() => e.map((F) => ({
+    id: F.id,
+    name: R(F)
+  })).filter((F) => zs(F.name, I)).sort((F, J) => f ? 0 : (F.name ?? "").localeCompare(J.name ?? "")), [e, f, I, R]), te = V(null), q = m !== void 0;
+  return /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsxs(t, { label: `${s}${i ? " *" : ""}`, hidden: c, withoutLabel: u, isInvalid: q, inputContainerClassName: g({ "luminus-dropdown-select-open": j }), className: h, children: [
+    /* @__PURE__ */ r.jsx($n, { control: k, name: n, render: () => /* @__PURE__ */ r.jsx(ee.Select, { size: o, onMouseDown: (F) => {
+      F.currentTarget.focus(), F.preventDefault();
+    }, onClick: () => {
+      $(!0);
+    }, ref: te, value: w ?? "", onChange: () => {
+    }, isInvalid: q, hidden: c, disabled: d, className: "w-100", children: /* @__PURE__ */ r.jsx("option", { value: (C == null ? void 0 : C.id) ?? "", children: R(C) }) }) }),
+    m && /* @__PURE__ */ r.jsx(ve, { message: m.message }),
+    te.current && /* @__PURE__ */ r.jsx(kt, { show: j, onCancel: () => $(!1), items: U, currentSelection: C ?? null, onSelectionChange: Q, onSearchQueryChange: K, texts: v, disabled: d, inputRef: te, autoHideSearch: !0, allItemsLength: e.length })
+  ] }) });
+}, Uc = ({ InputContainer: t = xe, formField: e, label: n, placeholder: s, size: o, resetsFields: a, showClearIcon: l, clearValue: i, required: c, hidden: d, disabled: u, withoutLabel: f, step: p, stepperStep: h = 1, className: v }) => {
+  const { register: y, formState: x, setValue: b, watch: k } = pe(), [m, N] = E(void 0), [j, $] = E(!1), _ = D(() => {
+    const w = i ?? null;
+    b(e, w !== null ? Number(w) : null, {
+      shouldDirty: !0,
+      shouldValidate: j
+    });
+  }, [i, b, e, j]), M = D(() => {
+    const w = e.split(".");
+    let C = x.errors;
+    w.forEach((L) => {
+      C !== void 0 && (C = C[L]);
+    }), N(C);
+  }, [x, e]);
+  T(() => {
+    M();
+  }, [M]), T(() => {
+    x.isSubmitted && $(!0);
+  }, [x]);
+  const I = m !== void 0, S = k(e);
+  return /* @__PURE__ */ r.jsxs(t, { label: `${n}${c ? " *" : ""}`, hidden: d, withoutLabel: f, isInvalid: I, className: v, children: [
+    /* @__PURE__ */ r.jsxs("div", { className: "luminus-input-container position-relative w-100", children: [
+      /* @__PURE__ */ r.jsx(ee.Control, { type: "number", placeholder: s ?? n, size: o, ...y(e, {
+        setValueAs: (w) => w == null || w === "" ? null : Number(w),
+        onChange: () => {
+          a && a.forEach((w) => b(w, null, { shouldDirty: !0, shouldValidate: j }));
+        }
+      }), isInvalid: I, hidden: d, disabled: u, className: "w-100 luminus-numeric-stepper", step: p }),
+      /* @__PURE__ */ r.jsx("div", { className: "stepper-icon left", children: !u && /* @__PURE__ */ r.jsx(G, { size: "sm", onClick: (w) => {
+        w.preventDefault(), w.stopPropagation(), b(e, ((S ? Number(S) : 0) - h).toString(), { shouldDirty: !0, shouldValidate: j });
+      }, children: /* @__PURE__ */ r.jsx(Er, {}) }) }),
+      /* @__PURE__ */ r.jsx("div", { className: "stepper-icon right", children: !u && /* @__PURE__ */ r.jsx(G, { size: "sm", onClick: (w) => {
+        w.preventDefault(), w.stopPropagation(), b(e, ((S ? Number(S) : 0) + h).toString(), { shouldDirty: !0, shouldValidate: j });
+      }, children: /* @__PURE__ */ r.jsx(Or, {}) }) })
+    ] }),
+    l && k(e) && /* @__PURE__ */ r.jsx("div", { className: "luminus-input-remove-icon", children: /* @__PURE__ */ r.jsx(G, { color: "secondary", size: "sm", onClick: _, children: /* @__PURE__ */ r.jsx(fe, {}) }) }),
+    m && /* @__PURE__ */ r.jsx(ve, { message: m.message })
+  ] });
+}, ta = "_item_1dy8x_1", Mr = {
+  item: ta
+}, Fr = ({
+  color: t = "primary",
+  // icon = <MdOutlineArrowOutward />,
+  icon: e,
+  className: n,
+  children: s,
+  ...o
+}) => /* @__PURE__ */ r.jsxs(Oe.Item, { className: g(`btn luminus-dropdown-item text-nowrap rounded text-${t} ${n ?? ""}`, Mr.item), ...o, children: [
+  e,
+  s
+] }), Tr = (t) => /* @__PURE__ */ r.jsx(Oe.Toggle, { ...t }), Kc = ({ color: t = "primary", icon: e = /* @__PURE__ */ r.jsx(gn, { size: 12 }), inputId: n = "context-file-input", accept: s = "*", onUpload: o, multiple: a, className: l, children: i, ...c }) => {
+  const d = (u) => {
+    u.target.files && (o(u.target.files), u.target.value = "");
+  };
+  return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsxs("label", { htmlFor: n, className: g(`btn luminus-dropdown-item text-nowrap rounded text-${t} ${l ?? ""}`, Mr.item), ...c, children: [
+      e,
+      i
+    ] }),
+    /* @__PURE__ */ r.jsx("input", { id: n, type: "file", accept: s, onChange: d, hidden: !0, multiple: a })
+  ] });
+}, na = "_divider_1e6rk_1", ra = {
+  divider: na
+}, qc = ({ className: t }) => /* @__PURE__ */ r.jsx(Oe.Divider, { className: g("luminus-dropdown-divider", t, ra.divider) }), sa = "_dropdown_1lk66_1", oa = {
+  dropdown: sa
+}, Rr = ({ toggle: t, children: e, ...n }) => /* @__PURE__ */ r.jsxs(Oe, { ...n, children: [
+  t,
+  /* @__PURE__ */ r.jsx(Oe.Menu, { className: g("luminus-dropdown rounded shadow", oa.dropdown), children: e })
+] }), Qc = ({ cell: { value: t } }) => /* @__PURE__ */ r.jsx(r.Fragment, { children: t ? /* @__PURE__ */ r.jsx(vn, { name: t, size: 21, fontSize: 12 }) : /* @__PURE__ */ r.jsx(r.Fragment, {}) }), aa = ({ typeFilter: t, onChangeTypeFilter: e }) => {
+  const n = ["info", "warning", "danger"];
+  return /* @__PURE__ */ r.jsx("div", { className: "mb-1 d-flex justify-content-center gap-2", children: n.map((s) => /* @__PURE__ */ r.jsx("div", { role: "button", style: {
+    height: "14px",
+    width: "14px",
+    borderRadius: "50%",
+    border: "2px solid transparent",
+    backgroundColor: "transparent"
+  }, className: g(`border-${s}`, s === t && `bg-${s}`), onClick: () => {
+    e(t === s ? null : s);
+  } }, s)) });
+}, la = ({ linksTo: t, onClick: e, children: n }) => t ? /* @__PURE__ */ r.jsx(ke, { to: t, className: "text-decoration-none", onClick: e, children: n }) : /* @__PURE__ */ r.jsx(r.Fragment, { children: n }), ca = ({ message: t, onDeleteMessage: e, onClickMessage: n, getIcon: s, getLinksTo: o }) => {
+  const { ProjectIconComponent: a, localizationContext: l } = W(ce), { dateFnsLocale: i } = W(l), c = t.dateTime ? Hs(t.dateTime) : null, d = c ? Ks(new Date(Date.now()), c) : 0;
+  return /* @__PURE__ */ r.jsxs("div", { children: [
+    c && /* @__PURE__ */ r.jsx("div", { className: "d-flex justify-content-end", children: /* @__PURE__ */ r.jsx(Vs, { text: Ee(c, "dd.MM.yyyy HH:mm"), placement: "left", children: /* @__PURE__ */ r.jsx("div", { children: /* @__PURE__ */ r.jsx(Y, { variant: "caption", children: d > 2 ? Ee(c, "dd.MM.yyyy") : Qs(c, new Date(Date.now()), {
+      locale: i.code
+    }) }) }) }) }),
+    /* @__PURE__ */ r.jsx(la, { linksTo: o(t) ?? void 0, onClick: n, children: /* @__PURE__ */ r.jsx(Zl, { level: t.type, noIcon: !0, children: /* @__PURE__ */ r.jsxs("div", { className: "d-flex align-items-start gap-2", children: [
+      s(t),
+      /* @__PURE__ */ r.jsxs("div", { className: "d-flex flex-column gap-1 w-100", children: [
+        /* @__PURE__ */ r.jsxs("div", { className: "d-flex align-items-start justify-content-between gap-3", children: [
+          /* @__PURE__ */ r.jsx(Y, { variant: "body2", className: "fw-bold", children: t.subject }),
+          /* @__PURE__ */ r.jsx(G, { size: "sm", onClick: (u) => {
+            u.preventDefault(), u.stopPropagation(), e(t.id);
+          }, children: /* @__PURE__ */ r.jsx(a, { icon: "delete" }) })
+        ] }),
+        /* @__PURE__ */ r.jsx(Y, { variant: "body2", children: t.text })
+      ] })
+    ] }) }) })
   ] });
-}, Zc = ({ InputContainer: t = xe, formField: e, label: n, resetsFields: s, size: o, showClearIcon: a, clearValue: l, required: i, hidden: c, disabled: d, rows: u, withoutLabel: f, customFormControlProps: p, className: h }) => {
-  const { register: v, formState: y, setValue: x, watch: b } = pe(), [k, m] = E(void 0), [N, j] = E(!1), $ = D(() => {
-    const I = l ?? null;
-    x(e, (I == null ? void 0 : I.toString()) ?? "", { shouldDirty: !0, shouldValidate: N });
-  }, [l, x, e, N]), _ = D(() => {
-    const I = e.split(".");
-    let S = y.errors;
-    I.forEach((w) => {
-      S !== void 0 && (S = S[w]);
-    }), m(S);
-  }, [y, e]);
+}, Jt = ({ messages: t, isLoading: e, onDeleteMessage: n, onClickMessage: s, getIcon: o, getLinksTo: a }) => {
+  const { texts: { messageBoard: l } } = W(ce), [i, c] = E(null), d = z(() => t.filter((u) => i ? u.type === i : !0), [i, t]);
+  return /* @__PURE__ */ r.jsxs("div", { className: "h-100 d-flex flex-column overflow-hidden", children: [
+    /* @__PURE__ */ r.jsx(aa, { typeFilter: i, onChangeTypeFilter: (u) => c(u) }),
+    e && /* @__PURE__ */ r.jsxs("div", { className: "p-3 w-100", children: [
+      /* @__PURE__ */ r.jsx(me, { as: zt.Title, animation: "glow", children: /* @__PURE__ */ r.jsx(me, { xs: 6 }) }),
+      /* @__PURE__ */ r.jsxs(me, { as: zt.Text, animation: "glow", children: [
+        /* @__PURE__ */ r.jsx(me, { xs: 7 }),
+        " ",
+        /* @__PURE__ */ r.jsx(me, { xs: 4 }),
+        " ",
+        /* @__PURE__ */ r.jsx(me, { xs: 4 }),
+        " ",
+        /* @__PURE__ */ r.jsx(me, { xs: 6 }),
+        " ",
+        /* @__PURE__ */ r.jsx(me, { xs: 8 })
+      ] })
+    ] }),
+    !e && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+      t.length === 0 && /* @__PURE__ */ r.jsx(Gl, { variant: "info", size: "sm", className: "mt-2", children: l.noMessages }),
+      /* @__PURE__ */ r.jsx("div", { className: "h-100 overflow-y-auto d-flex flex-column gap-2", children: d.map((u) => /* @__PURE__ */ r.jsx(ca, { message: u, onDeleteMessage: n, onClickMessage: s, getIcon: o, getLinksTo: a }, u.id)) })
+    ] })
+  ] });
+}, tt = {
+  apiGet: "/messageBoard",
+  apiDelete: "/messageBoard/"
+}, Jc = ({ renderAsNotifPanel: t, notifIcon: e, apiUrls: { apiGet: n = tt.apiGet, apiDelete: s = tt.apiDelete } = tt, getIcon: o, getLinksTo: a }) => {
+  const i = mt(), [c, d] = E([]), [u, f] = E(!1), [p, h] = E(!1), [v, y] = E(!1), x = D(async () => {
+    h(!0), await i.get(n).then(({ data: j }) => {
+      d(j), f(!0), h(!1);
+    }).catch(() => {
+      d([]), h(!1);
+    });
+  }, [n, i]), b = D(async (j) => i.delete(`${s}${j}`).then(() => !0).catch(() => !1), [s, i]), k = D((j) => {
+    b(j).then(($) => {
+      $ && d(c.filter((_) => _.id !== j));
+    });
+  }, [b, c]);
   T(() => {
-    _();
-  }, [_]), T(() => {
-    y.isSubmitted && j(!0);
-  }, [y]);
-  const M = k !== void 0;
-  return /* @__PURE__ */ r.jsxs(t, { label: `${n}${i ? " *" : ""}`, hidden: c, withoutLabel: f, isInvalid: M, className: h, isForTextAreaInput: !0, children: [
-    /* @__PURE__ */ r.jsx(ee.Control, { as: "textarea", size: o, ...v(e, {
-      setValueAs: (I) => I == null || I === "" ? null : I,
-      onChange: () => {
-        s && s.forEach((I) => x(I, null, { shouldDirty: !0, shouldValidate: N }));
-      }
-    }), isInvalid: M, hidden: c, disabled: d, rows: u ?? 2, className: "w-100", ...p }),
-    a && b(e) && /* @__PURE__ */ r.jsx("div", { className: "luminus-input-remove-icon", children: /* @__PURE__ */ r.jsx(G, { color: "secondary", size: "sm", onClick: $, children: /* @__PURE__ */ r.jsx(fe, {}) }) }),
-    k && /* @__PURE__ */ r.jsx(ve, { message: k.message })
+    x();
+    const j = setInterval(() => x(), 60 * 1e3);
+    return () => {
+      clearInterval(j);
+    };
+  }, [x]);
+  const m = c.filter((j) => j.type === "danger").length, N = u ? !1 : p;
+  return t ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsxs("div", { className: "position-relative", children: [
+      /* @__PURE__ */ r.jsx(G, { size: "md", onClick: () => y(!v), children: e }),
+      m > 0 && /* @__PURE__ */ r.jsx("div", { className: "badge rounded-pill bg-danger p-1 px-2 text-white", style: { position: "absolute", top: "-6px", right: "-10px", fontSize: "10px" }, children: m })
+    ] }),
+    /* @__PURE__ */ r.jsx(qt, { show: v, onHide: () => y(!1), placement: "end", children: /* @__PURE__ */ r.jsx(qt.Body, { children: /* @__PURE__ */ r.jsx(Jt, { messages: c, isLoading: N, onDeleteMessage: k, onClickMessage: () => y(!1), getIcon: o, getLinksTo: a }) }) })
+  ] }) : /* @__PURE__ */ r.jsx(Jt, { messages: c, isLoading: N, onDeleteMessage: k, getIcon: o, getLinksTo: a });
+}, ia = "_tab-panel_d8l8q_1", da = "_full-height-no-overflow_d8l8q_5", ua = "_disabled_d8l8q_12", nt = {
+  "tab-panel": "_tab-panel_d8l8q_1",
+  tabPanel: ia,
+  "full-height-no-overflow": "_full-height-no-overflow_d8l8q_5",
+  fullHeightNoOverflow: da,
+  disabled: ua
+}, Xc = ({ eventKey: t, activeTab: e, fullHeightNoOverflow: n, disabled: s, className: o, children: a }) => t !== e ? null : /* @__PURE__ */ r.jsx("div", { className: g("luminus-tab-panel", nt.tabPanel, { [nt.fullHeightNoOverflow]: n }, { disabled: s }, { [nt.disabled]: s }, o), children: a }), Zc = ({ activeTab: t, onSelect: e, children: n }) => /* @__PURE__ */ r.jsx("div", { className: g("luminus-tabs d-flex gap-1 mb-2"), children: n.map((s) => {
+  const o = s.type, a = s.props;
+  if (!a)
+    return null;
+  const l = a.eventKey, i = a.children, c = a.className, d = a.onClick;
+  return /* @__PURE__ */ ks(o, { ...a, key: a.eventKey, className: g({ active: t === l }, c), onClick: () => {
+    e(l), d && d(l);
+  } }, i);
+}) }), fa = "_tab_1hdhk_1", pa = "_disabled_1hdhk_8", Xt = {
+  tab: fa,
+  disabled: pa
+}, ei = ({ eventKey: t, className: e, onClick: n, disabled: s, children: o }) => /* @__PURE__ */ r.jsx("div", { role: "button", className: g("luminus-tab text-primary rounded", Xt.tab, e, {
+  disabled: s
+}, { [Xt.disabled]: s }), onClick: () => n && !s && n(t), children: typeof o == "string" ? /* @__PURE__ */ r.jsx(Y, { variant: "h6", className: "text-primary", children: o }) : o }), ha = ({ show: t, widgets: e, handleClose: n, onWidgetPicked: s, texts: o }) => /* @__PURE__ */ r.jsxs(Te, { show: t, onHide: () => n(), children: [
+  /* @__PURE__ */ r.jsx(Te.Header, { closeButton: !0, children: /* @__PURE__ */ r.jsx(Te.Title, { children: o.pickWidgetToAdd }) }),
+  /* @__PURE__ */ r.jsx(Te.Body, { children: /* @__PURE__ */ r.jsx("div", { className: "list-group", children: e.filter((a) => a.id >= 0).map((a) => /* @__PURE__ */ r.jsx("div", { role: "button", className: "list-group-item bg-white", onClick: () => s(a.id), children: /* @__PURE__ */ r.jsx(Y, { variant: "body", children: a.name }) })) }) })
+] }), Zt = ({ availableWidgets: t, onAdd: e, texts: n }) => {
+  const [s, o] = E(!1);
+  return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsx("div", { className: g("luminus-empty-widget", Zo.widget), children: /* @__PURE__ */ r.jsx(G, { onClick: () => o(!0), children: /* @__PURE__ */ r.jsx(ms, {}) }) }),
+    /* @__PURE__ */ r.jsx(ha, { show: s, widgets: t, handleClose: () => o(!1), onWidgetPicked: (a) => {
+      o(!1), e(a);
+    }, texts: n })
   ] });
-}, ei = ({ InputContainer: t = xe, type: e, formField: n, label: s, placeholder: o, size: a, resetsFields: l, showClearIcon: i, clearValue: c, required: d, hidden: u, disabled: f, withoutLabel: p, list: h, step: v, CustomOnChangeComponent: y, noSelectOnFocus: x, className: b }) => {
-  const { register: k, formState: m, setValue: N, watch: j } = pe(), [$, _] = E(void 0), [M, I] = E(!1), S = D(() => {
-    const R = c ?? null;
-    e === "number" ? N(n, R !== null ? Number(R) : null, {
-      shouldDirty: !0,
-      shouldValidate: M
-    }) : N(n, (R == null ? void 0 : R.toString()) ?? "", { shouldDirty: !0, shouldValidate: M });
-  }, [c, e, N, n, M]), w = D(() => {
-    const R = n.split(".");
-    let U = m.errors;
-    R.forEach((te) => {
-      U !== void 0 && (U = U[te]);
-    }), _(U);
-  }, [m, n]);
+}, ma = (t) => {
+  const [e, n] = E({ widgets: [] });
   T(() => {
-    w();
-  }, [w]), T(() => {
-    m.isSubmitted && I(!0);
-  }, [m]);
-  const C = $ !== void 0, [L, H] = E(!1), Q = j(n), K = Dn(e, Q ?? null, L);
-  return /* @__PURE__ */ r.jsxs(t, { label: `${s}${d ? " *" : ""}`, hidden: u, withoutLabel: p, isInvalid: C, className: b, children: [
-    /* @__PURE__ */ r.jsxs("div", { className: "luminus-input-container position-relative w-100", children: [
-      /* @__PURE__ */ r.jsx(ee.Control, { type: K, placeholder: o ?? s, size: a, onFocus: (R) => {
-        H(!0), !x && R.target.select();
-      }, ...k(n, {
-        setValueAs: (R) => e === "number" ? R == null || R === "" ? null : Number(R) : R == null || R === "" ? null : R,
-        onChange: () => {
-          l && l.forEach((R) => N(R, null, { shouldDirty: !0, shouldValidate: M }));
-        },
-        onBlur: () => H(!1)
-      }), isInvalid: C, hidden: u, disabled: f, list: h, className: "w-100", step: v }),
-      y && /* @__PURE__ */ r.jsx("div", { className: "custom-picker-button", children: y })
+    const o = localStorage.getItem("dashboardConfig");
+    o ? n(JSON.parse(o)) : t && n(t);
+  }, [t]);
+  const s = D((o) => {
+    n(o), localStorage.setItem("dashboardConfig", JSON.stringify(o));
+  }, []);
+  return { dashboardConfig: e, onChangeDashboardConfig: s };
+}, ga = "_dashboard_16plm_1", xa = "_widgets-grid_16plm_1", va = "_widget-wrapper_16plm_8", ja = "_full-width_16plm_13", wa = "_widget-edit_16plm_16", ya = "_remove-icon_16plm_19", _a = "_full-width-icon_16plm_26", ba = "_widget-edit-overlay_16plm_36", de = {
+  dashboard: ga,
+  "widgets-grid": "_widgets-grid_16plm_1",
+  widgetsGrid: xa,
+  "widget-wrapper": "_widget-wrapper_16plm_8",
+  widgetWrapper: va,
+  "full-width": "_full-width_16plm_13",
+  fullWidth: ja,
+  "widget-edit": "_widget-edit_16plm_16",
+  widgetEdit: wa,
+  "remove-icon": "_remove-icon_16plm_19",
+  removeIcon: ya,
+  "full-width-icon": "_full-width-icon_16plm_26",
+  fullWidthIcon: _a,
+  "widget-edit-overlay": "_widget-edit-overlay_16plm_36",
+  widgetEditOverlay: ba
+};
+class Na extends Cs {
+  constructor(e) {
+    super(e), this.state = { hasError: !1 }, this.reload = this.reload.bind(this);
+  }
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  static getDerivedStateFromError(e) {
+    return { hasError: !0 };
+  }
+  componentDidUpdate(e) {
+    this.state.hasError && e.keyForErrorState !== this.props.keyForErrorState && this.setState({ hasError: !1 });
+  }
+  componentDidCatch(e, n) {
+    console.error("Error:", e, n);
+  }
+  reload() {
+    this.setState({ hasError: !1 });
+  }
+  render() {
+    const { fallback: e, children: n, texts: s, reloadButtonDisplay: o = "append-after-child" } = this.props;
+    return this.state.hasError ? o === "inject-to-child" && Ds(e) ? oe.cloneElement(e, {
+      ...e.props
+    }, /* @__PURE__ */ r.jsxs("div", { className: "translate-middle top-50 start-50 position-absolute d-flex flex-column align-items-center gap-2", children: [
+      ...e.props.children,
+      /* @__PURE__ */ r.jsx(ct, { type: "button", onClick: this.reload, children: s.reloadButtonContent })
+    ] })) : /* @__PURE__ */ r.jsxs("div", { className: "translate-middle top-50 start-50 position-absolute d-flex flex-column align-items-center gap-2", children: [
+      e,
+      o === "none" ? null : /* @__PURE__ */ r.jsx(ct, { type: "button", onClick: this.reload, children: s.reloadButtonContent })
+    ] }) : n;
+  }
+}
+const $a = (t) => (n) => {
+  const { texts: { errorBoundary: s } } = W(ce);
+  return /* @__PURE__ */ r.jsx(t, { texts: s, ...n });
+}, ka = $a(Na), Ca = "_widget-card_e9tsb_1", Da = {
+  "widget-card": "_widget-card_e9tsb_1",
+  widgetCard: Ca
+}, en = ({ children: t, title: e, headerContent: n }) => /* @__PURE__ */ r.jsx(bl, { className: g(Da.widgetCard, "luminus-widget"), title: e, headerContent: n, contentClassName: "h-100 overflow-auto", children: t }), Ia = ({ children: t, title: e }) => {
+  const { texts: { widget: n } } = W(ce);
+  return /* @__PURE__ */ r.jsx(ka, { fallback: /* @__PURE__ */ r.jsx(en, { title: e, children: n.fallbackError }), reloadButtonDisplay: "inject-to-child", children: /* @__PURE__ */ r.jsx(Is, { fallback: /* @__PURE__ */ r.jsx(en, { title: e, children: /* @__PURE__ */ r.jsx(Ys, {}) }), children: t }) });
+}, ti = ({ availableWidgets: t, editMode: e, defaultDashboardConfig: n }) => {
+  var u;
+  const { texts: { homeDashboard: s } } = W(ce), { dashboardConfig: o, onChangeDashboardConfig: a } = ma(n), l = D((f, p) => {
+    var h, v;
+    f === ((h = o.widgets) == null ? void 0 : h.length) ? a({
+      ...o,
+      widgets: [...o.widgets, { widgetId: p, fullWidth: !1 }]
+    }) : a({
+      ...o,
+      widgets: ((v = o.widgets) == null ? void 0 : v.map((y, x) => x === f ? { widgetId: p, fullWidth: !1 } : y)) ?? []
+    });
+  }, [o, a]), i = D((f) => {
+    var p, h;
+    ((p = o.widgets[f]) == null ? void 0 : p.widgetId) === -1 ? a({
+      ...o,
+      widgets: ((h = o.widgets) == null ? void 0 : h.filter((v, y) => y !== f)) ?? []
+    }) : l(f, -1);
+  }, [o, a, l]), c = D((f) => {
+    var p;
+    a({
+      ...o,
+      widgets: ((p = o.widgets) == null ? void 0 : p.map((h, v) => v === f ? { ...h, fullWidth: !h.fullWidth } : h)) ?? []
+    });
+  }, [o, a]), d = D((f, p, h) => f ? /* @__PURE__ */ r.jsxs("div", { className: g(de.widgetWrapper, {
+    [de.widgetEdit]: e && f.id !== -1
+  }, { [de.fullWidth]: h }), children: [
+    e && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+      /* @__PURE__ */ r.jsx(G, { color: "danger", onClick: () => i(p), className: g(de.removeIcon), children: /* @__PURE__ */ r.jsx(jn, {}) }),
+      /* @__PURE__ */ r.jsx(G, { color: h ? "danger" : "primary", onClick: () => c(p), className: g(de.fullWidthIcon), children: /* @__PURE__ */ r.jsx(gs, {}) })
     ] }),
-    i && j(n) && /* @__PURE__ */ r.jsx("div", { className: `luminus-input-remove-icon ${e !== "text" ? "inset" : ""}`, children: /* @__PURE__ */ r.jsx(G, { color: "secondary", size: "sm", onClick: S, children: /* @__PURE__ */ r.jsx(fe, {}) }) }),
-    $ && /* @__PURE__ */ r.jsx(ve, { message: $.message })
+    f.id === -1 ? e && /* @__PURE__ */ r.jsx("div", { className: de.widgetWrapper, children: /* @__PURE__ */ r.jsx(Zt, { availableWidgets: t, onAdd: (v) => l(p, v), texts: s }) }) : /* @__PURE__ */ r.jsx(Ia, { title: f.title, children: /* @__PURE__ */ r.jsx(f.WidgetElement, { title: f.title }) }),
+    f.id > -1 && e && /* @__PURE__ */ r.jsx("div", { className: de.widgetEditOverlay })
+  ] }, p) : /* @__PURE__ */ r.jsx(r.Fragment, {}), [
+    e,
+    l,
+    i,
+    c,
+    t,
+    s
+  ]);
+  return /* @__PURE__ */ r.jsx("div", { className: de.dashboard, children: /* @__PURE__ */ r.jsxs("div", { className: de.widgetsGrid, children: [
+    (u = o.widgets) == null ? void 0 : u.map((f, p) => d(t.find((h) => h.id === f.widgetId), p, f.fullWidth)),
+    e && /* @__PURE__ */ r.jsx(Zt, { availableWidgets: t, onAdd: (f) => {
+      var p;
+      return l((p = o.widgets) == null ? void 0 : p.length, f);
+    }, texts: s })
+  ] }) });
+}, Sa = "_badge_nhser_1", Ea = "_sm_nhser_1", Oa = "_md_nhser_4", Ma = "_lg_nhser_7", tn = {
+  badge: Sa,
+  sm: Ea,
+  md: Oa,
+  lg: Ma
+}, ni = ({ children: t, color: e = "primary", size: n = "md", className: s }) => /* @__PURE__ */ r.jsx("span", { className: g(`luminus-badge badge bg-${e} ${s ?? ""}`, tn.badge, tn[n]), children: t }), Fa = "_collapse-icon_1ahhn_1", Ta = "_collapsed_1ahhn_6", nn = {
+  "collapse-icon": "_collapse-icon_1ahhn_1",
+  collapseIcon: Fa,
+  collapsed: Ta
+}, ri = ({ title: t, children: e, className: n, ...s }) => {
+  const o = s.controlled ? !1 : s.defaultOpen ?? !1, [a, l] = E(o), i = s.controlled ? s.isOpen : a;
+  return T(() => {
+    l(o);
+  }, [o]), /* @__PURE__ */ r.jsxs("div", { className: n ?? "", children: [
+    /* @__PURE__ */ r.jsxs("div", { role: "button", className: "d-flex align-items-center justify-content-between pb-3 pt-2", onClick: () => s.controlled ? s.onToggle(!s.isOpen) : l(!a), children: [
+      /* @__PURE__ */ r.jsx(Y, { variant: "h6", children: t }),
+      /* @__PURE__ */ r.jsx(wn, { className: g(nn.collapseIcon, {
+        [nn.collapsed]: i
+      }) })
+    ] }),
+    /* @__PURE__ */ r.jsx(En, { in: i, children: /* @__PURE__ */ r.jsx("div", { children: e }) }),
+    /* @__PURE__ */ r.jsx("hr", { className: `my-0 ${i ? "mt-3" : ""}` })
   ] });
-}, ti = ({ InputContainer: t = xe, formField: e, label: n, size: s, defaultSelection: o, resetsFields: a, isNumber: l, required: i, hidden: c, disabled: d, items: u, onSearchQueryChange: f, selectedItemNavigateTo: p, texts: h, dropdownItemsNameWidth: v, isLoading: y, withoutLabel: x, additionalColumns: b, CustomOnChangeComponent: k, displayIdAsName: m, onSelect: N, className: j }) => {
-  const { formState: $, setValue: _, watch: M, control: I } = pe(), [S, w] = E(void 0), [C, L] = E(!1), [H, Q] = E(!1), K = M(e) ?? null, R = K === (o == null ? void 0 : o.id) ? o == null ? void 0 : o.name : M(`${e}-DropdownName`), U = z(() => K == null ? null : { id: K ?? null, name: R ?? "" }, [K, R]), te = D(() => {
-    const P = e.split(".");
-    let B = $.errors;
-    P.forEach((X) => {
-      B !== void 0 && (B = B[X]);
-    }), w(B);
-  }, [$, e]), q = D((P) => {
-    if ((P == null ? void 0 : P.id) === K)
-      return;
-    if (N && N(P), a && a.forEach((X) => _(X, null, { shouldDirty: !0, shouldValidate: H })), P === null) {
-      _(e, null, {
-        shouldDirty: !0,
-        shouldValidate: H
-      }), _(`${e}-DropdownName`, null);
-      return;
-    }
-    let B = null;
-    l ? B = (P == null ? void 0 : P.id) !== null && (P == null ? void 0 : P.id) !== "" ? parseInt(P.id.toString(), 10) : null : B = P.id === null || P.id === void 0 || P.id === "" ? null : P.id, _(e, B, {
-      shouldDirty: !0,
-      shouldValidate: H
-    }), _(`${e}-DropdownName`, P.name ?? "");
-  }, [_, e, H, l, a, K, N]), F = D((P) => {
-    L(!1), q(P);
-  }, [q]), J = D(() => {
-    L(!1);
+}, Ra = "_feedback_esh1j_1", Ba = "_feedback-spacer_esh1j_8", rn = {
+  feedback: Ra,
+  "feedback-spacer": "_feedback-spacer_esh1j_8",
+  feedbackSpacer: Ba
+}, ve = ({ message: t }) => /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+  /* @__PURE__ */ r.jsx("div", { className: g("invalid-feedback luminus-invalid-feedback", rn.feedback), children: t }),
+  /* @__PURE__ */ r.jsx("div", { className: g("invalid-feedback-spacer", rn.feedbackSpacer), children: t })
+] });
+function La(t, e, n) {
+  var s = this, o = V(null), a = V(0), l = V(null), i = V([]), c = V(), d = V(), u = V(t), f = V(!0);
+  u.current = t;
+  var p = typeof window < "u", h = !e && e !== 0 && p;
+  if (typeof t != "function") throw new TypeError("Expected a function");
+  e = +e || 0;
+  var v = !!(n = n || {}).leading, y = !("trailing" in n) || !!n.trailing, x = "maxWait" in n, b = "debounceOnServer" in n && !!n.debounceOnServer, k = x ? Math.max(+n.maxWait || 0, e) : null;
+  T(function() {
+    return f.current = !0, function() {
+      f.current = !1;
+    };
   }, []);
+  var m = z(function() {
+    var N = function(S) {
+      var w = i.current, C = c.current;
+      return i.current = c.current = null, a.current = S, d.current = u.current.apply(C, w);
+    }, j = function(S, w) {
+      h && cancelAnimationFrame(l.current), l.current = h ? requestAnimationFrame(S) : setTimeout(S, w);
+    }, $ = function(S) {
+      if (!f.current) return !1;
+      var w = S - o.current;
+      return !o.current || w >= e || w < 0 || x && S - a.current >= k;
+    }, _ = function(S) {
+      return l.current = null, y && i.current ? N(S) : (i.current = c.current = null, d.current);
+    }, M = function S() {
+      var w = Date.now();
+      if ($(w)) return _(w);
+      if (f.current) {
+        var C = e - (w - o.current), L = x ? Math.min(C, k - (w - a.current)) : C;
+        j(S, L);
+      }
+    }, I = function() {
+      if (p || b) {
+        var S = Date.now(), w = $(S);
+        if (i.current = [].slice.call(arguments), c.current = s, o.current = S, w) {
+          if (!l.current && f.current) return a.current = o.current, j(M, e), v ? N(o.current) : d.current;
+          if (x) return j(M, e), N(o.current);
+        }
+        return l.current || j(M, e), d.current;
+      }
+    };
+    return I.cancel = function() {
+      l.current && (h ? cancelAnimationFrame(l.current) : clearTimeout(l.current)), a.current = 0, i.current = o.current = c.current = l.current = null;
+    }, I.isPending = function() {
+      return !!l.current;
+    }, I.flush = function() {
+      return l.current ? _(Date.now()) : d.current;
+    }, I;
+  }, [v, x, e, k, y, h, p, b]);
+  return m;
+}
+function Aa(t, e) {
+  return t === e;
+}
+function Ha(t, e) {
+  return e;
+}
+function Br(t, e, n) {
+  var s = Aa, o = _n(Ha, t), a = o[0], l = o[1], i = La(D(function(d) {
+    return l(d);
+  }, [l]), e, n), c = V(t);
+  return s(c.current, t) || (i(t), c.current = t), s(a, t) && i.cancel(), [a, i];
+}
+const Wa = "_wrapper_uccrb_1", Pa = "_open_uccrb_9", Va = "_dropdown_uccrb_13", za = "_search-input-container_uccrb_19", Ya = "_search-input_uccrb_19", Ga = "_loading-container_uccrb_25", Ua = "_items-container_uccrb_32", Ka = "_header-row_uccrb_38", qa = "_item_uccrb_32", Qa = "_name_uccrb_57", Ja = "_column-item_uccrb_62", Xa = "_icon_uccrb_66", Za = "_clear-button_uccrb_74", se = {
+  wrapper: Wa,
+  open: Pa,
+  dropdown: Va,
+  "search-input-container": "_search-input-container_uccrb_19",
+  searchInputContainer: za,
+  "search-input": "_search-input_uccrb_19",
+  searchInput: Ya,
+  "loading-container": "_loading-container_uccrb_25",
+  loadingContainer: Ga,
+  "items-container": "_items-container_uccrb_32",
+  itemsContainer: Ua,
+  "header-row": "_header-row_uccrb_38",
+  headerRow: Ka,
+  item: qa,
+  name: Qa,
+  "column-item": "_column-item_uccrb_62",
+  columnItem: Ja,
+  icon: Xa,
+  "clear-button": "_clear-button_uccrb_74",
+  clearButton: Za
+}, kt = ({ show: t, onCancel: e, items: n, currentSelection: s, onSelectionChange: o, onSearchQueryChange: a, texts: l, itemsNameWidth: i, additionalColumns: c, displayIdAsName: d = !1, autoHideSearch: u = !1, allItemsLength: f, disabled: p, isLoading: h = !1, inputRef: v }) => {
+  var P;
+  const y = V(null), x = V(null), b = V(null), k = V(null), [m, N] = E(""), [j] = Br(m, 500), [, $] = E(!1), _ = (P = v.current) == null ? void 0 : P.getBoundingClientRect(), M = (_ == null ? void 0 : _.x) ?? 0, I = ((_ == null ? void 0 : _.x) ?? 0) + ((_ == null ? void 0 : _.width) ?? 0), S = (_ == null ? void 0 : _.y) ?? 0, w = ((_ == null ? void 0 : _.y) ?? 0) + ((_ == null ? void 0 : _.height) ?? 0), C = (_ == null ? void 0 : _.width) ?? 0, L = (_ == null ? void 0 : _.height) ?? 0, H = 5, Q = z(() => M ? M > window.innerWidth / 2 : !1, [M]), K = z(() => S ? S > window.innerHeight / 2 : !1, [S]);
   T(() => {
-    te();
-  }, [te]), T(() => {
-    $.isSubmitted && Q(!0);
-  }, [$]);
-  const re = V(null), je = S !== void 0, ne = p !== void 0, ie = ne && U !== null;
-  return /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsxs(t, { label: `${n}${i ? " *" : ""}`, hidden: c, withoutLabel: x, isInvalid: je, inputContainerClassName: g({ "luminus-dropdown-select-open": C }), className: j, children: [
-    /* @__PURE__ */ r.jsxs(Wr, { currentSelection: U, selectedItemNavigateTo: p, children: [
-      m && (U == null ? void 0 : U.name) && /* @__PURE__ */ r.jsx(Y, { variant: "caption", className: "d-flex justify-content-end mt-2 luminus-dropdown-selection-name", children: U.name }),
-      /* @__PURE__ */ r.jsx($n, { control: I, name: e, render: () => /* @__PURE__ */ r.jsx(ee.Select, { size: s, onMouseDown: (P) => {
-        P.currentTarget.focus(), P.preventDefault();
-      }, onClick: () => {
-        !ne && !d && L(!0);
-      }, ref: re, value: K ?? "", onChange: () => {
-      }, isInvalid: je, hidden: c, className: g("w-100", {
-        "luminus-dropdown-picker-disabled": d,
-        "luminus-dropdown-picker-link": ie
-      }), children: /* @__PURE__ */ r.jsx("option", { value: K, children: m ? K : (R == null ? void 0 : R.length) > 0 ? R : K }) }) }),
-      k || !d && ne ? /* @__PURE__ */ r.jsxs("div", { className: "custom-picker-button", children: [
-        !k && !d && ne && /* @__PURE__ */ r.jsx(G, { size: "sm", color: "secondary", onClick: (P) => {
-          P.preventDefault(), P.stopPropagation(), L(!0);
-        }, children: /* @__PURE__ */ r.jsx(yn, {}) }),
-        k ?? null
-      ] }) : null
-    ] }),
-    S && /* @__PURE__ */ r.jsx(ve, { message: S.message }),
-    re.current && /* @__PURE__ */ r.jsx(kt, { show: C, onCancel: J, items: u, currentSelection: U, onSelectionChange: F, onSearchQueryChange: f, texts: h, itemsNameWidth: v, additionalColumns: b, displayIdAsName: m, isLoading: y, disabled: d, inputRef: re })
-  ] }) });
-}, ni = ({ InputContainer: t = xe, label: e, formField: n, hidden: s, required: o, placeholder: a, disabled: l, showClearIcon: i, resetsFields: c, multiple: d, accept: u, withoutLabel: f, className: p }) => {
-  const { watch: h, setValue: v, register: y, formState: x } = pe(), [b, k] = E(!1), [m, N] = E(void 0), j = D(() => {
-    v(n, "");
-  }, [v, n]), $ = D(() => {
-    const M = n.split(".");
-    let I = x.errors;
-    M.forEach((S) => {
-      I !== void 0 && (I = I[S]);
-    }), N(I);
-  }, [x, n]);
-  T($, [$]), T(() => {
-    x.isSubmitted && k(!0);
-  }, [x]);
-  const _ = m !== void 0;
-  return /* @__PURE__ */ r.jsxs(t, { label: `${e}${o ? "*" : ""}`, hidden: s, withoutLabel: f, isInvalid: _, className: p, children: [
-    /* @__PURE__ */ r.jsx(Nn, { type: "file", multiple: d, accept: u.join(", "), placeholder: a ?? e, isInvalid: _, hidden: s, disabled: l, className: "w-100", ...y(n, {
-      onChange: () => {
-        c && c.forEach((M) => v(M, null, { shouldDirty: !0, shouldValidate: b }));
+    var B;
+    t && ((B = b.current) == null || B.focus());
+  }, [b, t]), T(() => {
+    t || N("");
+  }, [t]), T(() => {
+    a(j);
+  }, [j, a]);
+  const [R, U] = E(null);
+  T(() => {
+    t && n.length > 0 ? U(0) : U(null);
+  }, [n, t]);
+  const te = z(() => R !== null ? n.at(R) ?? null : null, [R, n]), q = D((B, X) => {
+    var Ct, Dt;
+    const le = document.getElementById(`item-${B}`);
+    if (le) {
+      const It = le.clientHeight ?? 0;
+      X === "down" ? (Ct = k.current) == null || Ct.scrollBy({
+        left: 0,
+        top: It,
+        behavior: "smooth"
+      }) : (Dt = k.current) == null || Dt.scrollBy({
+        left: 0,
+        top: -It,
+        behavior: "smooth"
+      });
+    }
+  }, []), F = D((B) => {
+    if (R === null || p)
+      return;
+    const X = R + B;
+    X < 0 || X >= n.length || U((le) => (le !== null && q(le, B > 0 ? "down" : "up"), X));
+  }, [R, n, p, q]), J = D((B) => {
+    if (t)
+      switch (B.key) {
+        case "Escape":
+          B.stopPropagation(), B.preventDefault(), e();
+          break;
+        case "Enter":
+          B.stopPropagation(), B.preventDefault(), p || o(te);
+          break;
+        case "ArrowUp":
+          B.stopPropagation(), B.preventDefault(), F(-1);
+          break;
+        case "ArrowDown":
+          B.stopPropagation(), B.preventDefault(), F(1);
+          break;
       }
-    }) }),
-    i && h(n) && /* @__PURE__ */ r.jsx("div", { className: "luminus-input-remove-icon", children: /* @__PURE__ */ r.jsx(G, { color: "secondary", size: "sm", onClick: j, children: /* @__PURE__ */ r.jsx(fe, {}) }) }),
-    m && /* @__PURE__ */ r.jsx(ve, { message: m.message })
+  }, [e, t, F, te, p, o]), re = D(() => {
+    $((B) => !B);
+  }, []);
+  T(() => (window.addEventListener("scroll", re), () => {
+    window.removeEventListener("scroll", re);
+  }), [re]), T(() => (window.addEventListener("resize", re), () => {
+    window.removeEventListener("resize", re);
+  }), [re]), Cn(J), Dn([y, x], e);
+  const je = i ?? (c && c.length > 0 ? 250 : 0), ne = (c == null ? void 0 : c.reduce((B, X) => B + (X.width ?? 100), 0)) ?? 0, ie = `calc(max(${C}px, ${je}px + ${ne}px))`;
+  return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsx(Hr, { show: t, onClick: e }),
+    s && t && !p && /* @__PURE__ */ r.jsx("button", { ref: x, type: "button", className: g("luminus-dropdown-picker-clear-button", se.clearButton), onClick: () => !p && o(null), style: {
+      top: `calc(${S}px + ${L / 2}px - 12px)`,
+      left: `calc(${M}px - 24px - 8px)`
+    }, children: /* @__PURE__ */ r.jsx(Y, { variant: "caption", className: "text-danger", children: /* @__PURE__ */ r.jsx(jn, { size: 16 }) }) }),
+    /* @__PURE__ */ r.jsx("div", { className: g("luminus-dropdown-picker", se.wrapper, {
+      [se.open]: t
+    }), style: {
+      top: K ? `calc(${S}px - 50vh - 8px)` : `calc(${w}px + 8px)`,
+      left: Q ? `calc(${I}px - ${ie})` : M,
+      right: Q ? `${I}px` : `calc(${M}px + ${ie})`,
+      width: ie,
+      justifyContent: K ? "flex-end" : "flex-start"
+    }, children: /* @__PURE__ */ r.jsx("div", { ref: y, className: g("shadow rounded", se.dropdown), children: !p && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+      u && (f ?? n.length) <= H ? null : /* @__PURE__ */ r.jsx("div", { className: g("search-input-container border-bottom", se.searchInputContainer), children: /* @__PURE__ */ r.jsx(ee.Control, { ref: b, type: "search", size: "sm", className: se.searchInput, placeholder: l.searchPlaceholder, value: m, onChange: (B) => {
+        var X;
+        return N(((X = B.target) == null ? void 0 : X.value) ?? "");
+      } }) }),
+      h ? /* @__PURE__ */ r.jsx("div", { className: se.loadingContainer, children: /* @__PURE__ */ r.jsx($t, { animation: "border", variant: "primary" }) }) : n.length > 0 && /* @__PURE__ */ r.jsxs("div", { ref: k, className: g("items", se.itemsContainer), children: [
+        c && c.length > 0 && /* @__PURE__ */ r.jsxs("div", { className: g("header-row border-bottom", se.headerRow), children: [
+          /* @__PURE__ */ r.jsx("div", { className: se.name }),
+          c == null ? void 0 : c.map((B) => /* @__PURE__ */ r.jsx("div", { className: se.columnItem, style: {
+            width: `${B.width ?? 100}px`,
+            minWidth: `${B.width ?? 100}px`,
+            maxWidth: `${B.width ?? 100}px`
+          }, children: /* @__PURE__ */ r.jsx(Y, { variant: "caption", children: B.name }) }, B.key))
+        ] }),
+        n == null ? void 0 : n.map((B, X) => /* @__PURE__ */ r.jsxs("button", { id: `item-${X}`, type: "button", className: g("item cursor-pointer", se.item, {
+          [se.focused]: R === X
+        }, {
+          focused: R === X
+        }), onClick: () => !p && o(B), onMouseEnter: () => U(X), children: [
+          /* @__PURE__ */ r.jsx("div", { className: se.name, children: /* @__PURE__ */ r.jsx(Y, { variant: "body2", children: d ? B.id : B.name }) }),
+          c == null ? void 0 : c.map((le) => /* @__PURE__ */ r.jsx("div", { className: se.columnItem, style: {
+            width: `${le.width ?? 100}px`,
+            minWidth: `${le.width ?? 100}px`,
+            maxWidth: `${le.width ?? 100}px`
+          }, children: /* @__PURE__ */ r.jsx(Y, { variant: "caption", className: g("text-muted"), children: B.additionalColumns && B.additionalColumns[le.key] }) }, le.key))
+        ] }, B.id))
+      ] })
+    ] }) }) })
   ] });
-}, ri = ({ children: t, onStorno: e, noSpacer: n }) => {
-  const { formState: s } = pe(), [o, a] = E(!1);
-  return T(() => {
-    a(Object.keys(s.dirtyFields).length > 0);
-  }, [s]), o ? /* @__PURE__ */ r.jsx(Vo, { onStorno: e, noSpacer: n, children: t }) : null;
-}, si = ({ InputContainer: t = xe, options: e, formField: n, label: s, size: o, resetsFields: a, isNumber: l, required: i, hidden: c, disabled: d, withoutLabel: u, noSortOptions: f, suffixIdToName: p, className: h }) => {
-  const { texts: { customSelect: v } } = W(ce), { formState: y, setValue: x, watch: b, control: k } = pe(), [m, N] = E(void 0), [j, $] = E(!1), [_, M] = E(!1), [I, S] = E(""), w = b(n), C = z(() => e.find((F) => F.id === w) ?? null, [e, w]), L = D(() => {
-    const F = n.split(".");
-    let J = y.errors;
-    F.forEach((re) => {
-      J !== void 0 && (J = J[re]);
-    }), N(J);
-  }, [y, n]), H = D((F) => {
-    if ((F == null ? void 0 : F.id) === w)
-      return;
-    if (a && a.forEach((re) => x(re, null, { shouldDirty: !0, shouldValidate: _ })), F === null) {
-      x(n, null, {
-        shouldDirty: !0,
-        shouldValidate: _
-      });
+}, el = ({ searchTypes: t, selectedType: e, setSelectedType: n }) => /* @__PURE__ */ r.jsx(Rr, { toggle: /* @__PURE__ */ r.jsx(Tr, { as: xs, icon: null, text: e == null ? void 0 : e.text }), children: t.map((s) => /* @__PURE__ */ r.jsx(Fr, { icon: null, onClick: () => n(s.key), children: s.text }, s.key)) }), tl = "_dropdown_1ddrg_1", nl = "_open_1ddrg_12", rl = "_loading-container_1ddrg_15", sl = "_groups-container_1ddrg_22", ol = "_group_1ddrg_22", al = "_header_1ddrg_26", ll = "_item_1ddrg_33", we = {
+  dropdown: tl,
+  open: nl,
+  "loading-container": "_loading-container_1ddrg_15",
+  loadingContainer: rl,
+  "groups-container": "_groups-container_1ddrg_22",
+  groupsContainer: sl,
+  group: ol,
+  header: al,
+  item: ll
+}, cl = ({ show: t, query: e, onCancel: n, groups: s, isLoading: o, searchTypes: a }) => {
+  const { texts: { appSearch: l } } = W(ce), i = V(null), c = D((d) => {
+    var f;
+    const u = (f = a.find((p) => p.key === d.type)) == null ? void 0 : f.toPath;
+    return u ? `${u}/${d.searchKey}` : "/not-found";
+  }, [a]);
+  return Dn([i], n), /* @__PURE__ */ r.jsx("div", { ref: i, className: g("luminus-app-search-dropdown shadow rounded", we.dropdown, {
+    [we.open]: t
+  }), children: o ? /* @__PURE__ */ r.jsx("div", { className: we.loadingContainer, children: /* @__PURE__ */ r.jsx($t, { animation: "border", variant: "primary" }) }) : /* @__PURE__ */ r.jsx("div", { className: we.groupsContainer, children: s == null ? void 0 : s.map((d) => {
+    var u;
+    return /* @__PURE__ */ r.jsxs("div", { className: g(we.group), children: [
+      /* @__PURE__ */ r.jsxs(ke, { to: `/search?query=${e}&type=${d.key.category}`, className: g("group-header", we.header), onClick: n, children: [
+        /* @__PURE__ */ r.jsx(Y, { variant: "body", className: "text-primary", children: d.key.categoryName }),
+        /* @__PURE__ */ r.jsxs(Y, { variant: "caption", children: [
+          d.items.length,
+          " ",
+          l.amountFrom,
+          " ",
+          d.key.totalCount
+        ] })
+      ] }),
+      (u = d.items) == null ? void 0 : u.map((f, p) => /* @__PURE__ */ r.jsxs(
+        ke,
+        {
+          to: c(f),
+          className: g("search-item d-flex gap-3 align-items-center justify-content-between", we.item),
+          onClick: n,
+          children: [
+            /* @__PURE__ */ r.jsx(Y, { variant: "body2", className: "text-nowrap text-truncate", children: f.name }),
+            /* @__PURE__ */ r.jsx(Y, { variant: "caption", className: "text-primary", children: /* @__PURE__ */ r.jsx(vs, {}) })
+          ]
+        },
+        p
+      ))
+    ] }, d.key.category);
+  }) }) });
+}, il = "_input-group_1lkfy_1", dl = "_input-group-text_1lkfy_5", ul = "_left_1lkfy_9", fl = "_right_1lkfy_13", pl = "_input_1lkfy_1", hl = "_submit-button_1lkfy_20", ye = {
+  "input-group": "_input-group_1lkfy_1",
+  inputGroup: il,
+  "input-group-text": "_input-group-text_1lkfy_5",
+  inputGroupText: dl,
+  left: ul,
+  right: fl,
+  input: pl,
+  "submit-button": "_submit-button_1lkfy_20",
+  submitButton: hl
+}, ml = (t, e) => {
+  const n = mt(), [s, o] = E(!1), [a, l] = E([]), i = !t || !t.key, c = D(() => {
+    if (e.length < 3) {
+      l([]);
       return;
     }
-    let J = null;
-    l ? J = (F == null ? void 0 : F.id) !== null && (F == null ? void 0 : F.id) !== "" ? parseInt(F.id.toString(), 10) : null : J = F.id === null || F.id === void 0 || F.id === "" ? null : F.id, x(n, J, {
-      shouldDirty: !0,
-      shouldValidate: _
+    o(!0), n.get(`/search/${e}?count=${i ? 5 : 20}${i ? "" : `&type=${t.key}`}`).then(({ data: d }) => {
+      l(d), o(!1);
+    }).catch(() => {
+      o(!1);
     });
-  }, [x, n, l, a, w, _]), Q = D((F) => {
-    $(!1), H(F);
-  }, [H]), K = D((F) => {
-    S(F);
-  }, []);
-  T(() => {
-    L();
-  }, [L]), T(() => {
-    y.isSubmitted && M(!0);
-  }, [y]);
-  const R = D((F) => {
-    var J;
-    return F === null ? "" : !F.name || F.name.length === 0 ? ((J = F.id) == null ? void 0 : J.toString()) ?? "" : p ? `${F.name} (${F.id})` : F.name;
-  }, [p]), U = z(() => e.map((F) => ({
-    id: F.id,
-    name: R(F)
-  })).filter((F) => zs(F.name, I)).sort((F, J) => f ? 0 : (F.name ?? "").localeCompare(J.name ?? "")), [e, f, I, R]), te = V(null), q = m !== void 0;
-  return /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsxs(t, { label: `${s}${i ? " *" : ""}`, hidden: c, withoutLabel: u, isInvalid: q, inputContainerClassName: g({ "luminus-dropdown-select-open": j }), className: h, children: [
-    /* @__PURE__ */ r.jsx($n, { control: k, name: n, render: () => /* @__PURE__ */ r.jsx(ee.Select, { size: o, onMouseDown: (F) => {
-      F.currentTarget.focus(), F.preventDefault();
-    }, onClick: () => {
-      $(!0);
-    }, ref: te, value: w ?? "", onChange: () => {
-    }, isInvalid: q, hidden: c, disabled: d, className: "w-100", children: /* @__PURE__ */ r.jsx("option", { value: (C == null ? void 0 : C.id) ?? "", children: R(C) }) }) }),
-    m && /* @__PURE__ */ r.jsx(ve, { message: m.message }),
-    te.current && /* @__PURE__ */ r.jsx(kt, { show: j, onCancel: () => $(!1), items: U, currentSelection: C ?? null, onSelectionChange: Q, onSearchQueryChange: K, texts: v, disabled: d, inputRef: te, autoHideSearch: !0, allItemsLength: e.length })
+  }, [t, e, n, i]);
+  return T(() => {
+    c();
+  }, [c]), { isLoading: s, searchItems: a };
+}, si = ({ searchTypes: t, navigateFunction: e, currentPath: n }) => {
+  var y;
+  const { texts: { appSearch: s } } = W(ce), [o, a] = E(t.length > 0 ? ((y = t.at(0)) == null ? void 0 : y.key) ?? null : null), l = z(() => t.find((x) => x.key === o) ?? null, [t, o]), [i, c] = E(""), [d, u] = Br(i, 500), { isLoading: f, searchItems: p } = ml(l, d), [h, v] = E(!1);
+  return T(() => {
+    (p.length > 0 || f) && v(!0);
+  }, [p, f]), T(() => {
+    c("");
+  }, [n]), /* @__PURE__ */ r.jsx(ee, { onSubmit: (x) => {
+    x.preventDefault(), x.stopPropagation(), u.flush(), v(!1), i.length > 2 && e(`/search?query=${i}${l && l.key && `&type=${l == null ? void 0 : l.key}`}`);
+  }, children: /* @__PURE__ */ r.jsxs(Ze, { className: ye.inputGroup, children: [
+    /* @__PURE__ */ r.jsx(Ze.Text, { className: g("p-1 rounded", ye.inputGroupText, ye.left), children: /* @__PURE__ */ r.jsx(el, { searchTypes: t, selectedType: l, setSelectedType: a }) }),
+    /* @__PURE__ */ r.jsx(ee.Control, { placeholder: s.searchPlaceholder, type: "text", size: "sm", className: g("luminus-app-search-input", ye.input), value: i, onChange: (x) => {
+      var b;
+      return c(((b = x.target) == null ? void 0 : b.value) ?? "");
+    }, onFocus: () => p.length > 0 && v(!0) }),
+    /* @__PURE__ */ r.jsx(Ze.Text, { className: g("p-0 rounded", ye.inputGroupText, ye.right), children: /* @__PURE__ */ r.jsx("button", { type: "submit", className: g("text-primary", ye.submitButton), children: /* @__PURE__ */ r.jsx(ea, {}) }) }),
+    /* @__PURE__ */ r.jsx(cl, { query: d, searchTypes: t, show: h, onCancel: () => v(!1), groups: p, isLoading: f })
   ] }) });
-}, oi = ({ InputContainer: t = xe, formField: e, label: n, placeholder: s, size: o, resetsFields: a, showClearIcon: l, clearValue: i, required: c, hidden: d, disabled: u, withoutLabel: f, step: p, stepperStep: h = 1, className: v }) => {
-  const { register: y, formState: x, setValue: b, watch: k } = pe(), [m, N] = E(void 0), [j, $] = E(!1), _ = D(() => {
-    const w = i ?? null;
-    b(e, w !== null ? Number(w) : null, {
-      shouldDirty: !0,
-      shouldValidate: j
-    });
-  }, [i, b, e, j]), M = D(() => {
-    const w = e.split(".");
-    let C = x.errors;
-    w.forEach((L) => {
-      C !== void 0 && (C = C[L]);
-    }), N(C);
-  }, [x, e]);
-  T(() => {
-    M();
-  }, [M]), T(() => {
-    x.isSubmitted && $(!0);
-  }, [x]);
-  const I = m !== void 0, S = k(e);
-  return /* @__PURE__ */ r.jsxs(t, { label: `${n}${c ? " *" : ""}`, hidden: d, withoutLabel: f, isInvalid: I, className: v, children: [
-    /* @__PURE__ */ r.jsxs("div", { className: "luminus-input-container position-relative w-100", children: [
-      /* @__PURE__ */ r.jsx(ee.Control, { type: "number", placeholder: s ?? n, size: o, ...y(e, {
-        setValueAs: (w) => w == null || w === "" ? null : Number(w),
-        onChange: () => {
-          a && a.forEach((w) => b(w, null, { shouldDirty: !0, shouldValidate: j }));
-        }
-      }), isInvalid: I, hidden: d, disabled: u, className: "w-100 luminus-numeric-stepper", step: p }),
-      /* @__PURE__ */ r.jsx("div", { className: "stepper-icon left", children: !u && /* @__PURE__ */ r.jsx(G, { size: "sm", onClick: (w) => {
-        w.preventDefault(), w.stopPropagation(), b(e, ((S ? Number(S) : 0) - h).toString(), { shouldDirty: !0, shouldValidate: j });
-      }, children: /* @__PURE__ */ r.jsx(Er, {}) }) }),
-      /* @__PURE__ */ r.jsx("div", { className: "stepper-icon right", children: !u && /* @__PURE__ */ r.jsx(G, { size: "sm", onClick: (w) => {
-        w.preventDefault(), w.stopPropagation(), b(e, ((S ? Number(S) : 0) + h).toString(), { shouldDirty: !0, shouldValidate: j });
-      }, children: /* @__PURE__ */ r.jsx(Or, {}) }) })
+}, gl = "_card_19733_1", xl = "_header_19733_6", vl = "_header-content_19733_13", jl = "_title_19733_19", wl = "_collapse-icon_19733_22", yl = "_collapsed_19733_27", _l = "_content_19733_30", _e = {
+  card: gl,
+  header: xl,
+  "header-content": "_header-content_19733_13",
+  headerContent: vl,
+  title: jl,
+  "collapse-icon": "_collapse-icon_19733_22",
+  collapseIcon: wl,
+  collapsed: yl,
+  content: _l
+}, bl = ({ title: t, headerContent: e, children: n, className: s, headerClassName: o, contentClassName: a, ...l }) => {
+  const i = l.collapsible ? l.controlled ? !1 : l.defaultOpen ?? !1 : !0, [c, d] = E(i), u = l.collapsible ? l.controlled ? l.isOpen : c : !0;
+  return T(() => {
+    d(i);
+  }, [i]), /* @__PURE__ */ r.jsxs("div", { className: g("luminus-card rounded shadow-sm", _e.card, {
+    [s ?? ""]: s
+  }), children: [
+    /* @__PURE__ */ r.jsxs("div", { role: l.collapsible ? "button" : void 0, className: g("header", _e.header, {
+      [o ?? ""]: o
+    }), onClick: () => {
+      l.collapsible && (l.controlled ? l.onToggle(!l.isOpen) : d(!c));
+    }, children: [
+      /* @__PURE__ */ r.jsxs("div", { className: g("header-content", _e.headerContent), children: [
+        /* @__PURE__ */ r.jsx(Y, { variant: "h6", className: g("text-primary", _e.title), children: t }),
+        e ?? null
+      ] }),
+      l.collapsible && /* @__PURE__ */ r.jsx(wn, { className: g(_e.collapseIcon, {
+        [_e.collapsed]: u
+      }) })
     ] }),
-    l && k(e) && /* @__PURE__ */ r.jsx("div", { className: "luminus-input-remove-icon", children: /* @__PURE__ */ r.jsx(G, { color: "secondary", size: "sm", onClick: _, children: /* @__PURE__ */ r.jsx(fe, {}) }) }),
-    m && /* @__PURE__ */ r.jsx(ve, { message: m.message })
+    /* @__PURE__ */ r.jsx(En, { in: u, children: /* @__PURE__ */ r.jsx("div", { className: g("card-content border-top border-primary", _e.content, {
+      [a ?? ""]: a
+    }), children: n }) })
   ] });
-}, ai = ({ cell: { value: t } }) => /* @__PURE__ */ r.jsx(r.Fragment, { children: t ? /* @__PURE__ */ r.jsx(wn, { name: t, size: 21, fontSize: 12 }) : /* @__PURE__ */ r.jsx(r.Fragment, {}) }), ic = ({ typeFilter: t, onChangeTypeFilter: e }) => {
-  const n = ["info", "warning", "danger"];
-  return /* @__PURE__ */ r.jsx("div", { className: "mb-1 d-flex justify-content-center gap-2", children: n.map((s) => /* @__PURE__ */ r.jsx("div", { role: "button", style: {
-    height: "14px",
-    width: "14px",
-    borderRadius: "50%",
-    border: "2px solid transparent",
-    backgroundColor: "transparent"
-  }, className: g(`border-${s}`, s === t && `bg-${s}`), onClick: () => {
-    e(t === s ? null : s);
-  } }, s)) });
-}, dc = ({ linksTo: t, onClick: e, children: n }) => t ? /* @__PURE__ */ r.jsx(ke, { to: t, className: "text-decoration-none", onClick: e, children: n }) : /* @__PURE__ */ r.jsx(r.Fragment, { children: n }), uc = ({ message: t, onDeleteMessage: e, onClickMessage: n, getIcon: s, getLinksTo: o }) => {
-  const { ProjectIconComponent: a, localizationContext: l } = W(ce), { dateFnsLocale: i } = W(l), c = t.dateTime ? Ps(t.dateTime) : null, d = c ? Ks(new Date(Date.now()), c) : 0;
-  return /* @__PURE__ */ r.jsxs("div", { children: [
-    c && /* @__PURE__ */ r.jsx("div", { className: "d-flex justify-content-end", children: /* @__PURE__ */ r.jsx(Vs, { text: Ee(c, "dd.MM.yyyy HH:mm"), placement: "left", children: /* @__PURE__ */ r.jsx("div", { children: /* @__PURE__ */ r.jsx(Y, { variant: "caption", children: d > 2 ? Ee(c, "dd.MM.yyyy") : Qs(c, new Date(Date.now()), {
-      locale: i.code
-    }) }) }) }) }),
-    /* @__PURE__ */ r.jsx(dc, { linksTo: o(t) ?? void 0, onClick: n, children: /* @__PURE__ */ r.jsx(Yl, { level: t.type, noIcon: !0, children: /* @__PURE__ */ r.jsxs("div", { className: "d-flex align-items-start gap-2", children: [
-      s(t),
-      /* @__PURE__ */ r.jsxs("div", { className: "d-flex flex-column gap-1 w-100", children: [
-        /* @__PURE__ */ r.jsxs("div", { className: "d-flex align-items-start justify-content-between gap-3", children: [
-          /* @__PURE__ */ r.jsx(Y, { variant: "body2", className: "fw-bold", children: t.subject }),
-          /* @__PURE__ */ r.jsx(G, { size: "sm", onClick: (u) => {
-            u.preventDefault(), u.stopPropagation(), e(t.id);
-          }, children: /* @__PURE__ */ r.jsx(a, { icon: "delete" }) })
+};
+var Nl = !!(typeof window < "u" && window.document && window.document.createElement), $l = /* @__PURE__ */ function() {
+  function t(e, n) {
+    for (var s = 0; s < n.length; s++) {
+      var o = n[s];
+      o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, o.key, o);
+    }
+  }
+  return function(e, n, s) {
+    return n && t(e.prototype, n), s && t(e, s), e;
+  };
+}();
+function kl(t, e) {
+  if (!(t instanceof e))
+    throw new TypeError("Cannot call a class as a function");
+}
+function Cl(t, e) {
+  if (!t)
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return e && (typeof e == "object" || typeof e == "function") ? e : t;
+}
+function Dl(t, e) {
+  if (typeof e != "function" && e !== null)
+    throw new TypeError("Super expression must either be null or a function, not " + typeof e);
+  t.prototype = Object.create(e && e.prototype, { constructor: { value: t, enumerable: !1, writable: !0, configurable: !0 } }), e && (Object.setPrototypeOf ? Object.setPrototypeOf(t, e) : t.__proto__ = e);
+}
+var Lr = function(t) {
+  Dl(e, t);
+  function e() {
+    return kl(this, e), Cl(this, (e.__proto__ || Object.getPrototypeOf(e)).apply(this, arguments));
+  }
+  return $l(e, [{
+    key: "componentWillUnmount",
+    value: function() {
+      this.defaultNode && document.body.removeChild(this.defaultNode), this.defaultNode = null;
+    }
+  }, {
+    key: "render",
+    value: function() {
+      return Nl ? (!this.props.node && !this.defaultNode && (this.defaultNode = document.createElement("div"), document.body.appendChild(this.defaultNode)), He.createPortal(this.props.children, this.props.node || this.defaultNode)) : null;
+    }
+  }]), e;
+}(oe.Component);
+Lr.propTypes = {
+  children: Ne.node.isRequired,
+  node: Ne.any
+};
+var Il = /* @__PURE__ */ function() {
+  function t(e, n) {
+    for (var s = 0; s < n.length; s++) {
+      var o = n[s];
+      o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, o.key, o);
+    }
+  }
+  return function(e, n, s) {
+    return n && t(e.prototype, n), s && t(e, s), e;
+  };
+}();
+function Sl(t, e) {
+  if (!(t instanceof e))
+    throw new TypeError("Cannot call a class as a function");
+}
+function El(t, e) {
+  if (!t)
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return e && (typeof e == "object" || typeof e == "function") ? e : t;
+}
+function Ol(t, e) {
+  if (typeof e != "function" && e !== null)
+    throw new TypeError("Super expression must either be null or a function, not " + typeof e);
+  t.prototype = Object.create(e && e.prototype, { constructor: { value: t, enumerable: !1, writable: !0, configurable: !0 } }), e && (Object.setPrototypeOf ? Object.setPrototypeOf(t, e) : t.__proto__ = e);
+}
+var Ar = function(t) {
+  Ol(e, t);
+  function e() {
+    return Sl(this, e), El(this, (e.__proto__ || Object.getPrototypeOf(e)).apply(this, arguments));
+  }
+  return Il(e, [{
+    key: "componentDidMount",
+    value: function() {
+      this.renderPortal();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function(s) {
+      this.renderPortal();
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function() {
+      He.unmountComponentAtNode(this.defaultNode || this.props.node), this.defaultNode && document.body.removeChild(this.defaultNode), this.defaultNode = null, this.portal = null;
+    }
+  }, {
+    key: "renderPortal",
+    value: function(s) {
+      !this.props.node && !this.defaultNode && (this.defaultNode = document.createElement("div"), document.body.appendChild(this.defaultNode));
+      var o = this.props.children;
+      typeof this.props.children.type == "function" && (o = oe.cloneElement(this.props.children)), this.portal = He.unstable_renderSubtreeIntoContainer(this, o, this.props.node || this.defaultNode);
+    }
+  }, {
+    key: "render",
+    value: function() {
+      return null;
+    }
+  }]), e;
+}(oe.Component);
+Ar.propTypes = {
+  children: Ne.node.isRequired,
+  node: Ne.any
+};
+var it = void 0;
+He.createPortal ? it = Lr : it = Ar;
+const Ml = "_lightbox_14acg_1", Fl = "_show_14acg_16", Tl = "_header_14acg_20", Rl = "_photo-actions_14acg_26", Bl = "_photo-container_14acg_31", Ll = "_photo_14acg_26", Al = "_nav-button_14acg_41", Hl = "_photos-preview_14acg_49", Wl = "_selected_14acg_62", Pl = "_default-indicator_14acg_66", ae = {
+  lightbox: Ml,
+  show: Fl,
+  header: Tl,
+  "photo-actions": "_photo-actions_14acg_26",
+  photoActions: Rl,
+  "photo-container": "_photo-container_14acg_31",
+  photoContainer: Bl,
+  photo: Ll,
+  "nav-button": "_nav-button_14acg_41",
+  navButton: Al,
+  "photos-preview": "_photos-preview_14acg_49",
+  photosPreview: Hl,
+  selected: Wl,
+  "default-indicator": "_default-indicator_14acg_66",
+  defaultIndicator: Pl
+}, Vl = "_backdrop_3huvf_1", zl = "_show_3huvf_11", sn = {
+  backdrop: Vl,
+  show: zl
+}, Hr = ({ show: t, onClick: e }) => /* @__PURE__ */ r.jsx("div", { className: g("luminus-backdrop", sn.backdrop, {
+  [sn.show]: t
+}), onClick: () => e && e() }), Wr = ({ src: t, alt: e, baseUrl: n, customToken: s, placeholder: o, ...a }) => /* @__PURE__ */ r.jsx("img", { ...a, alt: e ?? "", src: t ?? o }), Yl = ({ show: t, onClose: e, photos: n, defaultIndex: s, uploadPhotosText: o, noPhotosText: a, onUploadPhotos: l, photoActions: i, baseUrl: c, customToken: d, placeholder: u, ImgComponent: f = Wr }) => {
+  const p = V(null), [h, v] = E(s), y = n.at(h), x = h > 0, b = h < n.length - 1;
+  T(() => {
+    t && v(s);
+  }, [s, t]), T(() => {
+    h >= n.length && v(n.length - 1);
+  }, [n, h]);
+  const k = D((m) => {
+    switch (m.key) {
+      case "ArrowLeft":
+        m.stopPropagation(), x && v((N) => N - 1);
+        break;
+      case "ArrowRight":
+        m.stopPropagation(), b && v((N) => N + 1);
+        break;
+      case "Escape":
+        m.stopPropagation(), e();
+        break;
+    }
+  }, [b, x, e]);
+  return Cn(k), /* @__PURE__ */ r.jsxs(it, { children: [
+    /* @__PURE__ */ r.jsx(Hr, { show: t, onClick: e }),
+    /* @__PURE__ */ r.jsxs("div", { ref: p, className: g("luminus-lightbox rounded shadow", ae.lightbox, {
+      [ae.show]: t
+    }), children: [
+      /* @__PURE__ */ r.jsxs("div", { className: ae.header, children: [
+        /* @__PURE__ */ r.jsxs("div", { className: g("rounded", ae.photoActions), children: [
+          l && /* @__PURE__ */ r.jsx(Ir, { accept: ".jpg,.jpeg,.png", onUpload: (m) => {
+            m.length > 0 && l(Array.from(m));
+          }, icon: /* @__PURE__ */ r.jsx(yn, { style: { fontSize: 18 } }), multiple: !0, className: "me-3", children: o ?? null }),
+          y && (i == null ? void 0 : i.map(({ label: m, onClick: N, ...j }, $) => /* @__PURE__ */ r.jsx(
+            ct,
+            {
+              onClick: () => N(y.id),
+              ...j,
+              children: m
+            },
+            `action-${$}`
+          )))
         ] }),
-        /* @__PURE__ */ r.jsx(Y, { variant: "body2", children: t.text })
-      ] })
-    ] }) }) })
-  ] });
-}, an = ({ messages: t, isLoading: e, onDeleteMessage: n, onClickMessage: s, getIcon: o, getLinksTo: a }) => {
-  const { texts: { messageBoard: l } } = W(ce), [i, c] = E(null), d = z(() => t.filter((u) => i ? u.type === i : !0), [i, t]);
-  return /* @__PURE__ */ r.jsxs("div", { className: "h-100 d-flex flex-column overflow-hidden", children: [
-    /* @__PURE__ */ r.jsx(ic, { typeFilter: i, onChangeTypeFilter: (u) => c(u) }),
-    e && /* @__PURE__ */ r.jsxs("div", { className: "p-3 w-100", children: [
-      /* @__PURE__ */ r.jsx(me, { as: zt.Title, animation: "glow", children: /* @__PURE__ */ r.jsx(me, { xs: 6 }) }),
-      /* @__PURE__ */ r.jsxs(me, { as: zt.Text, animation: "glow", children: [
-        /* @__PURE__ */ r.jsx(me, { xs: 7 }),
-        " ",
-        /* @__PURE__ */ r.jsx(me, { xs: 4 }),
-        " ",
-        /* @__PURE__ */ r.jsx(me, { xs: 4 }),
-        " ",
-        /* @__PURE__ */ r.jsx(me, { xs: 6 }),
-        " ",
-        /* @__PURE__ */ r.jsx(me, { xs: 8 })
-      ] })
-    ] }),
-    !e && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-      t.length === 0 && /* @__PURE__ */ r.jsx(Ll, { variant: "info", size: "sm", className: "mt-2", children: l.noMessages }),
-      /* @__PURE__ */ r.jsx("div", { className: "h-100 overflow-y-auto d-flex flex-column gap-2", children: d.map((u) => /* @__PURE__ */ r.jsx(uc, { message: u, onDeleteMessage: n, onClickMessage: s, getIcon: o, getLinksTo: a }, u.id)) })
+        /* @__PURE__ */ r.jsx("div", { role: "button", onClick: e, children: /* @__PURE__ */ r.jsx(fe, { style: { fontSize: "32px" } }) })
+      ] }),
+      n.length === 0 && /* @__PURE__ */ r.jsx("div", { className: "w-100 h-100 d-flex align-items-center justify-content-center", children: /* @__PURE__ */ r.jsx(Y, { variant: "body", children: a ?? "No photos available" }) }),
+      y && /* @__PURE__ */ r.jsxs("div", { className: ae.photoContainer, children: [
+        /* @__PURE__ */ r.jsx("div", { role: x ? "button" : void 0, className: g("align-items-start", ae.navButton), onClick: () => x && v((m) => m - 1), children: x && /* @__PURE__ */ r.jsx(ft, { style: { fontSize: "40px" } }) }),
+        /* @__PURE__ */ r.jsx(f, { src: y.lgSrc, alt: y.alt, className: g("rounded", ae.photo), baseUrl: c, customToken: d, placeholder: u }),
+        /* @__PURE__ */ r.jsx("div", { role: b ? "button" : void 0, className: g("align-items-end", ae.navButton), onClick: () => b && v((m) => m + 1), children: b && /* @__PURE__ */ r.jsx(pt, { style: { fontSize: "40px" } }) })
+      ] }),
+      /* @__PURE__ */ r.jsx("div", { className: ae.photosPreview, children: n.map((m, N) => /* @__PURE__ */ r.jsxs("div", { role: "button", onClick: () => v(N), className: "position-relative", children: [
+        /* @__PURE__ */ r.jsx(f, { role: N !== h ? "button" : void 0, src: m.smSrc, alt: m.alt, className: g("rounded", ae.photo, {
+          [ae.selected]: N === h
+        }), baseUrl: c, customToken: d, placeholder: u }, m.id),
+        m.isDefault && /* @__PURE__ */ r.jsx("div", { className: g("text-primary", ae.defaultIndicator), children: /* @__PURE__ */ r.jsx(js, {}) })
+      ] })) })
     ] })
   ] });
-}, nt = {
-  apiGet: "/messageBoard",
-  apiDelete: "/messageBoard/"
-}, li = ({ renderAsNotifPanel: t, notifIcon: e, apiUrls: { apiGet: n = nt.apiGet, apiDelete: s = nt.apiDelete } = nt, getIcon: o, getLinksTo: a }) => {
-  const i = mt(), [c, d] = E([]), [u, f] = E(!1), [p, h] = E(!1), [v, y] = E(!1), x = D(async () => {
-    h(!0), await i.get(n).then(({ data: j }) => {
-      d(j), f(!0), h(!1);
+}, oi = ({ photos: t, onUploadPhotos: e, uploadPhotosText: n, photoActions: s, baseUrl: o, customToken: a, placeholder: l, ImgComponent: i = Wr }) => {
+  const [c, d] = E(null), u = c !== null ? t[c] : null, [f, p] = E(!1);
+  return T(() => {
+    if (t.length === 0) {
+      d(null), p(!1);
+      return;
+    }
+    const h = t.findIndex((v) => v.isDefault);
+    d(h > -1 ? h : 0);
+  }, [t]), u ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsx(i, { role: "button", src: u.smSrc, alt: u.alt, className: "rounded w-100", onClick: () => p(!0), baseUrl: o, customToken: a, placeholder: l }),
+    /* @__PURE__ */ r.jsx(Yl, { show: f, onClose: () => p(!1), photos: t, defaultIndex: c ?? 0, uploadPhotosText: n, onUploadPhotos: e, photoActions: s, baseUrl: o, customToken: a, placeholder: l, ImgComponent: i })
+  ] }) : e ? /* @__PURE__ */ r.jsx(Ir, { accept: ".jpg,.jpeg,.png", onUpload: (h) => {
+    h.length > 0 && e(Array.from(h));
+  }, icon: /* @__PURE__ */ r.jsx(yn, { style: { fontSize: 18 } }), multiple: !0, children: n ?? null }) : null;
+}, ai = ({ appAccessPermissions: t, children: e }) => {
+  const { useMsal: n, msalScopes: s } = W(ws), { isAuthenticated: o } = ys(), { userLoginState: a } = W(_s), l = a.state === bs.LOGGING_IN, i = a.user && (t == null ? void 0 : t.every((c) => {
+    var d, u;
+    return (u = (d = a.user) == null ? void 0 : d.permissions) == null ? void 0 : u.includes(c);
+  }));
+  return n ? /* @__PURE__ */ r.jsx(As, { interactionType: Ls.Redirect, authenticationRequest: { scopes: s }, children: l || !o() ? /* @__PURE__ */ r.jsx(Ft, {}) : a.user ? i ? /* @__PURE__ */ r.jsx(r.Fragment, { children: e }) : /* @__PURE__ */ r.jsx(Re, { to: "/user-not-permitted", replace: !0 }) : /* @__PURE__ */ r.jsx(Re, { to: "/no-user-login", replace: !0 }) }) : l ? /* @__PURE__ */ r.jsx(Ft, {}) : !o() || !a.user ? /* @__PURE__ */ r.jsx(Re, { to: "/login", replace: !0 }) : i ? e : /* @__PURE__ */ r.jsx(Re, { to: "/user-not-permitted", replace: !0 });
+}, Gl = (t) => {
+  const { variant: e, children: n, className: s, size: o = "md", typographyVariant: a = o === "sm" ? "body2" : "body", ...l } = { ...t };
+  return /* @__PURE__ */ r.jsx(uo, { variant: e, className: `text-center ${o === "sm" ? "p-1" : o === "md" ? "p-3" : "p-4"} bg-${e} bg-opacity-10 border-none ${s ?? ""}`, ...l, children: /* @__PURE__ */ r.jsx(Y, { variant: a, children: n }) });
+}, Ul = "_item_1lf6j_1", Kl = "_level-success_1lf6j_4", ql = "_level-info_1lf6j_10", Ql = "_level-warning_1lf6j_16", Jl = "_level-danger_1lf6j_22", Xl = "_type-icon_1lf6j_28", rt = {
+  item: Ul,
+  "level-success": "_level-success_1lf6j_4",
+  levelSuccess: Kl,
+  "level-info": "_level-info_1lf6j_10",
+  levelInfo: ql,
+  "level-warning": "_level-warning_1lf6j_16",
+  levelWarning: Ql,
+  "level-danger": "_level-danger_1lf6j_22",
+  levelDanger: Jl,
+  "type-icon": "_type-icon_1lf6j_28",
+  typeIcon: Xl
+}, Zl = ({ level: t, children: e, customIcon: n, noIcon: s }) => {
+  const { ProjectIconComponent: o } = W(ce), a = D(() => {
+    switch (t) {
+      case "info":
+        return /* @__PURE__ */ r.jsx(o, { icon: "info" });
+      case "warning":
+        return /* @__PURE__ */ r.jsx(o, { icon: "warning" });
+      case "danger":
+        return /* @__PURE__ */ r.jsx(o, { icon: "danger" });
+      default:
+        return /* @__PURE__ */ r.jsx(o, { icon: "check" });
+    }
+  }, [o, t]);
+  return /* @__PURE__ */ r.jsxs("div", { className: g("p-2 rounded d-flex gap-1 align-items-center justify-content-between", { "ps-1": !s }, rt.item, rt[`level-${t}`]), children: [
+    !s && /* @__PURE__ */ r.jsx("div", { className: g(rt.typeIcon), children: n ?? a() }),
+    /* @__PURE__ */ r.jsx(Y, { variant: "body2", className: "w-100", children: e })
+  ] });
+}, li = ({ version: t }) => /* @__PURE__ */ r.jsx("div", { className: "rounded", style: {
+  position: "fixed",
+  right: "0px",
+  bottom: "0px",
+  zIndex: "10000",
+  backgroundColor: "rgba(255, 255, 255, 0.5)",
+  padding: "4px",
+  pointerEvents: "all"
+}, children: /* @__PURE__ */ r.jsxs(Y, { variant: "caption", className: "w-100 text-end", children: [
+  "verze ",
+  t
+] }) }), ec = "_submit-container_a9slg_1", tc = "_spacer_a9slg_14", on = {
+  "submit-container": "_submit-container_a9slg_1",
+  submitContainer: ec,
+  spacer: tc
+}, nc = ({ children: t, noSpacer: e = !1 }) => /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+  !e && /* @__PURE__ */ r.jsx("div", { className: on.spacer }),
+  /* @__PURE__ */ r.jsx("div", { className: g("luminus-floating-action-container shadow", on.submitContainer), children: t })
+] }), rc = "_timeline_g1754_1", sc = "_step-container_g1754_1", oc = "_step-date_g1754_1", ac = "_step-content_g1754_4", lc = "_content-header_g1754_8", cc = "_content-text_g1754_11", ic = "_step-icon_g1754_14", be = {
+  timeline: rc,
+  "step-container": "_step-container_g1754_1",
+  stepContainer: sc,
+  "step-date": "_step-date_g1754_1",
+  stepDate: oc,
+  "step-content": "_step-content_g1754_4",
+  stepContent: ac,
+  "content-header": "_content-header_g1754_8",
+  contentHeader: lc,
+  "content-text": "_content-text_g1754_11",
+  contentText: cc,
+  "step-icon": "_step-icon_g1754_14",
+  stepIcon: ic
+}, ci = ({ steps: t }) => /* @__PURE__ */ r.jsx("div", { className: be.timeline, children: t.sort((e, n) => Us(e.date ?? /* @__PURE__ */ new Date(), n.date ?? /* @__PURE__ */ new Date())).map((e, n) => /* @__PURE__ */ r.jsxs("div", { className: g("row g-0 gx-3", be.stepContainer), children: [
+  /* @__PURE__ */ r.jsx("div", { className: "col-3", children: e.date && /* @__PURE__ */ r.jsxs(Y, { variant: "caption", className: g("h-100 d-flex flex-column align-items-end justify-content-center gap-0", be.stepDate), children: [
+    /* @__PURE__ */ r.jsx("div", { children: Ee(e.date, "dd.MM.yyyy") }),
+    /* @__PURE__ */ r.jsx("div", { children: Ee(e.date, "HH:mm") })
+  ] }) }),
+  /* @__PURE__ */ r.jsx("div", { className: "col-9", children: /* @__PURE__ */ r.jsxs("div", { className: g("h-100 d-flex flex-column gap-1 border-start border-2 p-3", be.stepContent), children: [
+    /* @__PURE__ */ r.jsxs("div", { className: g("d-flex gap-2 align-items-center", be.contentHeader), children: [
+      e.person && /* @__PURE__ */ r.jsx(vn, { name: e.person.name ?? "", size: 22, fontSize: 12 }),
+      typeof e.title == "string" ? /* @__PURE__ */ r.jsx(Y, { variant: "body", className: "fw-bold", children: e.title }) : e.title
+    ] }),
+    e.text && /* @__PURE__ */ r.jsx(Y, { variant: "body2", className: be.contentText, children: e.text }),
+    /* @__PURE__ */ r.jsx("div", { className: g("text-primary", be.stepIcon), children: e.icon ?? /* @__PURE__ */ r.jsx(Ns, {}) })
+  ] }) })
+] }, n)) }), dc = (t, e, n, s = !0) => {
+  const o = mt({ silent: s, differentBaseUrl: e, customToken: n }), [a, l] = E(!1), [i, c] = E(null), d = D(async (u) => {
+    l(!0), c(null), o.get(t, {
+      signal: u,
+      responseType: "blob"
+    }).then((f) => {
+      l(!1), c(f.data);
     }).catch(() => {
-      d([]), h(!1);
-    });
-  }, [n, i]), b = D(async (j) => i.delete(`${s}${j}`).then(() => !0).catch(() => !1), [s, i]), k = D((j) => {
-    b(j).then(($) => {
-      $ && d(c.filter((_) => _.id !== j));
+      l(!1), c(null);
     });
-  }, [b, c]);
-  T(() => {
-    x();
-    const j = setInterval(() => x(), 60 * 1e3);
-    return () => {
-      clearInterval(j);
+  }, [o, t]);
+  return T(() => {
+    const u = new AbortController();
+    return d(u.signal), () => {
+      u.abort();
     };
-  }, [x]);
-  const m = c.filter((j) => j.type === "danger").length, N = u ? !1 : p;
-  return t ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsxs("div", { className: "position-relative", children: [
-      /* @__PURE__ */ r.jsx(G, { size: "md", onClick: () => y(!v), children: e }),
-      m > 0 && /* @__PURE__ */ r.jsx("div", { className: "badge rounded-pill bg-danger p-1 px-2 text-white", style: { position: "absolute", top: "-6px", right: "-10px", fontSize: "10px" }, children: m })
-    ] }),
-    /* @__PURE__ */ r.jsx(qt, { show: v, onHide: () => y(!1), placement: "end", children: /* @__PURE__ */ r.jsx(qt.Body, { children: /* @__PURE__ */ r.jsx(an, { messages: c, isLoading: N, onDeleteMessage: k, onClickMessage: () => y(!1), getIcon: o, getLinksTo: a }) }) })
-  ] }) : /* @__PURE__ */ r.jsx(an, { messages: c, isLoading: N, onDeleteMessage: k, getIcon: o, getLinksTo: a });
-}, fc = "_tab-panel_d8l8q_1", pc = "_full-height-no-overflow_d8l8q_5", hc = "_disabled_d8l8q_12", rt = {
-  "tab-panel": "_tab-panel_d8l8q_1",
-  tabPanel: fc,
-  "full-height-no-overflow": "_full-height-no-overflow_d8l8q_5",
-  fullHeightNoOverflow: pc,
-  disabled: hc
-}, ci = ({ eventKey: t, activeTab: e, fullHeightNoOverflow: n, disabled: s, className: o, children: a }) => t !== e ? null : /* @__PURE__ */ r.jsx("div", { className: g("luminus-tab-panel", rt.tabPanel, { [rt.fullHeightNoOverflow]: n }, { disabled: s }, { [rt.disabled]: s }, o), children: a }), ii = ({ activeTab: t, onSelect: e, children: n }) => /* @__PURE__ */ r.jsx("div", { className: g("luminus-tabs d-flex gap-1 mb-2"), children: n.map((s) => {
-  const o = s.type, a = s.props;
-  if (!a)
-    return null;
-  const l = a.eventKey, i = a.children, c = a.className, d = a.onClick;
-  return /* @__PURE__ */ Is(o, { ...a, key: a.eventKey, className: g({ active: t === l }, c), onClick: () => {
-    e(l), d && d(l);
-  } }, i);
-}) }), mc = "_tab_1hdhk_1", gc = "_disabled_1hdhk_8", ln = {
-  tab: mc,
-  disabled: gc
-}, di = ({ eventKey: t, className: e, onClick: n, disabled: s, children: o }) => /* @__PURE__ */ r.jsx("div", { role: "button", className: g("luminus-tab text-primary rounded", ln.tab, e, {
-  disabled: s
-}, { [ln.disabled]: s }), onClick: () => n && !s && n(t), children: typeof o == "string" ? /* @__PURE__ */ r.jsx(Y, { variant: "h6", className: "text-primary", children: o }) : o });
+  }, [d]), { data: i, setData: c, reloadData: d, isLoading: a };
+}, ii = ({ src: t, alt: e, baseUrl: n, customToken: s, placeholder: o, ...a }) => {
+  const { data: l } = dc(t, n, s), [i, c] = E(null);
+  return T(() => {
+    let d = null;
+    return l !== null ? (d = URL.createObjectURL(l), c(d)) : c(null), () => {
+      d !== null && URL.revokeObjectURL(d);
+    };
+  }, [l]), i === null && !o ? null : /* @__PURE__ */ r.jsx("img", { ...a, alt: e ?? "", src: i ?? o });
+}, an = [
+  ["D", "day"],
+  // ['W', 'week'],
+  ["M", "month"],
+  ["Y", "year"],
+  ["C", "custom"]
+], uc = "_wrapper_qfqux_1", fc = "_lg_qfqux_7", pc = "_sm_qfqux_11", hc = "_md_qfqux_14", ln = {
+  wrapper: uc,
+  lg: fc,
+  sm: pc,
+  md: hc
+}, Ae = (t) => {
+  const e = new Date(t), n = ge(e.toISOString());
+  e.setMonth(e.getMonth() + 1), e.setDate(e.getDate() - 1);
+  const s = ge(e.toISOString());
+  return { from: n, to: s };
+}, Ie = (t) => {
+  const e = new Date(t), n = ge(e.toISOString());
+  e.setFullYear(e.getFullYear() + 1), e.setDate(e.getDate() - 1);
+  const s = ge(e.toISOString());
+  return { from: n, to: s };
+}, mc = (t, e) => {
+  if (t === null || e === null)
+    return "C";
+  if (t === e)
+    return "D";
+  const n = new Date(t);
+  return Ae(n).to === e ? "M" : Ie(n).to === e ? "Y" : (console.log(Ie(n), e), "C");
+}, gc = (t, e, n) => {
+  const s = D((l, i) => {
+    if (t === "C") {
+      n((c) => ({ ...c, [l]: i }));
+      return;
+    }
+    switch (l) {
+      case "from":
+        n((c) => {
+          if (i === null)
+            return c;
+          const d = new Date(i);
+          if (t === "D") {
+            const u = ge(d.toISOString());
+            return {
+              from: u,
+              to: u
+            };
+          }
+          return t === "M" ? Ae(d) : t === "Y" ? Ie(d) : c;
+        });
+        break;
+      case "to":
+        e("C"), n((c) => ({ ...c, [l]: i }));
+        break;
+    }
+  }, [t, n, e]), o = D((l) => {
+    n((i) => {
+      if (i.from === null || i.to === null)
+        return i;
+      const c = new Date(i.from);
+      c.setHours(c.getHours() - c.getTimezoneOffset() / 60);
+      const d = new Date(i.to);
+      if (t === "D") {
+        c.setDate(c.getDate() + l);
+        const u = ge(c.toISOString());
+        return {
+          from: u,
+          to: u
+        };
+      }
+      return t === "M" ? (c.setMonth(c.getMonth() + l), Ae(c)) : t === "Y" ? (c.setFullYear(c.getFullYear() + l), Ie(c)) : {
+        from: ge(c.toISOString()),
+        to: ge(d.toISOString())
+      };
+    });
+  }, [t, n]), a = D((l) => {
+    l === "D" ? n((i) => ({ from: i.from, to: i.from })) : l === "M" ? n((i) => {
+      if (i.from === null)
+        return i;
+      const c = Ws(i.from);
+      return Ae(c);
+    }) : l === "Y" && n((i) => {
+      if (i.from === null)
+        return i;
+      const c = Ps(new Date(i.from).getFullYear());
+      return Ie(c);
+    }), e(l);
+  }, [n, e]);
+  return { setFromToProp: s, handleArrowClick: o, handleRangeChange: a };
+}, di = ({ fromtoState: [t, e], className: n, size: s }) => {
+  const { texts: { date: o }, ProjectIconComponent: a } = W(ce), [l, i] = E("C"), { handleArrowClick: c, handleRangeChange: d, setFromToProp: u } = gc(l, i, e), f = z(() => l === "C", [l]), p = V(!0);
+  return T(() => {
+    if (p.current) {
+      const h = mc(t.from, t.to);
+      i(h), p.current = !1;
+    }
+  }, [t.from, t.to]), /* @__PURE__ */ r.jsxs("div", { className: g("d-inline-flex align-items-center gap-1", ln.wrapper, ln[s ?? "md"], n), children: [
+    /* @__PURE__ */ r.jsx(G, { disabled: f, onClick: () => {
+      c(-1);
+    }, children: /* @__PURE__ */ r.jsx(a, { icon: "chevron-left" }) }),
+    /* @__PURE__ */ r.jsx("div", { children: /* @__PURE__ */ r.jsxs("div", { className: "d-flex align-items-center gap-1", children: [
+      /* @__PURE__ */ r.jsx(Qt, { type: "date", value: t.from, onChange: (h) => u("from", h === null ? null : h.toString()), InputContainer: Et, size: s }),
+      /* @__PURE__ */ r.jsx(Rr, { toggle: /* @__PURE__ */ r.jsx(Tr, { text: o[an.find((h) => h[0] === l)[1]].substring(0, 1), as: $s }), children: an.map((h) => /* @__PURE__ */ r.jsx(Fr, { disabled: h[0] === l, className: g(h[0] === l ? "text-black-50" : ""), onClick: () => d(h[0]), role: "button", children: o[h[1]] }, h[0])) }),
+      /* @__PURE__ */ r.jsx(Qt, { type: "date", value: t.to, onChange: (h) => u("to", h === null ? null : h.toString()), InputContainer: Et, size: s })
+    ] }) }),
+    /* @__PURE__ */ r.jsx(G, { disabled: f, onClick: () => {
+      c(1);
+    }, children: /* @__PURE__ */ r.jsx(a, { icon: "chevron-right" }) })
+  ] });
+};
 export {
-  Ll as Alert,
-  Yl as AlertItem,
+  Gl as Alert,
+  Zl as AlertItem,
   Sc as ApiFileDownloadButton,
-  Ac as AppSearch,
-  Wc as AuthTemplate,
-  wn as AvatarIcon,
-  Ar as Backdrop,
-  Tc as Badge,
-  ml as Card,
-  Yc as CheckInput,
-  Rc as Collapse,
+  si as AppSearch,
+  ai as AuthTemplate,
+  vn as AvatarIcon,
+  Hr as Backdrop,
+  ni as Badge,
+  bl as Card,
+  Fc as CheckInput,
+  ri as Collapse,
   ct as ContextButton,
   Rr as Dropdown,
-  Lc as DropdownDivider,
+  qc as DropdownDivider,
   Fr as DropdownItem,
-  Uc as DropdownPicker,
+  Rc as DropdownPicker,
   Tr as DropdownToggle,
-  fa as ErrorBoundary,
+  ka as ErrorBoundary,
   Ir as FileUploadContextButton,
-  Bc as FileUploadDropdownItem,
-  Kl as FloatingActionContainer,
+  Kc as FileUploadDropdownItem,
+  nc as FloatingActionContainer,
   Vo as FloatingFormSubmit,
   Ce as FloatingLabelInput,
-  Qc as FromToDatePicker,
-  Fc as HomeDashboard,
-  Jc as HookFormCheckInput,
-  ti as HookFormDropdownPicker,
-  ni as HookFormFileInput,
-  ri as HookFormFloatingSubmit,
-  oi as HookFormNumericStepperInput,
-  Xc as HookFormRadioInput,
-  si as HookFormSelectInput,
-  Zc as HookFormTextAreaInput,
-  ei as HookFormTextInput,
+  di as FromToDatePicker,
+  ti as HomeDashboard,
+  Ac as HookFormCheckInput,
+  Vc as HookFormDropdownPicker,
+  zc as HookFormFileInput,
+  Yc as HookFormFloatingSubmit,
+  Uc as HookFormNumericStepperInput,
+  Hc as HookFormRadioInput,
+  Gc as HookFormSelectInput,
+  Wc as HookFormTextAreaInput,
+  Pc as HookFormTextInput,
   Ec as HtmlTooltip,
   G as IconButton,
-  zc as ImgApi,
-  Hr as ImgDirect,
+  ii as ImgApi,
+  Wr as ImgDirect,
   ve as InvalidFeedback,
   Ft as Loading,
   Ys as LoadingBlock,
-  li as MessageBoard,
+  Jc as MessageBoard,
   Oc as MonthPicker,
   Et as NoInputContainer,
-  qc as NumericStepperInput,
-  Hc as PhotoLibrary,
-  Bl as PhotoLightbox,
+  Lc as NumericStepperInput,
+  oi as PhotoLibrary,
+  Yl as PhotoLightbox,
   Mt as PrimaryButton,
   xe as RowLabelInput,
-  Gc as SelectInput,
+  Tc as SelectInput,
   kt as SimplePicker,
   xs as SimpleToggle,
   Vs as SimpleTooltip,
-  di as Tab,
-  ci as TabPanel,
-  ii as Tabs,
-  Kc as TextAreaInput,
-  rn as TextInput,
-  Vc as Timeline,
+  ei as Tab,
+  Xc as TabPanel,
+  Zc as Tabs,
+  Bc as TextAreaInput,
+  Qt as TextInput,
+  ci as Timeline,
   Y as Typography,
   pi as UserAvatarToggle,
-  ai as UserAvatarValueFormat,
-  Pc as VersionInfo,
-  Jt as WidgetCard,
+  Qc as UserAvatarValueFormat,
+  li as VersionInfo,
+  en as WidgetCard,
   Mc as YearPicker
 };