react-luminus-components 1.2.79 → 1.2.81

package/dist/main.es.js

@@ -1,12 +1,12 @@
-import { j as s, c as w, t as re, a as ie, g as cr, T as lr, b as ur, s as jt, E as dr, d as hr, e as mr, f as fr, h as pr, u as V, i as de, k as Qt, F as kt, l as gr, m as wr, n as xr, o as yr, p as br, q as vr, r as _r, v as jr, w as lt, x as ut, y as kr, z as Cr, P as _e, A as he, B as Nr, C as $r, D as dt, S as Ct, G as Pe, H as Ae, I as ht, J as Ir, K as Xt, L as Ie, M as qe, O as Nt, N as Sr, Q as oe, R as Tr, U as Er, V as Jt, W as mt, X as ft, Y as Or, Z as Ze, _ as z, $ as Ve, a0 as ke, a1 as Zt, a2 as xe, a3 as Mr, a4 as Dr, a5 as en, a6 as Pr, a7 as tn, a8 as Ar, a9 as Fr, aa as Wr, ab as Rr, ac as nn, ad as Lr, ae as qr, af as Yr, ag as Br } from "./UserAvatarToggle-ByG1NTlM.js";
-import { ai as yl, ah as bl } from "./UserAvatarToggle-ByG1NTlM.js";
+import { j as s, c as w, t as re, a as ie, g as cr, T as lr, b as ur, s as jt, E as dr, d as hr, e as mr, f as fr, h as pr, u as V, i as de, k as Qt, F as kt, l as gr, m as wr, n as xr, o as yr, p as br, q as vr, r as _r, v as jr, w as lt, x as ut, y as kr, z as Cr, P as _e, A as he, B as Nr, C as $r, D as dt, S as Ct, G as Pe, H as Ae, I as ht, J as Ir, K as Xt, L as Ie, M as qe, O as Nt, N as Sr, Q as oe, R as Tr, U as Er, V as Jt, W as mt, X as ft, Y as z, Z as Or, _ as Zt, $ as Mr, a0 as en, a1 as Dr, a2 as Pr, a3 as Ar, a4 as Fr, a5 as tn, a6 as ke, a7 as Wr, a8 as Rr, a9 as Lr, aa as qr, ab as Yr, ac as Ze, ad as Ve, ae as nn, af as xe, ag as Br } from "./NoInputContainer-6brUvTDa.js";
+import { ai as yl, ah as bl } from "./NoInputContainer-6brUvTDa.js";
 import * as A from "react";
-import J, { useCallback as O, useMemo as Q, useEffect as D, useRef as Y, useState as P, useReducer as rn, useContext as F, createElement as Hr, Component as Gr, isValidElement as Vr, Suspense as Ur } from "react";
-import { c as le, d as zr, C as Kr, a as on, u as Qr, q as $t, E as Fe, M as We, L as Xr } from "./EventType-CpXqyU6N.js";
+import J, { useCallback as O, useMemo as Q, useEffect as D, useRef as Y, useState as P, useReducer as rn, useContext as F, Component as Hr, isValidElement as Gr, Suspense as Vr, createElement as Ur } from "react";
+import { c as le, d as zr, C as Kr, a as on, u as Qr, q as $t, E as Fe, M as We, L as Xr } from "./EventType-CFrd7EyJ.js";
 import { useFormContext as me, Controller as sn } from "react-hook-form";
-import { m as Jr, a as an } from "./textUtils-BbxuIsKq.js";
-import { u as cn, a as ln, b as un } from "./useFormControlType-oJGqgThz.js";
-import { S as _l } from "./SimpleTooltip-Dlu42YM6.js";
+import { m as Jr, a as an } from "./textUtils-BZyf3rh0.js";
+import { u as cn, a as ln, b as un } from "./useFormControlType-BAFqxupC.js";
+import { S as _l } from "./SimpleTooltip-_bjk41Zj.js";
 const qc = ({ fileLoader: t, fileName: e, children: n }) => {
   const r = O(async () => {
     var l;
@@ -2963,1016 +2963,1016 @@ const Fa = "_button_1wjon_1", Wa = "_filled_1wjon_7", Ra = "_sm_1wjon_13", La =
   ] });
 }, Qa = "_widget_etgh3_1", Xa = {
   widget: Qa
-}, Hc = ({ heading: t, content: e, placement: n, children: r, trigger: o }) => /* @__PURE__ */ s.jsx(Or, { placement: n, overlay: /* @__PURE__ */ s.jsxs(Ze, { className: "luminus-tooltip", children: [
-  /* @__PURE__ */ s.jsx(Ze.Header, { children: typeof t == "string" ? /* @__PURE__ */ s.jsx(z, { variant: "h6", className: "text-primary", children: t }) : t }),
-  /* @__PURE__ */ s.jsx(Ze.Body, { children: e })
-] }), trigger: o ?? "hover", rootClose: !0, children: r }), rr = ({ currentSelection: t, selectedItemNavigateTo: e, children: n }) => {
-  const { LinkComponent: r } = F(oe);
-  if (!t || !t.id || !e)
-    return /* @__PURE__ */ s.jsx("div", { className: "luminus-input-container position-relative w-100", children: n });
-  const o = e(t);
-  return /* @__PURE__ */ s.jsx(r, { to: o, className: "luminus-input-container position-relative w-100 text-decoration-none", children: n });
-}, Gc = ({ InputContainer: t = Ve, label: e, value: n, onChange: r, hidden: o, disabled: a, className: i, type: l, withoutLabel: c }) => /* @__PURE__ */ s.jsx(t, { isForCheckInput: !0, hidden: o, label: e ?? "", withoutLabel: c, className: i, children: /* @__PURE__ */ s.jsx(ee.Check, { id: `check-${e}`, type: l ?? "checkbox", label: e ?? "", checked: n, onChange: (u) => {
-  var d;
-  r && r(((d = u.target) == null ? void 0 : d.checked) ?? !1);
-}, className: i ?? "", hidden: o ?? !1, disabled: a ?? !1 }) }), Vc = ({ InputContainer: t = Ve, type: e, value: n, onChange: r, debounceMs: o, label: a, withoutLabel: i, placeholder: l, size: c, hidden: u, disabled: d, showClearIcon: h, clearValue: m, list: p, className: v, step: x }) => {
-  const f = e === "number", j = O(() => {
-    if (!r)
-      return;
-    const N = m ?? null;
-    r(f ? N ? Number(N) : null : (N == null ? void 0 : N.toString()) ?? "");
-  }, [m, f, r]), b = Y(null), [g, C] = P((n == null ? void 0 : n.toString()) ?? ""), k = O((N) => {
-    const _ = N;
-    r && (f && r(_ == null || _ === "" ? null : Number(_)), r(_ || null));
-  }, [f, r]), y = O((N) => {
-    var T;
-    const _ = (T = N.target) == null ? void 0 : T.value;
-    if (!o) {
-      k(_);
-      return;
-    }
-    C(_), b.current !== null && window.clearTimeout(b.current), b.current = window.setTimeout(() => {
-      k(_);
-    }, o);
-  }, [o, k]);
-  D(() => {
-    C(n === null ? "" : n.toString());
-  }, [n]);
-  const [$, M] = P(!1), S = cn(e, n ? n.toString() ?? null : null, $);
-  return /* @__PURE__ */ s.jsxs(t, { withoutLabel: i, label: a ?? "", hidden: u, className: v, children: [
-    /* @__PURE__ */ s.jsx(ee.Control, { type: S, placeholder: l ?? a, size: c, value: o ? g : n ?? "", onChange: y, className: v ?? "", hidden: u, disabled: d ?? !1, list: p, onFocus: () => M(!0), onBlur: () => M(!1), step: x }),
-    h && n && r && !d && /* @__PURE__ */ s.jsx("div", { className: `luminus-input-remove-icon ${e !== "text" ? "inset" : ""}`, children: /* @__PURE__ */ s.jsx(Z, { color: "secondary", size: "sm", onClick: j, children: /* @__PURE__ */ s.jsx(ke, {}) }) })
-  ] });
-}, Uc = ({
-  InputContainer: t = Ve,
-  value: e,
-  options: n,
-  onChange: r,
-  label: o,
-  withoutLabel: a,
-  isNumber: i,
-  size: l,
-  hidden: c,
-  disabled: u,
-  showClearIcon: d,
-  clearValue: h,
-  noSortOptions: m,
-  className: p,
-  noEmptyOption: v
-  // it will still add the empty option if there is no value provided or value is empty string or null
-}) => {
-  const x = O(() => {
-    if (!r)
-      return;
-    const f = h ?? null;
-    r(i ? f ? Number(f) : null : (f == null ? void 0 : f.toString()) ?? "");
-  }, [h, i, r]);
-  return /* @__PURE__ */ s.jsxs(t, { withoutLabel: a, label: o ?? "", hidden: c, className: p, children: [
-    /* @__PURE__ */ s.jsxs(ee.Select, { size: l, value: e ?? "", onChange: (f) => {
-      var b;
-      if (!r)
-        return;
-      const j = (b = f.target) == null ? void 0 : b.value;
-      i && r(j ? parseInt(j, 10) : null), r(j || null);
-    }, className: p ?? "", hidden: c, disabled: u ?? !1, children: [
-      v && !(e == null || e === "") ? void 0 : /* @__PURE__ */ s.jsx("option", { value: "" }),
-      n == null ? void 0 : n.sort((f, j) => m ? 0 : (f.name ?? "").localeCompare(j.name ?? "")).map((f) => /* @__PURE__ */ s.jsx("option", { value: f.id ?? "", children: f.name }, f.id))
-    ] }),
-    d && e && r && !u && /* @__PURE__ */ s.jsx("div", { className: "luminus-input-remove-icon inset", children: /* @__PURE__ */ s.jsx(Z, { color: "secondary", size: "sm", onClick: x, children: /* @__PURE__ */ s.jsx(ke, {}) }) })
+}, Ja = ({ show: t, widgets: e, handleClose: n, onWidgetPicked: r, texts: o }) => /* @__PURE__ */ s.jsxs(We, { show: t, onHide: () => n(), children: [
+  /* @__PURE__ */ s.jsx(We.Header, { closeButton: !0, children: /* @__PURE__ */ s.jsx(We.Title, { children: o.pickWidgetToAdd }) }),
+  /* @__PURE__ */ s.jsx(We.Body, { children: /* @__PURE__ */ s.jsx("div", { className: "list-group", children: e.filter((a) => a.id >= 0).map((a) => /* @__PURE__ */ s.jsx("div", { role: "button", className: "list-group-item bg-white", onClick: () => r(a.id), children: /* @__PURE__ */ s.jsx(z, { variant: "body", children: a.name }) })) }) })
+] }), Bt = ({ availableWidgets: t, onAdd: e, texts: n }) => {
+  const [r, o] = P(!1);
+  return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    /* @__PURE__ */ s.jsx("div", { className: w("luminus-empty-widget", Xa.widget), children: /* @__PURE__ */ s.jsx(Z, { onClick: () => o(!0), children: /* @__PURE__ */ s.jsx(Or, {}) }) }),
+    /* @__PURE__ */ s.jsx(Ja, { show: r, widgets: t, handleClose: () => o(!1), onWidgetPicked: (a) => {
+      o(!1), e(a);
+    }, texts: n })
   ] });
-}, zc = ({ InputContainer: t = Ve, items: e, defaultSelection: n, selectedItemNavigateTo: r, onSearchQueryChange: o, texts: a, isLoading: i, isNumber: l, onSelect: c, label: u, withoutLabel: d, size: h, dropdownItemsNameWidth: m, additionalColumns: p, hidden: v, disabled: x, displayIdAsName: f, CustomOnChangeComponent: j, className: b }) => {
-  var T, W;
-  const [g, C] = P(n), [k, y] = P(!1);
-  D(() => {
-    C(n);
-  }, [n]);
-  const $ = O((R) => {
-    C(R);
-  }, []), M = O((R) => {
-    y(!1), $(R);
-  }, [$]);
+}, Za = (t) => {
+  const [e, n] = P({ widgets: [] });
   D(() => {
-    c && c(g);
-  }, [g, c]);
-  const S = Y(null), N = r !== void 0, _ = N && g !== null;
-  return /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsxs(t, { withoutLabel: d, label: u ?? "", hidden: v, inputContainerClassName: w({ "luminus-dropdown-select-open": k }), className: b, children: [
-    /* @__PURE__ */ s.jsxs(rr, { currentSelection: g, selectedItemNavigateTo: r, children: [
-      f && (g == null ? void 0 : g.name) && /* @__PURE__ */ s.jsx(z, { variant: "caption", className: "d-flex justify-content-end mt-2 luminus-dropdown-selection-name", children: g.name }),
-      /* @__PURE__ */ s.jsxs(ee.Select, { ref: S, size: h, value: (g == null ? void 0 : g.id) ?? "", onChange: (R) => C({
-        id: l ? Number(R.target.value) ?? null : R.target.value,
-        name: ""
-      }), onMouseDown: (R) => {
-        R.currentTarget.focus(), R.preventDefault();
-      }, onClick: () => {
-        !N && !x && y(!0);
-      }, className: w("w-100", {
-        "luminus-dropdown-picker-disabled": x,
-        "luminus-dropdown-picker-link": _
-      }), hidden: v, children: [
-        /* @__PURE__ */ s.jsx("option", { value: "" }),
-        n && /* @__PURE__ */ s.jsx("option", { value: n.id ?? void 0, children: n.name && ((T = n.name) == null ? void 0 : T.length) > 0 ? n.name : n.id }),
-        g && /* @__PURE__ */ s.jsx("option", { value: g.id ?? void 0, children: g.name && ((W = g.name) == null ? void 0 : W.length) > 0 ? g.name : g.id })
-      ] }),
-      j || !x && N ? /* @__PURE__ */ s.jsxs("div", { className: "custom-picker-button", children: [
-        !j && !x && N && /* @__PURE__ */ s.jsx(Z, { size: "sm", color: "secondary", onClick: (R) => {
-          R.preventDefault(), R.stopPropagation(), y(!0);
-        }, children: /* @__PURE__ */ s.jsx(Zt, {}) }),
-        j ?? null
-      ] }) : null
+    const o = localStorage.getItem("dashboardConfig");
+    o ? n(JSON.parse(o)) : t && n(t);
+  }, [t]);
+  const r = O((o) => {
+    n(o), localStorage.setItem("dashboardConfig", JSON.stringify(o));
+  }, []);
+  return { dashboardConfig: e, onChangeDashboardConfig: r };
+}, ei = "_dashboard_16plm_1", ti = "_widgets-grid_16plm_1", ni = "_widget-wrapper_16plm_8", ri = "_full-width_16plm_13", oi = "_widget-edit_16plm_16", si = "_remove-icon_16plm_19", ai = "_full-width-icon_16plm_26", ii = "_widget-edit-overlay_16plm_36", ae = {
+  dashboard: ei,
+  "widgets-grid": "_widgets-grid_16plm_1",
+  widgetsGrid: ti,
+  "widget-wrapper": "_widget-wrapper_16plm_8",
+  widgetWrapper: ni,
+  "full-width": "_full-width_16plm_13",
+  fullWidth: ri,
+  "widget-edit": "_widget-edit_16plm_16",
+  widgetEdit: oi,
+  "remove-icon": "_remove-icon_16plm_19",
+  removeIcon: si,
+  "full-width-icon": "_full-width-icon_16plm_26",
+  fullWidthIcon: ai,
+  "widget-edit-overlay": "_widget-edit-overlay_16plm_36",
+  widgetEditOverlay: ii
+};
+class ci extends Hr {
+  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 };
+  }
+  componentDidCatch(e, n) {
+    console.error("Error:", e, n);
+  }
+  reload() {
+    this.setState({ hasError: !1 });
+  }
+  render() {
+    const { fallback: e, children: n, texts: r, reloadButtonDisplay: o = "append-after-child" } = this.props;
+    return this.state.hasError ? o === "inject-to-child" && Gr(e) ? J.cloneElement(e, {
+      ...e.props
+    }, /* @__PURE__ */ s.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__ */ s.jsx(ct, { type: "button", onClick: this.reload, children: r.reloadButtonContent })
+    ] })) : /* @__PURE__ */ s.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__ */ s.jsx(ct, { type: "button", onClick: this.reload, children: r.reloadButtonContent })
+    ] }) : n;
+  }
+}
+const li = (t) => (n) => {
+  const { errorBoundaryTexts: r } = F(oe);
+  return /* @__PURE__ */ s.jsx(t, { texts: r, ...n });
+}, ui = li(ci), di = "_widget-card_e9tsb_1", hi = {
+  "widget-card": "_widget-card_e9tsb_1",
+  widgetCard: di
+}, Ht = ({ children: t, title: e, headerContent: n }) => /* @__PURE__ */ s.jsx(gc, { className: w(hi.widgetCard, "luminus-widget"), title: e, headerContent: n, contentClassName: "h-100 overflow-auto", children: t }), mi = ({ children: t, title: e }) => {
+  const { widgetTexts: n } = F(oe);
+  return /* @__PURE__ */ s.jsx(ui, { fallback: /* @__PURE__ */ s.jsx(Ht, { title: e, children: n.fallbackError }), reloadButtonDisplay: "inject-to-child", children: /* @__PURE__ */ s.jsx(Vr, { fallback: /* @__PURE__ */ s.jsx(Ht, { title: e, children: /* @__PURE__ */ s.jsx(Zr, {}) }), children: t }) });
+}, Hc = ({ availableWidgets: t, editMode: e, defaultDashboardConfig: n }) => {
+  var d;
+  const { homeDashboardTexts: r } = F(oe), { dashboardConfig: o, onChangeDashboardConfig: a } = Za(n), i = O((h, m) => {
+    var p, v;
+    h === ((p = o.widgets) == null ? void 0 : p.length) ? a({
+      ...o,
+      widgets: [...o.widgets, { widgetId: m, fullWidth: !1 }]
+    }) : a({
+      ...o,
+      widgets: ((v = o.widgets) == null ? void 0 : v.map((x, f) => f === h ? { widgetId: m, fullWidth: !1 } : x)) ?? []
+    });
+  }, [o, a]), l = O((h) => {
+    var m, p;
+    ((m = o.widgets[h]) == null ? void 0 : m.widgetId) === -1 ? a({
+      ...o,
+      widgets: ((p = o.widgets) == null ? void 0 : p.filter((v, x) => x !== h)) ?? []
+    }) : i(h, -1);
+  }, [o, a, i]), c = O((h) => {
+    var m;
+    a({
+      ...o,
+      widgets: ((m = o.widgets) == null ? void 0 : m.map((p, v) => v === h ? { ...p, fullWidth: !p.fullWidth } : p)) ?? []
+    });
+  }, [o, a]), u = O((h, m, p) => h ? /* @__PURE__ */ s.jsxs("div", { className: w(ae.widgetWrapper, {
+    [ae.widgetEdit]: e && h.id !== -1
+  }, { [ae.fullWidth]: p }), children: [
+    e && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+      /* @__PURE__ */ s.jsx(Z, { color: "danger", onClick: () => l(m), className: w(ae.removeIcon), children: /* @__PURE__ */ s.jsx(Zt, {}) }),
+      /* @__PURE__ */ s.jsx(Z, { color: p ? "danger" : "primary", onClick: () => c(m), className: w(ae.fullWidthIcon), children: /* @__PURE__ */ s.jsx(Mr, {}) })
     ] }),
-    S.current && /* @__PURE__ */ s.jsx(_t, { show: k, onCancel: () => y(!1), items: e, currentSelection: g, onSelectionChange: M, onSearchQueryChange: o, texts: a, itemsNameWidth: m, additionalColumns: p, isLoading: i, disabled: x, inputRef: S })
+    h.id === -1 ? e && /* @__PURE__ */ s.jsx("div", { className: ae.widgetWrapper, children: /* @__PURE__ */ s.jsx(Bt, { availableWidgets: t, onAdd: (v) => i(m, v), texts: r }) }) : /* @__PURE__ */ s.jsx(mi, { title: h.title, children: /* @__PURE__ */ s.jsx(h.WidgetElement, { title: h.title }) }),
+    h.id > -1 && e && /* @__PURE__ */ s.jsx("div", { className: ae.widgetEditOverlay })
+  ] }, m) : /* @__PURE__ */ s.jsx(s.Fragment, {}), [
+    e,
+    i,
+    l,
+    c,
+    t,
+    r
+  ]);
+  return /* @__PURE__ */ s.jsx("div", { className: ae.dashboard, children: /* @__PURE__ */ s.jsxs("div", { className: ae.widgetsGrid, children: [
+    (d = o.widgets) == null ? void 0 : d.map((h, m) => u(t.find((p) => p.id === h.widgetId), m, h.fullWidth)),
+    e && /* @__PURE__ */ s.jsx(Bt, { availableWidgets: t, onAdd: (h) => {
+      var m;
+      return i((m = o.widgets) == null ? void 0 : m.length, h);
+    }, texts: r })
   ] }) });
-}, Kc = ({ InputContainer: t = xe, formField: e, label: n, resetsFields: r, type: o, required: a, hidden: i, disabled: l, withoutLabel: c, className: u }) => {
-  const { register: d, formState: h, setValue: m } = me(), [p, v] = P(void 0), [x, f] = P(!1);
-  D(() => {
-    const b = e.split(".");
-    let g = h.errors;
-    b.forEach((C) => {
-      g !== void 0 && (g = g[C]);
-    }), v(g);
-  }, [h, e]), D(() => {
-    h.isSubmitted && f(!0);
-  }, [h]);
-  const j = p !== void 0;
-  return /* @__PURE__ */ s.jsxs(t, { isForCheckInput: !0, hidden: i, label: `${n}${a ? " *" : ""}`, isInvalid: j, withoutLabel: c, className: u, children: [
-    /* @__PURE__ */ s.jsx(ee.Check, { id: `check-${e}`, type: o ?? "checkbox", label: `${n}${a ? " *" : ""}`, ...d(e, {
-      onChange: () => {
-        r && r.forEach((b) => m(b, null, { shouldDirty: !0, shouldValidate: x }));
-      }
-    }), isInvalid: j, hidden: i, disabled: l, className: "w-100" }),
-    p && /* @__PURE__ */ s.jsx(ye, { message: p.message })
-  ] });
-}, Qc = ({ InputContainer: t = xe, label: e, formField: n, options: r, resetsFields: o, required: a, disabled: i, hidden: l, className: c }) => {
-  const { register: u, formState: d, setValue: h, watch: m } = me(), [p, v] = P(void 0), [x, f] = P(!1), j = Q(() => r, [r]);
-  D(() => {
-    const g = n.split(".");
-    let C = d.errors;
-    g.forEach((k) => {
-      C !== void 0 && (C = C[k]);
-    }), v(C);
-  }, [d, n]), D(() => {
-    d.isSubmitted && f(!0);
-  }, [d]);
-  const b = p !== void 0;
-  return /* @__PURE__ */ s.jsxs(t, { isForRadioInput: !0, hidden: l, withoutLabel: !e, label: `${e}${a ? " *" : ""}`, isInvalid: b, className: c, children: [
-    j.map((g) => /* @__PURE__ */ s.jsx(ee.Check, { id: `radio-${g.id}`, label: g.name, type: "radio", value: g.id ?? "", checked: m(n) === g.id, ...u(n, {
-      onChange: () => {
-        o && o.forEach((C) => h(C, null, { shouldDirty: !0, shouldValidate: x }));
-      }
-    }), isInvalid: b, hidden: l, disabled: i, className: "w-100" }, g.id)),
-    p && /* @__PURE__ */ s.jsx(ye, { message: p.message })
+}, fi = "_badge_nhser_1", pi = "_sm_nhser_1", gi = "_md_nhser_4", wi = "_lg_nhser_7", Gt = {
+  badge: fi,
+  sm: pi,
+  md: gi,
+  lg: wi
+}, Gc = ({ children: t, color: e = "primary", size: n = "md", className: r }) => /* @__PURE__ */ s.jsx("span", { className: w(`luminus-badge badge bg-${e} ${r ?? ""}`, Gt.badge, Gt[n]), children: t }), xi = "_collapse-icon_1ahhn_1", yi = "_collapsed_1ahhn_6", Vt = {
+  "collapse-icon": "_collapse-icon_1ahhn_1",
+  collapseIcon: xi,
+  collapsed: yi
+}, Vc = ({ title: t, children: e, className: n, ...r }) => {
+  const o = r.controlled ? !1 : r.defaultOpen ?? !1, [a, i] = P(o), l = r.controlled ? r.isOpen : a;
+  return D(() => {
+    i(o);
+  }, [o]), /* @__PURE__ */ s.jsxs("div", { className: n ?? "", children: [
+    /* @__PURE__ */ s.jsxs("div", { role: "button", className: "d-flex align-items-center justify-content-between pb-3 pt-2", onClick: () => r.controlled ? r.onToggle(!r.isOpen) : i(!a), children: [
+      /* @__PURE__ */ s.jsx(z, { variant: "h6", children: t }),
+      /* @__PURE__ */ s.jsx(en, { className: w(Vt.collapseIcon, {
+        [Vt.collapsed]: l
+      }) })
+    ] }),
+    /* @__PURE__ */ s.jsx(gn, { in: l, children: /* @__PURE__ */ s.jsx("div", { children: e }) }),
+    /* @__PURE__ */ s.jsx("hr", { className: `my-0 ${l ? "mt-3" : ""}` })
   ] });
-}, Xc = ({ InputContainer: t = xe, formField: e, label: n, resetsFields: r, size: o, showClearIcon: a, clearValue: i, required: l, hidden: c, disabled: u, rows: d, withoutLabel: h, customFormControlProps: m, className: p }) => {
-  const { register: v, formState: x, setValue: f, watch: j } = me(), [b, g] = P(void 0), [C, k] = P(!1), y = O(() => {
-    const S = i ?? null;
-    f(e, (S == null ? void 0 : S.toString()) ?? "", { shouldDirty: !0, shouldValidate: C });
-  }, [i, f, e, C]), $ = O(() => {
-    const S = e.split(".");
-    let N = x.errors;
-    S.forEach((_) => {
-      N !== void 0 && (N = N[_]);
-    }), g(N);
-  }, [x, e]);
-  D(() => {
-    $();
-  }, [$]), D(() => {
-    x.isSubmitted && k(!0);
-  }, [x]);
-  const M = b !== void 0;
-  return /* @__PURE__ */ s.jsxs(t, { label: `${n}${l ? " *" : ""}`, hidden: c, withoutLabel: h, isInvalid: M, className: p, children: [
-    /* @__PURE__ */ s.jsx(ee.Control, { as: "textarea", size: o, ...v(e, {
-      onChange: () => {
-        r && r.forEach((S) => f(S, null, { shouldDirty: !0, shouldValidate: C }));
+}, bi = "_feedback_esh1j_1", vi = "_feedback-spacer_esh1j_8", Ut = {
+  feedback: bi,
+  "feedback-spacer": "_feedback-spacer_esh1j_8",
+  feedbackSpacer: vi
+}, ye = ({ message: t }) => /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+  /* @__PURE__ */ s.jsx("div", { className: w("invalid-feedback luminus-invalid-feedback", Ut.feedback), children: t }),
+  /* @__PURE__ */ s.jsx("div", { className: w("invalid-feedback-spacer", Ut.feedbackSpacer), children: t })
+] });
+function _i(t, e, n) {
+  var r = this, o = Y(null), a = Y(0), i = Y(null), l = Y([]), c = Y(), u = Y(), d = Y(t), h = Y(!0);
+  d.current = t;
+  var m = typeof window < "u", p = !e && e !== 0 && m;
+  if (typeof t != "function")
+    throw new TypeError("Expected a function");
+  e = +e || 0;
+  var v = !!(n = n || {}).leading, x = !("trailing" in n) || !!n.trailing, f = "maxWait" in n, j = "debounceOnServer" in n && !!n.debounceOnServer, b = f ? Math.max(+n.maxWait || 0, e) : null;
+  D(function() {
+    return h.current = !0, function() {
+      h.current = !1;
+    };
+  }, []);
+  var g = Q(function() {
+    var C = function(N) {
+      var _ = l.current, T = c.current;
+      return l.current = c.current = null, a.current = N, u.current = d.current.apply(T, _);
+    }, k = function(N, _) {
+      p && cancelAnimationFrame(i.current), i.current = p ? requestAnimationFrame(N) : setTimeout(N, _);
+    }, y = function(N) {
+      if (!h.current)
+        return !1;
+      var _ = N - o.current;
+      return !o.current || _ >= e || _ < 0 || f && N - a.current >= b;
+    }, $ = function(N) {
+      return i.current = null, x && l.current ? C(N) : (l.current = c.current = null, u.current);
+    }, M = function N() {
+      var _ = Date.now();
+      if (y(_))
+        return $(_);
+      if (h.current) {
+        var T = e - (_ - o.current), W = f ? Math.min(T, b - (_ - a.current)) : T;
+        k(N, W);
       }
-    }), isInvalid: M, hidden: c, disabled: u, rows: d ?? 2, className: "w-100", ...m }),
-    a && j(e) && /* @__PURE__ */ s.jsx("div", { className: "luminus-input-remove-icon", children: /* @__PURE__ */ s.jsx(Z, { color: "secondary", size: "sm", onClick: y, children: /* @__PURE__ */ s.jsx(ke, {}) }) }),
-    b && /* @__PURE__ */ s.jsx(ye, { message: b.message })
-  ] });
-}, Jc = ({ InputContainer: t = xe, type: e, formField: n, label: r, placeholder: o, size: a, resetsFields: i, showClearIcon: l, clearValue: c, required: u, hidden: d, disabled: h, withoutLabel: m, list: p, step: v, CustomOnChangeComponent: x, className: f }) => {
-  const { register: j, formState: b, setValue: g, watch: C } = me(), [k, y] = P(void 0), [$, M] = P(!1), S = O(() => {
-    const L = c ?? null;
-    e === "number" ? g(n, L !== null ? Number(L) : null, {
-      shouldDirty: !0,
-      shouldValidate: $
-    }) : g(n, (L == null ? void 0 : L.toString()) ?? "", { shouldDirty: !0, shouldValidate: $ });
-  }, [c, e, g, n, $]), N = O(() => {
-    const L = n.split(".");
-    let G = b.errors;
-    L.forEach((se) => {
-      G !== void 0 && (G = G[se]);
-    }), y(G);
-  }, [b, n]);
+    }, S = function() {
+      if (m || j) {
+        var N = Date.now(), _ = y(N);
+        if (l.current = [].slice.call(arguments), c.current = r, o.current = N, _) {
+          if (!i.current && h.current)
+            return a.current = o.current, k(M, e), v ? C(o.current) : u.current;
+          if (f)
+            return k(M, e), C(o.current);
+        }
+        return i.current || k(M, e), u.current;
+      }
+    };
+    return S.cancel = function() {
+      i.current && (p ? cancelAnimationFrame(i.current) : clearTimeout(i.current)), a.current = 0, l.current = o.current = c.current = i.current = null;
+    }, S.isPending = function() {
+      return !!i.current;
+    }, S.flush = function() {
+      return i.current ? $(Date.now()) : u.current;
+    }, S;
+  }, [v, f, e, b, x, p, m, j]);
+  return g;
+}
+function ji(t, e) {
+  return t === e;
+}
+function ki(t, e) {
+  return e;
+}
+function rr(t, e, n) {
+  var r = ji, o = rn(ki, t), a = o[0], i = o[1], l = _i(O(function(u) {
+    return i(u);
+  }, [i]), e, n), c = Y(t);
+  return r(c.current, t) || (l(t), c.current = t), [a, l];
+}
+const Ci = "_wrapper_uccrb_1", Ni = "_open_uccrb_9", $i = "_dropdown_uccrb_13", Ii = "_search-input-container_uccrb_19", Si = "_search-input_uccrb_19", Ti = "_loading-container_uccrb_25", Ei = "_items-container_uccrb_32", Oi = "_header-row_uccrb_38", Mi = "_item_uccrb_32", Di = "_name_uccrb_57", Pi = "_column-item_uccrb_62", Ai = "_icon_uccrb_66", Fi = "_clear-button_uccrb_74", X = {
+  wrapper: Ci,
+  open: Ni,
+  dropdown: $i,
+  "search-input-container": "_search-input-container_uccrb_19",
+  searchInputContainer: Ii,
+  "search-input": "_search-input_uccrb_19",
+  searchInput: Si,
+  "loading-container": "_loading-container_uccrb_25",
+  loadingContainer: Ti,
+  "items-container": "_items-container_uccrb_32",
+  itemsContainer: Ei,
+  "header-row": "_header-row_uccrb_38",
+  headerRow: Oi,
+  item: Mi,
+  name: Di,
+  "column-item": "_column-item_uccrb_62",
+  columnItem: Pi,
+  icon: Ai,
+  "clear-button": "_clear-button_uccrb_74",
+  clearButton: Fi
+}, _t = ({ show: t, onCancel: e, items: n, currentSelection: r, onSelectionChange: o, onSearchQueryChange: a, texts: i, itemsNameWidth: l, additionalColumns: c, displayIdAsName: u = !1, autoHideSearch: d = !1, allItemsLength: h, disabled: m, isLoading: p = !1, inputRef: v }) => {
+  var I;
+  const x = Y(null), f = Y(null), j = Y(null), [b, g] = P(""), [C] = rr(b, 500), [, k] = P(!1), y = (I = v.current) == null ? void 0 : I.getBoundingClientRect(), $ = (y == null ? void 0 : y.x) ?? 0, M = ((y == null ? void 0 : y.x) ?? 0) + ((y == null ? void 0 : y.width) ?? 0), S = (y == null ? void 0 : y.y) ?? 0, N = ((y == null ? void 0 : y.y) ?? 0) + ((y == null ? void 0 : y.height) ?? 0), _ = (y == null ? void 0 : y.width) ?? 0, T = (y == null ? void 0 : y.height) ?? 0, W = 5, R = Q(() => $ ? $ > window.innerWidth / 2 : !1, [$]), B = Q(() => S ? S > window.innerHeight / 2 : !1, [S]);
   D(() => {
-    N();
-  }, [N]), D(() => {
-    b.isSubmitted && M(!0);
-  }, [b]);
-  const _ = k !== void 0, [T, W] = P(!1), R = C(n), B = cn(e, R ?? null, T);
-  return /* @__PURE__ */ s.jsxs(t, { label: `${r}${u ? " *" : ""}`, hidden: d, withoutLabel: m, isInvalid: _, className: f, children: [
-    /* @__PURE__ */ s.jsxs("div", { className: "luminus-input-container position-relative w-100", children: [
-      /* @__PURE__ */ s.jsx(ee.Control, { type: B, placeholder: o ?? r, size: a, onFocus: () => {
-        W(!0);
-      }, ...j(n, {
-        setValueAs: (L) => e === "number" ? L == null || L === "" ? null : Number(L) : L == null || L === "" ? null : L,
-        onChange: () => {
-          i && i.forEach((L) => g(L, null, { shouldDirty: !0, shouldValidate: $ }));
-        },
-        onBlur: () => W(!1)
-      }), isInvalid: _, hidden: d, disabled: h, list: p, className: "w-100", step: v }),
-      x && /* @__PURE__ */ s.jsx("div", { className: "custom-picker-button", children: x })
+    var E;
+    t && ((E = j.current) == null || E.focus());
+  }, [j, t]), D(() => {
+    t || g("");
+  }, [t]), D(() => {
+    a(C);
+  }, [C, a]);
+  const L = O((E) => {
+    switch (E.key) {
+      case "Escape":
+        E.stopPropagation(), e();
+        break;
+    }
+  }, [e]), G = O(() => {
+    k((E) => !E);
+  }, []);
+  D(() => (window.addEventListener("scroll", G), () => {
+    window.removeEventListener("scroll", G);
+  }), [G]), D(() => (window.addEventListener("resize", G), () => {
+    window.removeEventListener("resize", G);
+  }), [G]), cn(L), ln([x, f], e);
+  const se = l ?? (c && c.length > 0 ? 250 : 0), te = (c == null ? void 0 : c.reduce((E, K) => E + (K.width ?? 100), 0)) ?? 0, U = `calc(max(${_}px, ${se}px + ${te}px))`;
+  return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    /* @__PURE__ */ s.jsx(sr, { show: t, onClick: e }),
+    r && t && !m && /* @__PURE__ */ s.jsx("button", { ref: f, type: "button", className: w("luminus-dropdown-picker-clear-button", X.clearButton), onClick: () => !m && o(null), style: {
+      top: `calc(${S}px + ${T / 2}px - 12px)`,
+      left: `calc(${$}px - 24px - 8px)`
+    }, children: /* @__PURE__ */ s.jsx(z, { variant: "caption", className: "text-danger", children: /* @__PURE__ */ s.jsx(Zt, { size: 16 }) }) }),
+    /* @__PURE__ */ s.jsx("div", { className: w("luminus-dropdown-picker", X.wrapper, {
+      [X.open]: t
+    }), style: {
+      top: B ? `calc(${S}px - 50vh - 8px)` : `calc(${N}px + 8px)`,
+      left: R ? `calc(${M}px - ${U})` : $,
+      right: R ? `${M}px` : `calc(${$}px + ${U})`,
+      width: U,
+      justifyContent: B ? "flex-end" : "flex-start"
+    }, children: /* @__PURE__ */ s.jsx("div", { ref: x, className: w("shadow rounded", X.dropdown), children: !m && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+      d && (h ?? n.length) <= W ? null : /* @__PURE__ */ s.jsx("div", { className: w("search-input-container border-bottom", X.searchInputContainer), children: /* @__PURE__ */ s.jsx(ee.Control, { ref: j, type: "search", size: "sm", className: X.searchInput, placeholder: i.searchPlaceholder, value: b, onChange: (E) => {
+        var K;
+        return g(((K = E.target) == null ? void 0 : K.value) ?? "");
+      } }) }),
+      p ? /* @__PURE__ */ s.jsx("div", { className: X.loadingContainer, children: /* @__PURE__ */ s.jsx(yt, { animation: "border", variant: "primary" }) }) : n.length > 0 && /* @__PURE__ */ s.jsxs("div", { className: w("items", X.itemsContainer), children: [
+        c && c.length > 0 && /* @__PURE__ */ s.jsxs("div", { className: w("header-row border-bottom", X.headerRow), children: [
+          /* @__PURE__ */ s.jsx("div", { className: X.name }),
+          c == null ? void 0 : c.map((E) => /* @__PURE__ */ s.jsx("div", { className: X.columnItem, style: {
+            width: `${E.width ?? 100}px`,
+            minWidth: `${E.width ?? 100}px`,
+            maxWidth: `${E.width ?? 100}px`
+          }, children: /* @__PURE__ */ s.jsx(z, { variant: "caption", children: E.name }) }, E.key))
+        ] }),
+        n == null ? void 0 : n.map((E) => /* @__PURE__ */ s.jsxs("button", { type: "button", className: w("item cursor-pointer", X.item), onClick: () => !m && o(E), children: [
+          /* @__PURE__ */ s.jsx("div", { className: X.name, children: /* @__PURE__ */ s.jsx(z, { variant: "body2", children: u ? E.id : E.name }) }),
+          c == null ? void 0 : c.map((K) => /* @__PURE__ */ s.jsx("div", { className: X.columnItem, style: {
+            width: `${K.width ?? 100}px`,
+            minWidth: `${K.width ?? 100}px`,
+            maxWidth: `${K.width ?? 100}px`
+          }, children: /* @__PURE__ */ s.jsx(z, { variant: "caption", className: w("text-muted"), children: E.additionalColumns && E.additionalColumns[K.key] }) }, K.key))
+        ] }, E.id))
+      ] })
+    ] }) }) })
+  ] });
+};
+function Wi(t) {
+  return Dr({ 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 Ri = "_item_1dy8x_1", or = {
+  item: Ri
+}, Li = ({
+  color: t = "primary",
+  // icon = <MdOutlineArrowOutward />,
+  icon: e,
+  className: n,
+  children: r,
+  ...o
+}) => /* @__PURE__ */ s.jsxs(Ee.Item, { className: w(`btn luminus-dropdown-item text-nowrap rounded text-${t} ${n ?? ""}`, or.item), ...o, children: [
+  e,
+  r
+] }), qi = (t) => /* @__PURE__ */ s.jsx(Ee.Toggle, { ...t }), Uc = ({ color: t = "primary", icon: e = /* @__PURE__ */ s.jsx(Jt, { size: 12 }), inputId: n = "context-file-input", accept: r = "*", onUpload: o, multiple: a, className: i, children: l, ...c }) => {
+  const u = (d) => {
+    d.target.files && (o(d.target.files), d.target.value = "");
+  };
+  return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    /* @__PURE__ */ s.jsxs("label", { htmlFor: n, className: w(`btn luminus-dropdown-item text-nowrap rounded text-${t} ${i ?? ""}`, or.item), ...c, children: [
+      e,
+      l
     ] }),
-    l && C(n) && /* @__PURE__ */ s.jsx("div", { className: `luminus-input-remove-icon ${e !== "text" ? "inset" : ""}`, children: /* @__PURE__ */ s.jsx(Z, { color: "secondary", size: "sm", onClick: S, children: /* @__PURE__ */ s.jsx(ke, {}) }) }),
-    k && /* @__PURE__ */ s.jsx(ye, { message: k.message })
+    /* @__PURE__ */ s.jsx("input", { id: n, type: "file", accept: r, onChange: u, hidden: !0, multiple: a })
   ] });
-}, Zc = ({ InputContainer: t = xe, formField: e, label: n, size: r, defaultSelection: o, resetsFields: a, isNumber: i, required: l, hidden: c, disabled: u, items: d, onSearchQueryChange: h, selectedItemNavigateTo: m, texts: p, dropdownItemsNameWidth: v, isLoading: x, withoutLabel: f, additionalColumns: j, CustomOnChangeComponent: b, displayIdAsName: g, className: C }) => {
-  const { formState: k, setValue: y, watch: $, control: M } = me(), [S, N] = P(void 0), [_, T] = P(!1), [W, R] = P(!1), B = $(e) ?? null, L = B === (o == null ? void 0 : o.id) ? o == null ? void 0 : o.name : $(`${e}-DropdownName`), G = Q(() => B == null ? null : { id: B ?? null, name: L ?? "" }, [B, L]), se = O(() => {
-    const H = e.split(".");
-    let ce = k.errors;
-    H.forEach((Je) => {
-      ce !== void 0 && (ce = ce[Je]);
-    }), N(ce);
-  }, [k, e]), te = O((H) => {
-    if ((H == null ? void 0 : H.id) === B)
-      return;
-    if (a && a.forEach((Je) => y(Je, null, { shouldDirty: !0, shouldValidate: W })), H === null) {
-      y(e, null, {
-        shouldDirty: !0,
-        shouldValidate: W
-      }), y(`${e}-DropdownName`, null);
+}, Yi = "_divider_1e6rk_1", Bi = {
+  divider: Yi
+}, zc = ({ className: t }) => /* @__PURE__ */ s.jsx(Ee.Divider, { className: w("luminus-dropdown-divider", t, Bi.divider) }), Hi = "_dropdown_1lk66_1", Gi = {
+  dropdown: Hi
+}, Vi = ({ toggle: t, children: e, ...n }) => /* @__PURE__ */ s.jsxs(Ee, { ...n, children: [
+  t,
+  /* @__PURE__ */ s.jsx(Ee.Menu, { className: w("luminus-dropdown rounded shadow", Gi.dropdown), children: e })
+] }), Ui = ({ searchTypes: t, selectedType: e, setSelectedType: n }) => /* @__PURE__ */ s.jsx(Vi, { toggle: /* @__PURE__ */ s.jsx(qi, { as: Pr, icon: null, text: e == null ? void 0 : e.text }), children: t.map((r) => /* @__PURE__ */ s.jsx(Li, { icon: null, onClick: () => n(r), children: r.text }, r.key)) }), zi = "_dropdown_1ddrg_1", Ki = "_open_1ddrg_12", Qi = "_loading-container_1ddrg_15", Xi = "_groups-container_1ddrg_22", Ji = "_group_1ddrg_22", Zi = "_header_1ddrg_26", ec = "_item_1ddrg_33", fe = {
+  dropdown: zi,
+  open: Ki,
+  "loading-container": "_loading-container_1ddrg_15",
+  loadingContainer: Qi,
+  "groups-container": "_groups-container_1ddrg_22",
+  groupsContainer: Xi,
+  group: Ji,
+  header: Zi,
+  item: ec
+}, tc = ({ show: t, query: e, onCancel: n, groups: r, isLoading: o, searchTypes: a }) => {
+  const { LinkComponent: i, appSearchTexts: l } = F(oe), c = Y(null), u = O((d) => {
+    var m;
+    const h = (m = a.find((p) => p.key === d.type)) == null ? void 0 : m.toPath;
+    return h ? `${h}/${d.searchKey}` : "/not-found";
+  }, [a]);
+  return ln([c], n), /* @__PURE__ */ s.jsx("div", { ref: c, className: w("luminus-app-search-dropdown shadow rounded", fe.dropdown, {
+    [fe.open]: t
+  }), children: o ? /* @__PURE__ */ s.jsx("div", { className: fe.loadingContainer, children: /* @__PURE__ */ s.jsx(yt, { animation: "border", variant: "primary" }) }) : /* @__PURE__ */ s.jsx("div", { className: fe.groupsContainer, children: r == null ? void 0 : r.map((d) => {
+    var h;
+    return /* @__PURE__ */ s.jsxs("div", { className: w(fe.group), children: [
+      /* @__PURE__ */ s.jsxs(i, { to: `/search?query=${e}&type=${d.key.category}`, className: w("group-header", fe.header), onClick: n, children: [
+        /* @__PURE__ */ s.jsx(z, { variant: "body", className: "text-primary", children: d.key.categoryName }),
+        /* @__PURE__ */ s.jsxs(z, { variant: "caption", children: [
+          d.items.length,
+          " ",
+          l.amountFrom,
+          " ",
+          d.key.totalCount
+        ] })
+      ] }),
+      (h = d.items) == null ? void 0 : h.map((m, p) => /* @__PURE__ */ s.jsxs(
+        i,
+        {
+          to: u(m),
+          className: w("search-item d-flex gap-3 align-items-center justify-content-between", fe.item),
+          onClick: n,
+          children: [
+            /* @__PURE__ */ s.jsx(z, { variant: "body2", className: "text-nowrap text-truncate", children: m.name }),
+            /* @__PURE__ */ s.jsx(z, { variant: "caption", className: "text-primary", children: /* @__PURE__ */ s.jsx(Ar, {}) })
+          ]
+        },
+        p
+      ))
+    ] }, d.key.category);
+  }) }) });
+}, nc = "_input-group_1lkfy_1", rc = "_input-group-text_1lkfy_5", oc = "_left_1lkfy_9", sc = "_right_1lkfy_13", ac = "_input_1lkfy_1", ic = "_submit-button_1lkfy_20", pe = {
+  "input-group": "_input-group_1lkfy_1",
+  inputGroup: nc,
+  "input-group-text": "_input-group-text_1lkfy_5",
+  inputGroupText: rc,
+  left: oc,
+  right: sc,
+  input: ac,
+  "submit-button": "_submit-button_1lkfy_20",
+  submitButton: ic
+}, cc = (t, e) => {
+  const n = Fr(), [r, o] = P(!1), [a, i] = P([]), l = !t || !t.key, c = O(() => {
+    if (e.length < 3) {
+      i([]);
       return;
     }
-    let ce = null;
-    i ? ce = (H == null ? void 0 : H.id) !== null && (H == null ? void 0 : H.id) !== "" ? parseInt(H.id.toString(), 10) : null : ce = H.id === null || H.id === void 0 || H.id === "" ? null : H.id, y(e, ce, {
-      shouldDirty: !0,
-      shouldValidate: W
-    }), y(`${e}-DropdownName`, H.name ?? "");
-  }, [y, e, W, i, a, B]), U = O((H) => {
-    T(!1), te(H);
-  }, [te]), I = O(() => {
-    T(!1);
-  }, []);
-  D(() => {
-    se();
-  }, [se]), D(() => {
-    k.isSubmitted && R(!0);
-  }, [k]);
-  const E = Y(null), K = S !== void 0, De = m !== void 0, ir = De && G !== null;
-  return /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsxs(t, { label: `${n}${l ? " *" : ""}`, hidden: c, withoutLabel: f, isInvalid: K, inputContainerClassName: w({ "luminus-dropdown-select-open": _ }), className: C, children: [
-    /* @__PURE__ */ s.jsxs(rr, { currentSelection: G, selectedItemNavigateTo: m, children: [
-      g && (G == null ? void 0 : G.name) && /* @__PURE__ */ s.jsx(z, { variant: "caption", className: "d-flex justify-content-end mt-2 luminus-dropdown-selection-name", children: G.name }),
-      /* @__PURE__ */ s.jsx(sn, { control: M, name: e, render: () => /* @__PURE__ */ s.jsx(ee.Select, { size: r, onMouseDown: (H) => {
-        H.currentTarget.focus(), H.preventDefault();
-      }, onClick: () => {
-        !De && !u && T(!0);
-      }, ref: E, value: B ?? "", onChange: () => {
-      }, isInvalid: K, hidden: c, className: w("w-100", {
-        "luminus-dropdown-picker-disabled": u,
-        "luminus-dropdown-picker-link": ir
-      }), children: /* @__PURE__ */ s.jsx("option", { value: B, children: g ? B : (L == null ? void 0 : L.length) > 0 ? L : B }) }) }),
-      b || !u && De ? /* @__PURE__ */ s.jsxs("div", { className: "custom-picker-button", children: [
-        !b && !u && De && /* @__PURE__ */ s.jsx(Z, { size: "sm", color: "secondary", onClick: (H) => {
-          H.preventDefault(), H.stopPropagation(), T(!0);
-        }, children: /* @__PURE__ */ s.jsx(Zt, {}) }),
-        b ?? null
-      ] }) : null
-    ] }),
-    S && /* @__PURE__ */ s.jsx(ye, { message: S.message }),
-    E.current && /* @__PURE__ */ s.jsx(_t, { show: _, onCancel: I, items: d, currentSelection: G, onSelectionChange: U, onSearchQueryChange: h, texts: p, itemsNameWidth: v, additionalColumns: j, displayIdAsName: g, isLoading: x, disabled: u, inputRef: E })
+    o(!0), n.get(`/search/${e}?count=${l ? 5 : 20}${l ? "" : `&type=${t.key}`}`).then(({ data: u }) => {
+      i(u), o(!1);
+    }).catch(() => {
+      o(!1);
+    });
+  }, [t, e, n, l]);
+  return D(() => {
+    c();
+  }, [c]), { isLoading: r, searchItems: a };
+}, Kc = ({ searchTypes: t, navigateFunction: e }) => {
+  const { appSearchTexts: n } = F(oe), [r, o] = P(t.length > 0 ? t[0] : null), [a, i] = P(""), [l, c] = rr(a, 500), { isLoading: u, searchItems: d } = cc(r, l), [h, m] = P(!1);
+  return D(() => {
+    (d.length > 0 || u) && m(!0);
+  }, [d, u]), /* @__PURE__ */ s.jsx(ee, { onSubmit: (p) => {
+    p.preventDefault(), p.stopPropagation(), c.flush(), m(!1), a.length > 2 && e(`/search?query=${a}${r && r.key && `&type=${r == null ? void 0 : r.key}`}`);
+  }, children: /* @__PURE__ */ s.jsxs(nt, { className: pe.inputGroup, children: [
+    /* @__PURE__ */ s.jsx(nt.Text, { className: w("p-1 rounded", pe.inputGroupText, pe.left), children: /* @__PURE__ */ s.jsx(Ui, { searchTypes: t, selectedType: r, setSelectedType: o }) }),
+    /* @__PURE__ */ s.jsx(ee.Control, { placeholder: n.searchPlaceholder, type: "text", size: "sm", className: w("luminus-app-search-input", pe.input), value: a, onChange: (p) => {
+      var v;
+      return i(((v = p.target) == null ? void 0 : v.value) ?? "");
+    }, onFocus: () => d.length > 0 && m(!0) }),
+    /* @__PURE__ */ s.jsx(nt.Text, { className: w("p-0 rounded", pe.inputGroupText, pe.right), children: /* @__PURE__ */ s.jsx("button", { type: "submit", className: w("text-primary", pe.submitButton), children: /* @__PURE__ */ s.jsx(Wi, {}) }) }),
+    /* @__PURE__ */ s.jsx(tc, { query: l, searchTypes: t, show: h, onCancel: () => m(!1), groups: d, isLoading: u })
   ] }) });
-}, el = ({ InputContainer: t = xe, label: e, formField: n, hidden: r, required: o, placeholder: a, disabled: i, showClearIcon: l, resetsFields: c, multiple: u, accept: d, withoutLabel: h, className: m }) => {
-  const { watch: p, setValue: v, register: x, formState: f } = me(), [j, b] = P(!1), [g, C] = P(void 0), k = O(() => {
-    v(n, "");
-  }, [v, n]), y = O(() => {
-    const M = n.split(".");
-    let S = f.errors;
-    M.forEach((N) => {
-      S !== void 0 && (S = S[N]);
-    }), C(S);
-  }, [f, n]);
-  D(y, [y]), D(() => {
-    f.isSubmitted && b(!0);
-  }, [f]);
-  const $ = g !== void 0;
-  return /* @__PURE__ */ s.jsxs(t, { label: `${e}${o ? "*" : ""}`, hidden: r, withoutLabel: h, isInvalid: $, className: m, children: [
-    /* @__PURE__ */ s.jsx(Gn, { type: "file", multiple: u, accept: d.join(", "), placeholder: a ?? e, isInvalid: $, hidden: r, disabled: i, className: "w-100", ...x(n, {
-      onChange: () => {
-        c && c.forEach((M) => v(M, null, { shouldDirty: !0, shouldValidate: j }));
-      }
-    }) }),
-    l && p(n) && /* @__PURE__ */ s.jsx("div", { className: "luminus-input-remove-icon", children: /* @__PURE__ */ s.jsx(Z, { color: "secondary", size: "sm", onClick: k, children: /* @__PURE__ */ s.jsx(ke, {}) }) }),
-    g && /* @__PURE__ */ s.jsx(ye, { message: g.message })
+}, lc = "_card_19733_1", uc = "_header_19733_6", dc = "_header-content_19733_13", hc = "_title_19733_19", mc = "_collapse-icon_19733_22", fc = "_collapsed_19733_27", pc = "_content_19733_30", ge = {
+  card: lc,
+  header: uc,
+  "header-content": "_header-content_19733_13",
+  headerContent: dc,
+  title: hc,
+  "collapse-icon": "_collapse-icon_19733_22",
+  collapseIcon: mc,
+  collapsed: fc,
+  content: pc
+}, gc = ({ title: t, headerContent: e, children: n, className: r, headerClassName: o, contentClassName: a, ...i }) => {
+  const l = i.collapsible ? i.controlled ? !1 : i.defaultOpen ?? !1 : !0, [c, u] = P(l), d = i.collapsible ? i.controlled ? i.isOpen : c : !0;
+  return D(() => {
+    u(l);
+  }, [l]), /* @__PURE__ */ s.jsxs("div", { className: w("luminus-card rounded shadow-sm", ge.card, {
+    [r ?? ""]: r
+  }), children: [
+    /* @__PURE__ */ s.jsxs("div", { role: i.collapsible ? "button" : void 0, className: w("header", ge.header, {
+      [o ?? ""]: o
+    }), onClick: () => {
+      i.collapsible && (i.controlled ? i.onToggle(!i.isOpen) : u(!c));
+    }, children: [
+      /* @__PURE__ */ s.jsxs("div", { className: w("header-content", ge.headerContent), children: [
+        /* @__PURE__ */ s.jsx(z, { variant: "h6", className: w("text-primary", ge.title), children: t }),
+        e ?? null
+      ] }),
+      i.collapsible && /* @__PURE__ */ s.jsx(en, { className: w(ge.collapseIcon, {
+        [ge.collapsed]: d
+      }) })
+    ] }),
+    /* @__PURE__ */ s.jsx(gn, { in: d, children: /* @__PURE__ */ s.jsx("div", { className: w("card-content border-top border-primary", ge.content, {
+      [a ?? ""]: a
+    }), children: n }) })
   ] });
-}, tl = ({ children: t, onStorno: e }) => {
-  const { formState: n } = me(), [r, o] = P(!1);
+}, wc = "_lightbox_14acg_1", xc = "_show_14acg_16", yc = "_header_14acg_20", bc = "_photo-actions_14acg_26", vc = "_photo-container_14acg_31", _c = "_photo_14acg_26", jc = "_nav-button_14acg_41", kc = "_photos-preview_14acg_49", Cc = "_selected_14acg_62", Nc = "_default-indicator_14acg_66", ne = {
+  lightbox: wc,
+  show: xc,
+  header: yc,
+  "photo-actions": "_photo-actions_14acg_26",
+  photoActions: bc,
+  "photo-container": "_photo-container_14acg_31",
+  photoContainer: vc,
+  photo: _c,
+  "nav-button": "_nav-button_14acg_41",
+  navButton: jc,
+  "photos-preview": "_photos-preview_14acg_49",
+  photosPreview: kc,
+  selected: Cc,
+  "default-indicator": "_default-indicator_14acg_66",
+  defaultIndicator: Nc
+}, $c = "_backdrop_3huvf_1", Ic = "_show_3huvf_11", zt = {
+  backdrop: $c,
+  show: Ic
+}, sr = ({ show: t, onClick: e }) => /* @__PURE__ */ s.jsx("div", { className: w("luminus-backdrop", zt.backdrop, {
+  [zt.show]: t
+}), onClick: () => e && e() }), Sc = ({ show: t, onClose: e, photos: n, defaultIndex: r, uploadPhotosText: o, noPhotosText: a, onUploadPhotos: i, photoActions: l }) => {
+  const c = Y(null), [u, d] = P(r), h = n.at(u), m = u > 0, p = u < n.length - 1;
+  D(() => {
+    t && d(r);
+  }, [r, t]), D(() => {
+    u >= n.length && d(n.length - 1);
+  }, [n, u]);
+  const v = O((x) => {
+    switch (x.key) {
+      case "ArrowLeft":
+        x.stopPropagation(), m && d((f) => f - 1);
+        break;
+      case "ArrowRight":
+        x.stopPropagation(), p && d((f) => f + 1);
+        break;
+      case "Escape":
+        x.stopPropagation(), e();
+        break;
+    }
+  }, [p, m, e]);
+  return cn(v), /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    /* @__PURE__ */ s.jsx(sr, { show: t, onClick: e }),
+    /* @__PURE__ */ s.jsxs("div", { ref: c, className: w("luminus-lightbox rounded shadow", ne.lightbox, {
+      [ne.show]: t
+    }), children: [
+      /* @__PURE__ */ s.jsxs("div", { className: ne.header, children: [
+        /* @__PURE__ */ s.jsxs("div", { className: w("rounded", ne.photoActions), children: [
+          i && /* @__PURE__ */ s.jsx(nr, { accept: ".jpg,.jpeg,.png", onUpload: (x) => {
+            x.length > 0 && i(Array.from(x));
+          }, icon: /* @__PURE__ */ s.jsx(tn, { style: { fontSize: 18 } }), multiple: !0, className: "me-3", children: o ?? null }),
+          h && (l == null ? void 0 : l.map(({ label: x, onClick: f, ...j }, b) => /* @__PURE__ */ s.jsx(
+            ct,
+            {
+              onClick: () => f(h.id),
+              ...j,
+              children: x
+            },
+            `action-${b}`
+          )))
+        ] }),
+        /* @__PURE__ */ s.jsx("div", { role: "button", onClick: e, children: /* @__PURE__ */ s.jsx(ke, { style: { fontSize: "32px" } }) })
+      ] }),
+      n.length === 0 && /* @__PURE__ */ s.jsx("div", { className: "w-100 h-100 d-flex align-items-center justify-content-center", children: /* @__PURE__ */ s.jsx(z, { variant: "body", children: a ?? "No photos available" }) }),
+      h && /* @__PURE__ */ s.jsxs("div", { className: ne.photoContainer, children: [
+        /* @__PURE__ */ s.jsx("div", { role: m ? "button" : void 0, className: w("align-items-start", ne.navButton), onClick: () => m && d((x) => x - 1), children: m && /* @__PURE__ */ s.jsx(mt, { style: { fontSize: "40px" } }) }),
+        /* @__PURE__ */ s.jsx("img", { src: h.lgSrc, alt: h.alt, className: w("rounded", ne.photo) }),
+        /* @__PURE__ */ s.jsx("div", { role: p ? "button" : void 0, className: w("align-items-end", ne.navButton), onClick: () => p && d((x) => x + 1), children: p && /* @__PURE__ */ s.jsx(ft, { style: { fontSize: "40px" } }) })
+      ] }),
+      /* @__PURE__ */ s.jsx("div", { className: ne.photosPreview, children: n.map((x, f) => /* @__PURE__ */ s.jsxs("div", { role: "button", onClick: () => d(f), className: "position-relative", children: [
+        /* @__PURE__ */ s.jsx("img", { role: f !== u ? "button" : void 0, src: x.smSrc, alt: x.alt, className: w("rounded", ne.photo, {
+          [ne.selected]: f === u
+        }) }, x.id),
+        x.isDefault && /* @__PURE__ */ s.jsx("div", { className: w("text-primary", ne.defaultIndicator), children: /* @__PURE__ */ s.jsx(Wr, {}) })
+      ] })) })
+    ] })
+  ] });
+}, Qc = ({ photos: t, onUploadPhotos: e, uploadPhotosText: n, photoActions: r }) => {
+  const [o, a] = P(null), i = o !== null ? t[o] : null, [l, c] = P(!1);
   return D(() => {
-    o(Object.keys(n.dirtyFields).length > 0);
-  }, [n]), r ? /* @__PURE__ */ s.jsx(Ha, { onStorno: e, children: t }) : null;
-}, nl = ({ InputContainer: t = xe, options: e, formField: n, label: r, size: o, resetsFields: a, isNumber: i, required: l, hidden: c, disabled: u, withoutLabel: d, noSortOptions: h, suffixIdToName: m, className: p }) => {
-  const { customSelectTexts: v } = F(oe), { formState: x, setValue: f, watch: j, control: b } = me(), [g, C] = P(void 0), [k, y] = P(!1), [$, M] = P(!1), [S, N] = P(""), _ = j(n), T = Q(() => e.find((I) => I.id === _) ?? null, [e, _]), W = O(() => {
-    const I = n.split(".");
-    let E = x.errors;
-    I.forEach((K) => {
-      E !== void 0 && (E = E[K]);
-    }), C(E);
-  }, [x, n]), R = O((I) => {
-    if ((I == null ? void 0 : I.id) === _)
+    if (t.length === 0) {
+      a(null), c(!1);
       return;
-    if (a && a.forEach((K) => f(K, null, { shouldDirty: !0, shouldValidate: $ })), I === null) {
-      f(n, null, {
-        shouldDirty: !0,
-        shouldValidate: $
-      });
+    }
+    const u = t.findIndex((d) => d.isDefault);
+    a(u > -1 ? u : 0);
+  }, [t]), i ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    /* @__PURE__ */ s.jsx(
+      "img",
+      {
+        role: "button",
+        src: i.smSrc,
+        alt: i.alt,
+        className: "rounded w-100",
+        onClick: () => c(!0)
+      }
+    ),
+    /* @__PURE__ */ s.jsx(Sc, { show: l, onClose: () => c(!1), photos: t, defaultIndex: o ?? 0, uploadPhotosText: n, onUploadPhotos: e, photoActions: r })
+  ] }) : e ? /* @__PURE__ */ s.jsx(nr, { accept: ".jpg,.jpeg,.png", onUpload: (u) => {
+    u.length > 0 && e(Array.from(u));
+  }, icon: /* @__PURE__ */ s.jsx(tn, { style: { fontSize: 18 } }), multiple: !0, children: n ?? null }) : null;
+}, Xc = ({ appAccessPermissions: t, children: e }) => {
+  const { NavigateComponent: n } = F(oe), { useMsal: r, msalScopes: o } = F(Rr), { isAuthenticated: a } = Lr(), { user: i, loggingInProgress: l } = F(qr), c = i && (t == null ? void 0 : t.every((u) => {
+    var d;
+    return (d = i.permissions) == null ? void 0 : d.includes(u);
+  }));
+  return r ? /* @__PURE__ */ s.jsx(Aa, { interactionType: qe.Redirect, authenticationRequest: { scopes: o }, children: l || !a() ? /* @__PURE__ */ s.jsx(Xr, {}) : i ? c ? /* @__PURE__ */ s.jsx(s.Fragment, { children: e }) : /* @__PURE__ */ s.jsx(n, { to: "/user-not-permitted", replace: !0 }) : /* @__PURE__ */ s.jsx(n, { to: "/no-user-login", replace: !0 }) }) : !a() || !i ? /* @__PURE__ */ s.jsx(n, { to: "/login", replace: !0 }) : c ? e : /* @__PURE__ */ s.jsx(n, { to: "/user-not-permitted", replace: !0 });
+}, Jc = (t) => {
+  const { variant: e, children: n, className: r, size: o = "md", typographyVariant: a = o === "sm" ? "body2" : "body", ...i } = { ...t };
+  return /* @__PURE__ */ s.jsx(xs, { variant: e, className: `text-center ${o === "sm" ? "p-1" : o === "md" ? "p-3" : "p-4"} bg-${e} bg-opacity-10 border-none ${r ?? ""}`, ...i, children: /* @__PURE__ */ s.jsx(z, { variant: a, children: n }) });
+}, Zc = ({ version: t }) => /* @__PURE__ */ s.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__ */ s.jsxs(z, { variant: "caption", className: "w-100 text-end", children: [
+  "verze ",
+  t
+] }) }), el = ({ heading: t, content: e, placement: n, children: r, trigger: o }) => /* @__PURE__ */ s.jsx(Yr, { placement: n, overlay: /* @__PURE__ */ s.jsxs(Ze, { className: "luminus-popover", children: [
+  /* @__PURE__ */ s.jsx(Ze.Header, { children: typeof t == "string" ? /* @__PURE__ */ s.jsx(z, { variant: "h6", className: "text-primary", children: t }) : t }),
+  /* @__PURE__ */ s.jsx(Ze.Body, { children: e })
+] }), trigger: o ?? "hover", rootClose: !0, children: r }), ar = ({ currentSelection: t, selectedItemNavigateTo: e, children: n }) => {
+  const { LinkComponent: r } = F(oe);
+  if (!t || !t.id || !e)
+    return /* @__PURE__ */ s.jsx("div", { className: "luminus-input-container position-relative w-100", children: n });
+  const o = e(t);
+  return /* @__PURE__ */ s.jsx(r, { to: o, className: "luminus-input-container position-relative w-100 text-decoration-none", children: n });
+}, tl = ({ InputContainer: t = Ve, label: e, value: n, onChange: r, hidden: o, disabled: a, className: i, type: l, withoutLabel: c }) => /* @__PURE__ */ s.jsx(t, { isForCheckInput: !0, hidden: o, label: e ?? "", withoutLabel: c, className: i, children: /* @__PURE__ */ s.jsx(ee.Check, { id: `check-${e}`, type: l ?? "checkbox", label: e ?? "", checked: n, onChange: (u) => {
+  var d;
+  r && r(((d = u.target) == null ? void 0 : d.checked) ?? !1);
+}, className: i ?? "", hidden: o ?? !1, disabled: a ?? !1 }) }), nl = ({ InputContainer: t = Ve, type: e, value: n, onChange: r, debounceMs: o, label: a, withoutLabel: i, placeholder: l, size: c, hidden: u, disabled: d, showClearIcon: h, clearValue: m, list: p, className: v, step: x }) => {
+  const f = e === "number", j = O(() => {
+    if (!r)
+      return;
+    const N = m ?? null;
+    r(f ? N ? Number(N) : null : (N == null ? void 0 : N.toString()) ?? "");
+  }, [m, f, r]), b = Y(null), [g, C] = P((n == null ? void 0 : n.toString()) ?? ""), k = O((N) => {
+    const _ = N;
+    r && (f && r(_ == null || _ === "" ? null : Number(_)), r(_ || null));
+  }, [f, r]), y = O((N) => {
+    var T;
+    const _ = (T = N.target) == null ? void 0 : T.value;
+    if (!o) {
+      k(_);
       return;
     }
-    let E = null;
-    i ? E = (I == null ? void 0 : I.id) !== null && (I == null ? void 0 : I.id) !== "" ? parseInt(I.id.toString(), 10) : null : E = I.id === null || I.id === void 0 || I.id === "" ? null : I.id, f(n, E, {
-      shouldDirty: !0,
-      shouldValidate: $
-    });
-  }, [f, n, i, a, _, $]), B = O((I) => {
-    y(!1), R(I);
-  }, [R]), L = O((I) => {
-    N(I);
-  }, []);
+    C(_), b.current !== null && window.clearTimeout(b.current), b.current = window.setTimeout(() => {
+      k(_);
+    }, o);
+  }, [o, k]);
   D(() => {
-    W();
-  }, [W]), D(() => {
-    x.isSubmitted && M(!0);
-  }, [x]);
-  const G = O((I) => {
-    var E;
-    return I === null ? "" : !I.name || I.name.length === 0 ? ((E = I.id) == null ? void 0 : E.toString()) ?? "" : m ? `${I.name} (${I.id})` : I.name;
-  }, [m]), se = Q(() => e.map((I) => ({
-    id: I.id,
-    name: G(I)
-  })).filter((I) => {
-    var E;
-    return S ? (E = I.name) == null ? void 0 : E.toLowerCase().includes(S.toLowerCase()) : !0;
-  }).sort((I, E) => h ? 0 : (I.name ?? "").localeCompare(E.name ?? "")), [e, h, S, G]), te = Y(null), U = g !== void 0;
-  return /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsxs(t, { label: `${r}${l ? " *" : ""}`, hidden: c, withoutLabel: d, isInvalid: U, inputContainerClassName: w({ "luminus-dropdown-select-open": k }), className: p, children: [
-    /* @__PURE__ */ s.jsx(sn, { control: b, name: n, render: () => /* @__PURE__ */ s.jsx(ee.Select, { size: o, onMouseDown: (I) => {
-      I.currentTarget.focus(), I.preventDefault();
-    }, onClick: () => {
-      y(!0);
-    }, ref: te, value: _ ?? "", onChange: () => {
-    }, isInvalid: U, hidden: c, disabled: u, className: "w-100", children: /* @__PURE__ */ s.jsx("option", { value: (T == null ? void 0 : T.id) ?? "", children: G(T) }) }) }),
-    g && /* @__PURE__ */ s.jsx(ye, { message: g.message }),
-    te.current && /* @__PURE__ */ s.jsx(_t, { show: k, onCancel: () => y(!1), items: se, currentSelection: T ?? null, onSelectionChange: B, onSearchQueryChange: L, texts: v, disabled: u, inputRef: te, autoHideSearch: !0, allItemsLength: e.length })
-  ] }) });
-}, Ja = "_item_1dy8x_1", or = {
-  item: Ja
-}, Za = ({
-  color: t = "primary",
-  // icon = <MdOutlineArrowOutward />,
-  icon: e,
-  className: n,
-  children: r,
-  ...o
-}) => /* @__PURE__ */ s.jsxs(Ee.Item, { className: w(`btn luminus-dropdown-item text-nowrap rounded text-${t} ${n ?? ""}`, or.item), ...o, children: [
-  e,
-  r
-] }), ei = (t) => /* @__PURE__ */ s.jsx(Ee.Toggle, { ...t }), rl = ({ color: t = "primary", icon: e = /* @__PURE__ */ s.jsx(Jt, { size: 12 }), inputId: n = "context-file-input", accept: r = "*", onUpload: o, multiple: a, className: i, children: l, ...c }) => {
-  const u = (d) => {
-    d.target.files && (o(d.target.files), d.target.value = "");
-  };
-  return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsxs("label", { htmlFor: n, className: w(`btn luminus-dropdown-item text-nowrap rounded text-${t} ${i ?? ""}`, or.item), ...c, children: [
-      e,
-      l
-    ] }),
-    /* @__PURE__ */ s.jsx("input", { id: n, type: "file", accept: r, onChange: u, hidden: !0, multiple: a })
+    C(n === null ? "" : n.toString());
+  }, [n]);
+  const [$, M] = P(!1), S = un(e, n ? n.toString() ?? null : null, $);
+  return /* @__PURE__ */ s.jsxs(t, { withoutLabel: i, label: a ?? "", hidden: u, className: v, children: [
+    /* @__PURE__ */ s.jsx(ee.Control, { type: S, placeholder: l ?? a, size: c, value: o ? g : n ?? "", onChange: y, className: v ?? "", hidden: u, disabled: d ?? !1, list: p, onFocus: () => M(!0), onBlur: () => M(!1), step: x }),
+    h && n && r && !d && /* @__PURE__ */ s.jsx("div", { className: `luminus-input-remove-icon ${e !== "text" ? "inset" : ""}`, children: /* @__PURE__ */ s.jsx(Z, { color: "secondary", size: "sm", onClick: j, children: /* @__PURE__ */ s.jsx(ke, {}) }) })
   ] });
-}, ti = "_divider_1e6rk_1", ni = {
-  divider: ti
-}, ol = ({ className: t }) => /* @__PURE__ */ s.jsx(Ee.Divider, { className: w("luminus-dropdown-divider", t, ni.divider) }), ri = "_dropdown_1lk66_1", oi = {
-  dropdown: ri
-}, si = ({ toggle: t, children: e, ...n }) => /* @__PURE__ */ s.jsxs(Ee, { ...n, children: [
-  t,
-  /* @__PURE__ */ s.jsx(Ee.Menu, { className: w("luminus-dropdown rounded shadow", oi.dropdown), children: e })
-] }), sl = ({ cell: { value: t } }) => /* @__PURE__ */ s.jsx(s.Fragment, { children: t ? /* @__PURE__ */ s.jsx(Mr, { name: t, size: 21, fontSize: 12 }) : /* @__PURE__ */ s.jsx(s.Fragment, {}) }), ai = "_tab-panel_qgi9v_1", ii = "_full-height-no-overflow_qgi9v_5", ci = "_disabled_qgi9v_10", ot = {
-  "tab-panel": "_tab-panel_qgi9v_1",
-  tabPanel: ai,
-  "full-height-no-overflow": "_full-height-no-overflow_qgi9v_5",
-  fullHeightNoOverflow: ii,
-  disabled: ci
-}, al = ({ eventKey: t, activeTab: e, fullHeightNoOverflow: n, disabled: r, className: o, children: a }) => t !== e ? null : /* @__PURE__ */ s.jsx("div", { className: w("luminus-tab-panel", ot.tabPanel, { [ot.fullHeightNoOverflow]: n }, { disabled: r }, { [ot.disabled]: r }, o), children: a }), il = ({ activeTab: t, onSelect: e, children: n }) => /* @__PURE__ */ s.jsx("div", { className: w("luminus-tabs d-flex gap-1 mb-2"), children: n.map((r) => {
-  const o = r.type, a = r.props;
-  if (!a)
-    return null;
-  const i = a.eventKey, l = a.children, c = a.className, u = a.onClick;
-  return /* @__PURE__ */ Hr(o, { ...a, key: a.eventKey, className: w({ active: t === i }, c), onClick: () => {
-    e(i), u && u(i);
-  } }, l);
-}) }), li = "_tab_1hdhk_1", ui = "_disabled_1hdhk_8", Bt = {
-  tab: li,
-  disabled: ui
-}, cl = ({ eventKey: t, className: e, onClick: n, disabled: r, children: o }) => /* @__PURE__ */ s.jsx("div", { role: "button", className: w("luminus-tab text-primary rounded", Bt.tab, e, {
-  disabled: r
-}, { [Bt.disabled]: r }), onClick: () => n && !r && n(t), children: typeof o == "string" ? /* @__PURE__ */ s.jsx(z, { variant: "h6", className: "text-primary", children: o }) : o }), di = ({ show: t, widgets: e, handleClose: n, onWidgetPicked: r, texts: o }) => /* @__PURE__ */ s.jsxs(We, { show: t, onHide: () => n(), children: [
-  /* @__PURE__ */ s.jsx(We.Header, { closeButton: !0, children: /* @__PURE__ */ s.jsx(We.Title, { children: o.pickWidgetToAdd }) }),
-  /* @__PURE__ */ s.jsx(We.Body, { children: /* @__PURE__ */ s.jsx("div", { className: "list-group", children: e.filter((a) => a.id >= 0).map((a) => /* @__PURE__ */ s.jsx("div", { role: "button", className: "list-group-item bg-white", onClick: () => r(a.id), children: /* @__PURE__ */ s.jsx(z, { variant: "body", children: a.name }) })) }) })
-] }), Ht = ({ availableWidgets: t, onAdd: e, texts: n }) => {
-  const [r, o] = P(!1);
-  return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsx("div", { className: w("luminus-empty-widget", Xa.widget), children: /* @__PURE__ */ s.jsx(Z, { onClick: () => o(!0), children: /* @__PURE__ */ s.jsx(Dr, {}) }) }),
-    /* @__PURE__ */ s.jsx(di, { show: r, widgets: t, handleClose: () => o(!1), onWidgetPicked: (a) => {
-      o(!1), e(a);
-    }, texts: n })
+}, rl = ({
+  InputContainer: t = Ve,
+  value: e,
+  options: n,
+  onChange: r,
+  label: o,
+  withoutLabel: a,
+  isNumber: i,
+  size: l,
+  hidden: c,
+  disabled: u,
+  showClearIcon: d,
+  clearValue: h,
+  noSortOptions: m,
+  className: p,
+  noEmptyOption: v
+  // it will still add the empty option if there is no value provided or value is empty string or null
+}) => {
+  const x = O(() => {
+    if (!r)
+      return;
+    const f = h ?? null;
+    r(i ? f ? Number(f) : null : (f == null ? void 0 : f.toString()) ?? "");
+  }, [h, i, r]);
+  return /* @__PURE__ */ s.jsxs(t, { withoutLabel: a, label: o ?? "", hidden: c, className: p, children: [
+    /* @__PURE__ */ s.jsxs(ee.Select, { size: l, value: e ?? "", onChange: (f) => {
+      var b;
+      if (!r)
+        return;
+      const j = (b = f.target) == null ? void 0 : b.value;
+      i && r(j ? parseInt(j, 10) : null), r(j || null);
+    }, className: p ?? "", hidden: c, disabled: u ?? !1, children: [
+      v && !(e == null || e === "") ? void 0 : /* @__PURE__ */ s.jsx("option", { value: "" }),
+      n == null ? void 0 : n.sort((f, j) => m ? 0 : (f.name ?? "").localeCompare(j.name ?? "")).map((f) => /* @__PURE__ */ s.jsx("option", { value: f.id ?? "", children: f.name }, f.id))
+    ] }),
+    d && e && r && !u && /* @__PURE__ */ s.jsx("div", { className: "luminus-input-remove-icon inset", children: /* @__PURE__ */ s.jsx(Z, { color: "secondary", size: "sm", onClick: x, children: /* @__PURE__ */ s.jsx(ke, {}) }) })
   ] });
-}, hi = (t) => {
-  const [e, n] = P({ widgets: [] });
+}, ol = ({ InputContainer: t = Ve, items: e, defaultSelection: n, selectedItemNavigateTo: r, onSearchQueryChange: o, texts: a, isLoading: i, isNumber: l, onSelect: c, label: u, withoutLabel: d, size: h, dropdownItemsNameWidth: m, additionalColumns: p, hidden: v, disabled: x, displayIdAsName: f, CustomOnChangeComponent: j, className: b }) => {
+  var T, W;
+  const [g, C] = P(n), [k, y] = P(!1);
   D(() => {
-    const o = localStorage.getItem("dashboardConfig");
-    o ? n(JSON.parse(o)) : t && n(t);
-  }, [t]);
-  const r = O((o) => {
-    n(o), localStorage.setItem("dashboardConfig", JSON.stringify(o));
-  }, []);
-  return { dashboardConfig: e, onChangeDashboardConfig: r };
-}, mi = "_dashboard_16plm_1", fi = "_widgets-grid_16plm_1", pi = "_widget-wrapper_16plm_8", gi = "_full-width_16plm_13", wi = "_widget-edit_16plm_16", xi = "_remove-icon_16plm_19", yi = "_full-width-icon_16plm_26", bi = "_widget-edit-overlay_16plm_36", ae = {
-  dashboard: mi,
-  "widgets-grid": "_widgets-grid_16plm_1",
-  widgetsGrid: fi,
-  "widget-wrapper": "_widget-wrapper_16plm_8",
-  widgetWrapper: pi,
-  "full-width": "_full-width_16plm_13",
-  fullWidth: gi,
-  "widget-edit": "_widget-edit_16plm_16",
-  widgetEdit: wi,
-  "remove-icon": "_remove-icon_16plm_19",
-  removeIcon: xi,
-  "full-width-icon": "_full-width-icon_16plm_26",
-  fullWidthIcon: yi,
-  "widget-edit-overlay": "_widget-edit-overlay_16plm_36",
-  widgetEditOverlay: bi
-};
-class vi extends Gr {
-  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 };
-  }
-  componentDidCatch(e, n) {
-    console.error("Error:", e, n);
-  }
-  reload() {
-    this.setState({ hasError: !1 });
-  }
-  render() {
-    const { fallback: e, children: n, texts: r, reloadButtonDisplay: o = "append-after-child" } = this.props;
-    return this.state.hasError ? o === "inject-to-child" && Vr(e) ? J.cloneElement(e, {
-      ...e.props
-    }, /* @__PURE__ */ s.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__ */ s.jsx(ct, { type: "button", onClick: this.reload, children: r.reloadButtonContent })
-    ] })) : /* @__PURE__ */ s.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__ */ s.jsx(ct, { type: "button", onClick: this.reload, children: r.reloadButtonContent })
-    ] }) : n;
-  }
-}
-const _i = (t) => (n) => {
-  const { errorBoundaryTexts: r } = F(oe);
-  return /* @__PURE__ */ s.jsx(t, { texts: r, ...n });
-}, ji = _i(vi), ki = "_widget-card_e9tsb_1", Ci = {
-  "widget-card": "_widget-card_e9tsb_1",
-  widgetCard: ki
-}, Gt = ({ children: t, title: e, headerContent: n }) => /* @__PURE__ */ s.jsx(vc, { className: w(Ci.widgetCard, "luminus-widget"), title: e, headerContent: n, contentClassName: "h-100 overflow-auto", children: t }), Ni = ({ children: t, title: e }) => {
-  const { widgetTexts: n } = F(oe);
-  return /* @__PURE__ */ s.jsx(ji, { fallback: /* @__PURE__ */ s.jsx(Gt, { title: e, children: n.fallbackError }), reloadButtonDisplay: "inject-to-child", children: /* @__PURE__ */ s.jsx(Ur, { fallback: /* @__PURE__ */ s.jsx(Gt, { title: e, children: /* @__PURE__ */ s.jsx(Zr, {}) }), children: t }) });
-}, ll = ({ availableWidgets: t, editMode: e, defaultDashboardConfig: n }) => {
-  var d;
-  const { homeDashboardTexts: r } = F(oe), { dashboardConfig: o, onChangeDashboardConfig: a } = hi(n), i = O((h, m) => {
-    var p, v;
-    h === ((p = o.widgets) == null ? void 0 : p.length) ? a({
-      ...o,
-      widgets: [...o.widgets, { widgetId: m, fullWidth: !1 }]
-    }) : a({
-      ...o,
-      widgets: ((v = o.widgets) == null ? void 0 : v.map((x, f) => f === h ? { widgetId: m, fullWidth: !1 } : x)) ?? []
-    });
-  }, [o, a]), l = O((h) => {
-    var m, p;
-    ((m = o.widgets[h]) == null ? void 0 : m.widgetId) === -1 ? a({
-      ...o,
-      widgets: ((p = o.widgets) == null ? void 0 : p.filter((v, x) => x !== h)) ?? []
-    }) : i(h, -1);
-  }, [o, a, i]), c = O((h) => {
-    var m;
-    a({
-      ...o,
-      widgets: ((m = o.widgets) == null ? void 0 : m.map((p, v) => v === h ? { ...p, fullWidth: !p.fullWidth } : p)) ?? []
-    });
-  }, [o, a]), u = O((h, m, p) => h ? /* @__PURE__ */ s.jsxs("div", { className: w(ae.widgetWrapper, {
-    [ae.widgetEdit]: e && h.id !== -1
-  }, { [ae.fullWidth]: p }), children: [
-    e && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-      /* @__PURE__ */ s.jsx(Z, { color: "danger", onClick: () => l(m), className: w(ae.removeIcon), children: /* @__PURE__ */ s.jsx(en, {}) }),
-      /* @__PURE__ */ s.jsx(Z, { color: p ? "danger" : "primary", onClick: () => c(m), className: w(ae.fullWidthIcon), children: /* @__PURE__ */ s.jsx(Pr, {}) })
+    C(n);
+  }, [n]);
+  const $ = O((R) => {
+    C(R);
+  }, []), M = O((R) => {
+    y(!1), $(R);
+  }, [$]);
+  D(() => {
+    c && c(g);
+  }, [g, c]);
+  const S = Y(null), N = r !== void 0, _ = N && g !== null;
+  return /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsxs(t, { withoutLabel: d, label: u ?? "", hidden: v, inputContainerClassName: w({ "luminus-dropdown-select-open": k }), className: b, children: [
+    /* @__PURE__ */ s.jsxs(ar, { currentSelection: g, selectedItemNavigateTo: r, children: [
+      f && (g == null ? void 0 : g.name) && /* @__PURE__ */ s.jsx(z, { variant: "caption", className: "d-flex justify-content-end mt-2 luminus-dropdown-selection-name", children: g.name }),
+      /* @__PURE__ */ s.jsxs(ee.Select, { ref: S, size: h, value: (g == null ? void 0 : g.id) ?? "", onChange: (R) => C({
+        id: l ? Number(R.target.value) ?? null : R.target.value,
+        name: ""
+      }), onMouseDown: (R) => {
+        R.currentTarget.focus(), R.preventDefault();
+      }, onClick: () => {
+        !N && !x && y(!0);
+      }, className: w("w-100", {
+        "luminus-dropdown-picker-disabled": x,
+        "luminus-dropdown-picker-link": _
+      }), hidden: v, children: [
+        /* @__PURE__ */ s.jsx("option", { value: "" }),
+        n && /* @__PURE__ */ s.jsx("option", { value: n.id ?? void 0, children: n.name && ((T = n.name) == null ? void 0 : T.length) > 0 ? n.name : n.id }),
+        g && /* @__PURE__ */ s.jsx("option", { value: g.id ?? void 0, children: g.name && ((W = g.name) == null ? void 0 : W.length) > 0 ? g.name : g.id })
+      ] }),
+      j || !x && N ? /* @__PURE__ */ s.jsxs("div", { className: "custom-picker-button", children: [
+        !j && !x && N && /* @__PURE__ */ s.jsx(Z, { size: "sm", color: "secondary", onClick: (R) => {
+          R.preventDefault(), R.stopPropagation(), y(!0);
+        }, children: /* @__PURE__ */ s.jsx(nn, {}) }),
+        j ?? null
+      ] }) : null
     ] }),
-    h.id === -1 ? e && /* @__PURE__ */ s.jsx("div", { className: ae.widgetWrapper, children: /* @__PURE__ */ s.jsx(Ht, { availableWidgets: t, onAdd: (v) => i(m, v), texts: r }) }) : /* @__PURE__ */ s.jsx(Ni, { title: h.title, children: /* @__PURE__ */ s.jsx(h.WidgetElement, { title: h.title }) }),
-    h.id > -1 && e && /* @__PURE__ */ s.jsx("div", { className: ae.widgetEditOverlay })
-  ] }, m) : /* @__PURE__ */ s.jsx(s.Fragment, {}), [
-    e,
-    i,
-    l,
-    c,
-    t,
-    r
-  ]);
-  return /* @__PURE__ */ s.jsx("div", { className: ae.dashboard, children: /* @__PURE__ */ s.jsxs("div", { className: ae.widgetsGrid, children: [
-    (d = o.widgets) == null ? void 0 : d.map((h, m) => u(t.find((p) => p.id === h.widgetId), m, h.fullWidth)),
-    e && /* @__PURE__ */ s.jsx(Ht, { availableWidgets: t, onAdd: (h) => {
-      var m;
-      return i((m = o.widgets) == null ? void 0 : m.length, h);
-    }, texts: r })
+    S.current && /* @__PURE__ */ s.jsx(_t, { show: k, onCancel: () => y(!1), items: e, currentSelection: g, onSelectionChange: M, onSearchQueryChange: o, texts: a, itemsNameWidth: m, additionalColumns: p, isLoading: i, disabled: x, inputRef: S })
   ] }) });
-}, $i = "_badge_nhser_1", Ii = "_sm_nhser_1", Si = "_md_nhser_4", Ti = "_lg_nhser_7", Vt = {
-  badge: $i,
-  sm: Ii,
-  md: Si,
-  lg: Ti
-}, ul = ({ children: t, color: e = "primary", size: n = "md", className: r }) => /* @__PURE__ */ s.jsx("span", { className: w(`luminus-badge badge bg-${e} ${r ?? ""}`, Vt.badge, Vt[n]), children: t }), Ei = "_collapse-icon_1ahhn_1", Oi = "_collapsed_1ahhn_6", Ut = {
-  "collapse-icon": "_collapse-icon_1ahhn_1",
-  collapseIcon: Ei,
-  collapsed: Oi
-}, dl = ({ title: t, children: e, className: n, ...r }) => {
-  const o = r.controlled ? !1 : r.defaultOpen ?? !1, [a, i] = P(o), l = r.controlled ? r.isOpen : a;
-  return D(() => {
-    i(o);
-  }, [o]), /* @__PURE__ */ s.jsxs("div", { className: n ?? "", children: [
-    /* @__PURE__ */ s.jsxs("div", { role: "button", className: "d-flex align-items-center justify-content-between pb-3 pt-2", onClick: () => r.controlled ? r.onToggle(!r.isOpen) : i(!a), children: [
-      /* @__PURE__ */ s.jsx(z, { variant: "h6", children: t }),
-      /* @__PURE__ */ s.jsx(tn, { className: w(Ut.collapseIcon, {
-        [Ut.collapsed]: l
-      }) })
-    ] }),
-    /* @__PURE__ */ s.jsx(gn, { in: l, children: /* @__PURE__ */ s.jsx("div", { children: e }) }),
-    /* @__PURE__ */ s.jsx("hr", { className: `my-0 ${l ? "mt-3" : ""}` })
-  ] });
-}, Mi = "_feedback_esh1j_1", Di = "_feedback-spacer_esh1j_8", zt = {
-  feedback: Mi,
-  "feedback-spacer": "_feedback-spacer_esh1j_8",
-  feedbackSpacer: Di
-}, ye = ({ message: t }) => /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-  /* @__PURE__ */ s.jsx("div", { className: w("invalid-feedback luminus-invalid-feedback", zt.feedback), children: t }),
-  /* @__PURE__ */ s.jsx("div", { className: w("invalid-feedback-spacer", zt.feedbackSpacer), children: t })
-] });
-function Pi(t, e, n) {
-  var r = this, o = Y(null), a = Y(0), i = Y(null), l = Y([]), c = Y(), u = Y(), d = Y(t), h = Y(!0);
-  d.current = t;
-  var m = typeof window < "u", p = !e && e !== 0 && m;
-  if (typeof t != "function")
-    throw new TypeError("Expected a function");
-  e = +e || 0;
-  var v = !!(n = n || {}).leading, x = !("trailing" in n) || !!n.trailing, f = "maxWait" in n, j = "debounceOnServer" in n && !!n.debounceOnServer, b = f ? Math.max(+n.maxWait || 0, e) : null;
-  D(function() {
-    return h.current = !0, function() {
-      h.current = !1;
-    };
-  }, []);
-  var g = Q(function() {
-    var C = function(N) {
-      var _ = l.current, T = c.current;
-      return l.current = c.current = null, a.current = N, u.current = d.current.apply(T, _);
-    }, k = function(N, _) {
-      p && cancelAnimationFrame(i.current), i.current = p ? requestAnimationFrame(N) : setTimeout(N, _);
-    }, y = function(N) {
-      if (!h.current)
-        return !1;
-      var _ = N - o.current;
-      return !o.current || _ >= e || _ < 0 || f && N - a.current >= b;
-    }, $ = function(N) {
-      return i.current = null, x && l.current ? C(N) : (l.current = c.current = null, u.current);
-    }, M = function N() {
-      var _ = Date.now();
-      if (y(_))
-        return $(_);
-      if (h.current) {
-        var T = e - (_ - o.current), W = f ? Math.min(T, b - (_ - a.current)) : T;
-        k(N, W);
-      }
-    }, S = function() {
-      if (m || j) {
-        var N = Date.now(), _ = y(N);
-        if (l.current = [].slice.call(arguments), c.current = r, o.current = N, _) {
-          if (!i.current && h.current)
-            return a.current = o.current, k(M, e), v ? C(o.current) : u.current;
-          if (f)
-            return k(M, e), C(o.current);
-        }
-        return i.current || k(M, e), u.current;
+}, sl = ({ InputContainer: t = xe, formField: e, label: n, resetsFields: r, type: o, required: a, hidden: i, disabled: l, withoutLabel: c, className: u }) => {
+  const { register: d, formState: h, setValue: m } = me(), [p, v] = P(void 0), [x, f] = P(!1);
+  D(() => {
+    const b = e.split(".");
+    let g = h.errors;
+    b.forEach((C) => {
+      g !== void 0 && (g = g[C]);
+    }), v(g);
+  }, [h, e]), D(() => {
+    h.isSubmitted && f(!0);
+  }, [h]);
+  const j = p !== void 0;
+  return /* @__PURE__ */ s.jsxs(t, { isForCheckInput: !0, hidden: i, label: `${n}${a ? " *" : ""}`, isInvalid: j, withoutLabel: c, className: u, children: [
+    /* @__PURE__ */ s.jsx(ee.Check, { id: `check-${e}`, type: o ?? "checkbox", label: `${n}${a ? " *" : ""}`, ...d(e, {
+      onChange: () => {
+        r && r.forEach((b) => m(b, null, { shouldDirty: !0, shouldValidate: x }));
       }
-    };
-    return S.cancel = function() {
-      i.current && (p ? cancelAnimationFrame(i.current) : clearTimeout(i.current)), a.current = 0, l.current = o.current = c.current = i.current = null;
-    }, S.isPending = function() {
-      return !!i.current;
-    }, S.flush = function() {
-      return i.current ? $(Date.now()) : u.current;
-    }, S;
-  }, [v, f, e, b, x, p, m, j]);
-  return g;
-}
-function Ai(t, e) {
-  return t === e;
-}
-function Fi(t, e) {
-  return e;
-}
-function sr(t, e, n) {
-  var r = Ai, o = rn(Fi, t), a = o[0], i = o[1], l = Pi(O(function(u) {
-    return i(u);
-  }, [i]), e, n), c = Y(t);
-  return r(c.current, t) || (l(t), c.current = t), [a, l];
-}
-const Wi = "_wrapper_uccrb_1", Ri = "_open_uccrb_9", Li = "_dropdown_uccrb_13", qi = "_search-input-container_uccrb_19", Yi = "_search-input_uccrb_19", Bi = "_loading-container_uccrb_25", Hi = "_items-container_uccrb_32", Gi = "_header-row_uccrb_38", Vi = "_item_uccrb_32", Ui = "_name_uccrb_57", zi = "_column-item_uccrb_62", Ki = "_icon_uccrb_66", Qi = "_clear-button_uccrb_74", X = {
-  wrapper: Wi,
-  open: Ri,
-  dropdown: Li,
-  "search-input-container": "_search-input-container_uccrb_19",
-  searchInputContainer: qi,
-  "search-input": "_search-input_uccrb_19",
-  searchInput: Yi,
-  "loading-container": "_loading-container_uccrb_25",
-  loadingContainer: Bi,
-  "items-container": "_items-container_uccrb_32",
-  itemsContainer: Hi,
-  "header-row": "_header-row_uccrb_38",
-  headerRow: Gi,
-  item: Vi,
-  name: Ui,
-  "column-item": "_column-item_uccrb_62",
-  columnItem: zi,
-  icon: Ki,
-  "clear-button": "_clear-button_uccrb_74",
-  clearButton: Qi
-}, _t = ({ show: t, onCancel: e, items: n, currentSelection: r, onSelectionChange: o, onSearchQueryChange: a, texts: i, itemsNameWidth: l, additionalColumns: c, displayIdAsName: u = !1, autoHideSearch: d = !1, allItemsLength: h, disabled: m, isLoading: p = !1, inputRef: v }) => {
-  var I;
-  const x = Y(null), f = Y(null), j = Y(null), [b, g] = P(""), [C] = sr(b, 500), [, k] = P(!1), y = (I = v.current) == null ? void 0 : I.getBoundingClientRect(), $ = (y == null ? void 0 : y.x) ?? 0, M = ((y == null ? void 0 : y.x) ?? 0) + ((y == null ? void 0 : y.width) ?? 0), S = (y == null ? void 0 : y.y) ?? 0, N = ((y == null ? void 0 : y.y) ?? 0) + ((y == null ? void 0 : y.height) ?? 0), _ = (y == null ? void 0 : y.width) ?? 0, T = (y == null ? void 0 : y.height) ?? 0, W = 5, R = Q(() => $ ? $ > window.innerWidth / 2 : !1, [$]), B = Q(() => S ? S > window.innerHeight / 2 : !1, [S]);
+    }), isInvalid: j, hidden: i, disabled: l, className: "w-100" }),
+    p && /* @__PURE__ */ s.jsx(ye, { message: p.message })
+  ] });
+}, al = ({ InputContainer: t = xe, label: e, formField: n, options: r, resetsFields: o, required: a, disabled: i, hidden: l, className: c }) => {
+  const { register: u, formState: d, setValue: h, watch: m } = me(), [p, v] = P(void 0), [x, f] = P(!1), j = Q(() => r, [r]);
   D(() => {
-    var E;
-    t && ((E = j.current) == null || E.focus());
-  }, [j, t]), D(() => {
-    t || g("");
-  }, [t]), D(() => {
-    a(C);
-  }, [C, a]);
-  const L = O((E) => {
-    switch (E.key) {
-      case "Escape":
-        E.stopPropagation(), e();
-        break;
-    }
-  }, [e]), G = O(() => {
-    k((E) => !E);
-  }, []);
-  D(() => (window.addEventListener("scroll", G), () => {
-    window.removeEventListener("scroll", G);
-  }), [G]), D(() => (window.addEventListener("resize", G), () => {
-    window.removeEventListener("resize", G);
-  }), [G]), ln(L), un([x, f], e);
-  const se = l ?? (c && c.length > 0 ? 250 : 0), te = (c == null ? void 0 : c.reduce((E, K) => E + (K.width ?? 100), 0)) ?? 0, U = `calc(max(${_}px, ${se}px + ${te}px))`;
-  return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsx(ar, { show: t, onClick: e }),
-    r && t && !m && /* @__PURE__ */ s.jsx("button", { ref: f, type: "button", className: w("luminus-dropdown-picker-clear-button", X.clearButton), onClick: () => !m && o(null), style: {
-      top: `calc(${S}px + ${T / 2}px - 12px)`,
-      left: `calc(${$}px - 24px - 8px)`
-    }, children: /* @__PURE__ */ s.jsx(z, { variant: "caption", className: "text-danger", children: /* @__PURE__ */ s.jsx(en, { size: 16 }) }) }),
-    /* @__PURE__ */ s.jsx("div", { className: w("luminus-dropdown-picker", X.wrapper, {
-      [X.open]: t
-    }), style: {
-      top: B ? `calc(${S}px - 50vh - 8px)` : `calc(${N}px + 8px)`,
-      left: R ? `calc(${M}px - ${U})` : $,
-      right: R ? `${M}px` : `calc(${$}px + ${U})`,
-      width: U,
-      justifyContent: B ? "flex-end" : "flex-start"
-    }, children: /* @__PURE__ */ s.jsx("div", { ref: x, className: w("shadow rounded", X.dropdown), children: !m && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-      d && (h ?? n.length) <= W ? null : /* @__PURE__ */ s.jsx("div", { className: w("search-input-container border-bottom", X.searchInputContainer), children: /* @__PURE__ */ s.jsx(ee.Control, { ref: j, type: "search", size: "sm", className: X.searchInput, placeholder: i.searchPlaceholder, value: b, onChange: (E) => {
-        var K;
-        return g(((K = E.target) == null ? void 0 : K.value) ?? "");
-      } }) }),
-      p ? /* @__PURE__ */ s.jsx("div", { className: X.loadingContainer, children: /* @__PURE__ */ s.jsx(yt, { animation: "border", variant: "primary" }) }) : n.length > 0 && /* @__PURE__ */ s.jsxs("div", { className: w("items", X.itemsContainer), children: [
-        c && c.length > 0 && /* @__PURE__ */ s.jsxs("div", { className: w("header-row border-bottom", X.headerRow), children: [
-          /* @__PURE__ */ s.jsx("div", { className: X.name }),
-          c == null ? void 0 : c.map((E) => /* @__PURE__ */ s.jsx("div", { className: X.columnItem, style: {
-            width: `${E.width ?? 100}px`,
-            minWidth: `${E.width ?? 100}px`,
-            maxWidth: `${E.width ?? 100}px`
-          }, children: /* @__PURE__ */ s.jsx(z, { variant: "caption", children: E.name }) }, E.key))
-        ] }),
-        n == null ? void 0 : n.map((E) => /* @__PURE__ */ s.jsxs("button", { type: "button", className: w("item cursor-pointer", X.item), onClick: () => !m && o(E), children: [
-          /* @__PURE__ */ s.jsx("div", { className: X.name, children: /* @__PURE__ */ s.jsx(z, { variant: "body2", children: u ? E.id : E.name }) }),
-          c == null ? void 0 : c.map((K) => /* @__PURE__ */ s.jsx("div", { className: X.columnItem, style: {
-            width: `${K.width ?? 100}px`,
-            minWidth: `${K.width ?? 100}px`,
-            maxWidth: `${K.width ?? 100}px`
-          }, children: /* @__PURE__ */ s.jsx(z, { variant: "caption", className: w("text-muted"), children: E.additionalColumns && E.additionalColumns[K.key] }) }, K.key))
-        ] }, E.id))
-      ] })
-    ] }) }) })
+    const g = n.split(".");
+    let C = d.errors;
+    g.forEach((k) => {
+      C !== void 0 && (C = C[k]);
+    }), v(C);
+  }, [d, n]), D(() => {
+    d.isSubmitted && f(!0);
+  }, [d]);
+  const b = p !== void 0;
+  return /* @__PURE__ */ s.jsxs(t, { isForRadioInput: !0, hidden: l, withoutLabel: !e, label: `${e}${a ? " *" : ""}`, isInvalid: b, className: c, children: [
+    j.map((g) => /* @__PURE__ */ s.jsx(ee.Check, { id: `radio-${g.id}`, label: g.name, type: "radio", value: g.id ?? "", checked: m(n) === g.id, ...u(n, {
+      onChange: () => {
+        o && o.forEach((C) => h(C, null, { shouldDirty: !0, shouldValidate: x }));
+      }
+    }), isInvalid: b, hidden: l, disabled: i, className: "w-100" }, g.id)),
+    p && /* @__PURE__ */ s.jsx(ye, { message: p.message })
   ] });
-};
-function Xi(t) {
-  return Ar({ 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 Ji = ({ searchTypes: t, selectedType: e, setSelectedType: n }) => /* @__PURE__ */ s.jsx(si, { toggle: /* @__PURE__ */ s.jsx(ei, { as: Fr, icon: null, text: e == null ? void 0 : e.text }), children: t.map((r) => /* @__PURE__ */ s.jsx(Za, { icon: null, onClick: () => n(r), children: r.text }, r.key)) }), Zi = "_dropdown_1ddrg_1", ec = "_open_1ddrg_12", tc = "_loading-container_1ddrg_15", nc = "_groups-container_1ddrg_22", rc = "_group_1ddrg_22", oc = "_header_1ddrg_26", sc = "_item_1ddrg_33", fe = {
-  dropdown: Zi,
-  open: ec,
-  "loading-container": "_loading-container_1ddrg_15",
-  loadingContainer: tc,
-  "groups-container": "_groups-container_1ddrg_22",
-  groupsContainer: nc,
-  group: rc,
-  header: oc,
-  item: sc
-}, ac = ({ show: t, query: e, onCancel: n, groups: r, isLoading: o, searchTypes: a }) => {
-  const { LinkComponent: i, appSearchTexts: l } = F(oe), c = Y(null), u = O((d) => {
-    var m;
-    const h = (m = a.find((p) => p.key === d.type)) == null ? void 0 : m.toPath;
-    return h ? `${h}/${d.searchKey}` : "/not-found";
-  }, [a]);
-  return un([c], n), /* @__PURE__ */ s.jsx("div", { ref: c, className: w("luminus-app-search-dropdown shadow rounded", fe.dropdown, {
-    [fe.open]: t
-  }), children: o ? /* @__PURE__ */ s.jsx("div", { className: fe.loadingContainer, children: /* @__PURE__ */ s.jsx(yt, { animation: "border", variant: "primary" }) }) : /* @__PURE__ */ s.jsx("div", { className: fe.groupsContainer, children: r == null ? void 0 : r.map((d) => {
-    var h;
-    return /* @__PURE__ */ s.jsxs("div", { className: w(fe.group), children: [
-      /* @__PURE__ */ s.jsxs(i, { to: `/search?query=${e}&type=${d.key.category}`, className: w("group-header", fe.header), onClick: n, children: [
-        /* @__PURE__ */ s.jsx(z, { variant: "body", className: "text-primary", children: d.key.categoryName }),
-        /* @__PURE__ */ s.jsxs(z, { variant: "caption", children: [
-          d.items.length,
-          " ",
-          l.amountFrom,
-          " ",
-          d.key.totalCount
-        ] })
-      ] }),
-      (h = d.items) == null ? void 0 : h.map((m, p) => /* @__PURE__ */ s.jsxs(
-        i,
-        {
-          to: u(m),
-          className: w("search-item d-flex gap-3 align-items-center justify-content-between", fe.item),
-          onClick: n,
-          children: [
-            /* @__PURE__ */ s.jsx(z, { variant: "body2", className: "text-nowrap text-truncate", children: m.name }),
-            /* @__PURE__ */ s.jsx(z, { variant: "caption", className: "text-primary", children: /* @__PURE__ */ s.jsx(Wr, {}) })
-          ]
-        },
-        p
-      ))
-    ] }, d.key.category);
-  }) }) });
-}, ic = "_input-group_1lkfy_1", cc = "_input-group-text_1lkfy_5", lc = "_left_1lkfy_9", uc = "_right_1lkfy_13", dc = "_input_1lkfy_1", hc = "_submit-button_1lkfy_20", pe = {
-  "input-group": "_input-group_1lkfy_1",
-  inputGroup: ic,
-  "input-group-text": "_input-group-text_1lkfy_5",
-  inputGroupText: cc,
-  left: lc,
-  right: uc,
-  input: dc,
-  "submit-button": "_submit-button_1lkfy_20",
-  submitButton: hc
-}, mc = (t, e) => {
-  const n = Rr(), [r, o] = P(!1), [a, i] = P([]), l = !t || !t.key, c = O(() => {
-    if (e.length < 3) {
-      i([]);
-      return;
-    }
-    o(!0), n.get(`/search/${e}?count=${l ? 5 : 20}${l ? "" : `&type=${t.key}`}`).then(({ data: u }) => {
-      i(u), o(!1);
-    }).catch(() => {
-      o(!1);
-    });
-  }, [t, e, n, l]);
-  return D(() => {
-    c();
-  }, [c]), { isLoading: r, searchItems: a };
-}, hl = ({ searchTypes: t, navigateFunction: e }) => {
-  const { appSearchTexts: n } = F(oe), [r, o] = P(t.length > 0 ? t[0] : null), [a, i] = P(""), [l, c] = sr(a, 500), { isLoading: u, searchItems: d } = mc(r, l), [h, m] = P(!1);
-  return D(() => {
-    (d.length > 0 || u) && m(!0);
-  }, [d, u]), /* @__PURE__ */ s.jsx(ee, { onSubmit: (p) => {
-    p.preventDefault(), p.stopPropagation(), c.flush(), m(!1), a.length > 2 && e(`/search?query=${a}${r && r.key && `&type=${r == null ? void 0 : r.key}`}`);
-  }, children: /* @__PURE__ */ s.jsxs(nt, { className: pe.inputGroup, children: [
-    /* @__PURE__ */ s.jsx(nt.Text, { className: w("p-1 rounded", pe.inputGroupText, pe.left), children: /* @__PURE__ */ s.jsx(Ji, { searchTypes: t, selectedType: r, setSelectedType: o }) }),
-    /* @__PURE__ */ s.jsx(ee.Control, { placeholder: n.searchPlaceholder, type: "text", size: "sm", className: w("luminus-app-search-input", pe.input), value: a, onChange: (p) => {
-      var v;
-      return i(((v = p.target) == null ? void 0 : v.value) ?? "");
-    }, onFocus: () => d.length > 0 && m(!0) }),
-    /* @__PURE__ */ s.jsx(nt.Text, { className: w("p-0 rounded", pe.inputGroupText, pe.right), children: /* @__PURE__ */ s.jsx("button", { type: "submit", className: w("text-primary", pe.submitButton), children: /* @__PURE__ */ s.jsx(Xi, {}) }) }),
-    /* @__PURE__ */ s.jsx(ac, { query: l, searchTypes: t, show: h, onCancel: () => m(!1), groups: d, isLoading: u })
-  ] }) });
-}, fc = "_card_19733_1", pc = "_header_19733_6", gc = "_header-content_19733_13", wc = "_title_19733_19", xc = "_collapse-icon_19733_22", yc = "_collapsed_19733_27", bc = "_content_19733_30", ge = {
-  card: fc,
-  header: pc,
-  "header-content": "_header-content_19733_13",
-  headerContent: gc,
-  title: wc,
-  "collapse-icon": "_collapse-icon_19733_22",
-  collapseIcon: xc,
-  collapsed: yc,
-  content: bc
-}, vc = ({ title: t, headerContent: e, children: n, className: r, headerClassName: o, contentClassName: a, ...i }) => {
-  const l = i.collapsible ? i.controlled ? !1 : i.defaultOpen ?? !1 : !0, [c, u] = P(l), d = i.collapsible ? i.controlled ? i.isOpen : c : !0;
-  return D(() => {
-    u(l);
-  }, [l]), /* @__PURE__ */ s.jsxs("div", { className: w("luminus-card rounded shadow-sm", ge.card, {
-    [r ?? ""]: r
-  }), children: [
-    /* @__PURE__ */ s.jsxs("div", { role: i.collapsible ? "button" : void 0, className: w("header", ge.header, {
-      [o ?? ""]: o
-    }), onClick: () => {
-      i.collapsible && (i.controlled ? i.onToggle(!i.isOpen) : u(!c));
-    }, children: [
-      /* @__PURE__ */ s.jsxs("div", { className: w("header-content", ge.headerContent), children: [
-        /* @__PURE__ */ s.jsx(z, { variant: "h6", className: w("text-primary", ge.title), children: t }),
-        e ?? null
-      ] }),
-      i.collapsible && /* @__PURE__ */ s.jsx(tn, { className: w(ge.collapseIcon, {
-        [ge.collapsed]: d
-      }) })
-    ] }),
-    /* @__PURE__ */ s.jsx(gn, { in: d, children: /* @__PURE__ */ s.jsx("div", { className: w("card-content border-top border-primary", ge.content, {
-      [a ?? ""]: a
-    }), children: n }) })
+}, il = ({ InputContainer: t = xe, formField: e, label: n, resetsFields: r, size: o, showClearIcon: a, clearValue: i, required: l, hidden: c, disabled: u, rows: d, withoutLabel: h, customFormControlProps: m, className: p }) => {
+  const { register: v, formState: x, setValue: f, watch: j } = me(), [b, g] = P(void 0), [C, k] = P(!1), y = O(() => {
+    const S = i ?? null;
+    f(e, (S == null ? void 0 : S.toString()) ?? "", { shouldDirty: !0, shouldValidate: C });
+  }, [i, f, e, C]), $ = O(() => {
+    const S = e.split(".");
+    let N = x.errors;
+    S.forEach((_) => {
+      N !== void 0 && (N = N[_]);
+    }), g(N);
+  }, [x, e]);
+  D(() => {
+    $();
+  }, [$]), D(() => {
+    x.isSubmitted && k(!0);
+  }, [x]);
+  const M = b !== void 0;
+  return /* @__PURE__ */ s.jsxs(t, { label: `${n}${l ? " *" : ""}`, hidden: c, withoutLabel: h, isInvalid: M, className: p, children: [
+    /* @__PURE__ */ s.jsx(ee.Control, { as: "textarea", size: o, ...v(e, {
+      onChange: () => {
+        r && r.forEach((S) => f(S, null, { shouldDirty: !0, shouldValidate: C }));
+      }
+    }), isInvalid: M, hidden: c, disabled: u, rows: d ?? 2, className: "w-100", ...m }),
+    a && j(e) && /* @__PURE__ */ s.jsx("div", { className: "luminus-input-remove-icon", children: /* @__PURE__ */ s.jsx(Z, { color: "secondary", size: "sm", onClick: y, children: /* @__PURE__ */ s.jsx(ke, {}) }) }),
+    b && /* @__PURE__ */ s.jsx(ye, { message: b.message })
   ] });
-}, _c = "_lightbox_14acg_1", jc = "_show_14acg_16", kc = "_header_14acg_20", Cc = "_photo-actions_14acg_26", Nc = "_photo-container_14acg_31", $c = "_photo_14acg_26", Ic = "_nav-button_14acg_41", Sc = "_photos-preview_14acg_49", Tc = "_selected_14acg_62", Ec = "_default-indicator_14acg_66", ne = {
-  lightbox: _c,
-  show: jc,
-  header: kc,
-  "photo-actions": "_photo-actions_14acg_26",
-  photoActions: Cc,
-  "photo-container": "_photo-container_14acg_31",
-  photoContainer: Nc,
-  photo: $c,
-  "nav-button": "_nav-button_14acg_41",
-  navButton: Ic,
-  "photos-preview": "_photos-preview_14acg_49",
-  photosPreview: Sc,
-  selected: Tc,
-  "default-indicator": "_default-indicator_14acg_66",
-  defaultIndicator: Ec
-}, Oc = "_backdrop_3huvf_1", Mc = "_show_3huvf_11", Kt = {
-  backdrop: Oc,
-  show: Mc
-}, ar = ({ show: t, onClick: e }) => /* @__PURE__ */ s.jsx("div", { className: w("luminus-backdrop", Kt.backdrop, {
-  [Kt.show]: t
-}), onClick: () => e && e() }), Dc = ({ show: t, onClose: e, photos: n, defaultIndex: r, uploadPhotosText: o, noPhotosText: a, onUploadPhotos: i, photoActions: l }) => {
-  const c = Y(null), [u, d] = P(r), h = n.at(u), m = u > 0, p = u < n.length - 1;
+}, cl = ({ InputContainer: t = xe, type: e, formField: n, label: r, placeholder: o, size: a, resetsFields: i, showClearIcon: l, clearValue: c, required: u, hidden: d, disabled: h, withoutLabel: m, list: p, step: v, CustomOnChangeComponent: x, className: f }) => {
+  const { register: j, formState: b, setValue: g, watch: C } = me(), [k, y] = P(void 0), [$, M] = P(!1), S = O(() => {
+    const L = c ?? null;
+    e === "number" ? g(n, L !== null ? Number(L) : null, {
+      shouldDirty: !0,
+      shouldValidate: $
+    }) : g(n, (L == null ? void 0 : L.toString()) ?? "", { shouldDirty: !0, shouldValidate: $ });
+  }, [c, e, g, n, $]), N = O(() => {
+    const L = n.split(".");
+    let G = b.errors;
+    L.forEach((se) => {
+      G !== void 0 && (G = G[se]);
+    }), y(G);
+  }, [b, n]);
   D(() => {
-    t && d(r);
-  }, [r, t]), D(() => {
-    u >= n.length && d(n.length - 1);
-  }, [n, u]);
-  const v = O((x) => {
-    switch (x.key) {
-      case "ArrowLeft":
-        x.stopPropagation(), m && d((f) => f - 1);
-        break;
-      case "ArrowRight":
-        x.stopPropagation(), p && d((f) => f + 1);
-        break;
-      case "Escape":
-        x.stopPropagation(), e();
-        break;
+    N();
+  }, [N]), D(() => {
+    b.isSubmitted && M(!0);
+  }, [b]);
+  const _ = k !== void 0, [T, W] = P(!1), R = C(n), B = un(e, R ?? null, T);
+  return /* @__PURE__ */ s.jsxs(t, { label: `${r}${u ? " *" : ""}`, hidden: d, withoutLabel: m, isInvalid: _, className: f, children: [
+    /* @__PURE__ */ s.jsxs("div", { className: "luminus-input-container position-relative w-100", children: [
+      /* @__PURE__ */ s.jsx(ee.Control, { type: B, placeholder: o ?? r, size: a, onFocus: () => {
+        W(!0);
+      }, ...j(n, {
+        setValueAs: (L) => e === "number" ? L == null || L === "" ? null : Number(L) : L == null || L === "" ? null : L,
+        onChange: () => {
+          i && i.forEach((L) => g(L, null, { shouldDirty: !0, shouldValidate: $ }));
+        },
+        onBlur: () => W(!1)
+      }), isInvalid: _, hidden: d, disabled: h, list: p, className: "w-100", step: v }),
+      x && /* @__PURE__ */ s.jsx("div", { className: "custom-picker-button", children: x })
+    ] }),
+    l && C(n) && /* @__PURE__ */ s.jsx("div", { className: `luminus-input-remove-icon ${e !== "text" ? "inset" : ""}`, children: /* @__PURE__ */ s.jsx(Z, { color: "secondary", size: "sm", onClick: S, children: /* @__PURE__ */ s.jsx(ke, {}) }) }),
+    k && /* @__PURE__ */ s.jsx(ye, { message: k.message })
+  ] });
+}, ll = ({ InputContainer: t = xe, formField: e, label: n, size: r, defaultSelection: o, resetsFields: a, isNumber: i, required: l, hidden: c, disabled: u, items: d, onSearchQueryChange: h, selectedItemNavigateTo: m, texts: p, dropdownItemsNameWidth: v, isLoading: x, withoutLabel: f, additionalColumns: j, CustomOnChangeComponent: b, displayIdAsName: g, className: C }) => {
+  const { formState: k, setValue: y, watch: $, control: M } = me(), [S, N] = P(void 0), [_, T] = P(!1), [W, R] = P(!1), B = $(e) ?? null, L = B === (o == null ? void 0 : o.id) ? o == null ? void 0 : o.name : $(`${e}-DropdownName`), G = Q(() => B == null ? null : { id: B ?? null, name: L ?? "" }, [B, L]), se = O(() => {
+    const H = e.split(".");
+    let ce = k.errors;
+    H.forEach((Je) => {
+      ce !== void 0 && (ce = ce[Je]);
+    }), N(ce);
+  }, [k, e]), te = O((H) => {
+    if ((H == null ? void 0 : H.id) === B)
+      return;
+    if (a && a.forEach((Je) => y(Je, null, { shouldDirty: !0, shouldValidate: W })), H === null) {
+      y(e, null, {
+        shouldDirty: !0,
+        shouldValidate: W
+      }), y(`${e}-DropdownName`, null);
+      return;
     }
-  }, [p, m, e]);
-  return ln(v), /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsx(ar, { show: t, onClick: e }),
-    /* @__PURE__ */ s.jsxs("div", { ref: c, className: w("luminus-lightbox rounded shadow", ne.lightbox, {
-      [ne.show]: t
-    }), children: [
-      /* @__PURE__ */ s.jsxs("div", { className: ne.header, children: [
-        /* @__PURE__ */ s.jsxs("div", { className: w("rounded", ne.photoActions), children: [
-          i && /* @__PURE__ */ s.jsx(nr, { accept: ".jpg,.jpeg,.png", onUpload: (x) => {
-            x.length > 0 && i(Array.from(x));
-          }, icon: /* @__PURE__ */ s.jsx(nn, { style: { fontSize: 18 } }), multiple: !0, className: "me-3", children: o ?? null }),
-          h && (l == null ? void 0 : l.map(({ label: x, onClick: f, ...j }, b) => /* @__PURE__ */ s.jsx(
-            ct,
-            {
-              onClick: () => f(h.id),
-              ...j,
-              children: x
-            },
-            `action-${b}`
-          )))
-        ] }),
-        /* @__PURE__ */ s.jsx("div", { role: "button", onClick: e, children: /* @__PURE__ */ s.jsx(ke, { style: { fontSize: "32px" } }) })
-      ] }),
-      n.length === 0 && /* @__PURE__ */ s.jsx("div", { className: "w-100 h-100 d-flex align-items-center justify-content-center", children: /* @__PURE__ */ s.jsx(z, { variant: "body", children: a ?? "No photos available" }) }),
-      h && /* @__PURE__ */ s.jsxs("div", { className: ne.photoContainer, children: [
-        /* @__PURE__ */ s.jsx("div", { role: m ? "button" : void 0, className: w("align-items-start", ne.navButton), onClick: () => m && d((x) => x - 1), children: m && /* @__PURE__ */ s.jsx(mt, { style: { fontSize: "40px" } }) }),
-        /* @__PURE__ */ s.jsx("img", { src: h.lgSrc, alt: h.alt, className: w("rounded", ne.photo) }),
-        /* @__PURE__ */ s.jsx("div", { role: p ? "button" : void 0, className: w("align-items-end", ne.navButton), onClick: () => p && d((x) => x + 1), children: p && /* @__PURE__ */ s.jsx(ft, { style: { fontSize: "40px" } }) })
-      ] }),
-      /* @__PURE__ */ s.jsx("div", { className: ne.photosPreview, children: n.map((x, f) => /* @__PURE__ */ s.jsxs("div", { role: "button", onClick: () => d(f), className: "position-relative", children: [
-        /* @__PURE__ */ s.jsx("img", { role: f !== u ? "button" : void 0, src: x.smSrc, alt: x.alt, className: w("rounded", ne.photo, {
-          [ne.selected]: f === u
-        }) }, x.id),
-        x.isDefault && /* @__PURE__ */ s.jsx("div", { className: w("text-primary", ne.defaultIndicator), children: /* @__PURE__ */ s.jsx(Lr, {}) })
-      ] })) })
-    ] })
+    let ce = null;
+    i ? ce = (H == null ? void 0 : H.id) !== null && (H == null ? void 0 : H.id) !== "" ? parseInt(H.id.toString(), 10) : null : ce = H.id === null || H.id === void 0 || H.id === "" ? null : H.id, y(e, ce, {
+      shouldDirty: !0,
+      shouldValidate: W
+    }), y(`${e}-DropdownName`, H.name ?? "");
+  }, [y, e, W, i, a, B]), U = O((H) => {
+    T(!1), te(H);
+  }, [te]), I = O(() => {
+    T(!1);
+  }, []);
+  D(() => {
+    se();
+  }, [se]), D(() => {
+    k.isSubmitted && R(!0);
+  }, [k]);
+  const E = Y(null), K = S !== void 0, De = m !== void 0, ir = De && G !== null;
+  return /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsxs(t, { label: `${n}${l ? " *" : ""}`, hidden: c, withoutLabel: f, isInvalid: K, inputContainerClassName: w({ "luminus-dropdown-select-open": _ }), className: C, children: [
+    /* @__PURE__ */ s.jsxs(ar, { currentSelection: G, selectedItemNavigateTo: m, children: [
+      g && (G == null ? void 0 : G.name) && /* @__PURE__ */ s.jsx(z, { variant: "caption", className: "d-flex justify-content-end mt-2 luminus-dropdown-selection-name", children: G.name }),
+      /* @__PURE__ */ s.jsx(sn, { control: M, name: e, render: () => /* @__PURE__ */ s.jsx(ee.Select, { size: r, onMouseDown: (H) => {
+        H.currentTarget.focus(), H.preventDefault();
+      }, onClick: () => {
+        !De && !u && T(!0);
+      }, ref: E, value: B ?? "", onChange: () => {
+      }, isInvalid: K, hidden: c, className: w("w-100", {
+        "luminus-dropdown-picker-disabled": u,
+        "luminus-dropdown-picker-link": ir
+      }), children: /* @__PURE__ */ s.jsx("option", { value: B, children: g ? B : (L == null ? void 0 : L.length) > 0 ? L : B }) }) }),
+      b || !u && De ? /* @__PURE__ */ s.jsxs("div", { className: "custom-picker-button", children: [
+        !b && !u && De && /* @__PURE__ */ s.jsx(Z, { size: "sm", color: "secondary", onClick: (H) => {
+          H.preventDefault(), H.stopPropagation(), T(!0);
+        }, children: /* @__PURE__ */ s.jsx(nn, {}) }),
+        b ?? null
+      ] }) : null
+    ] }),
+    S && /* @__PURE__ */ s.jsx(ye, { message: S.message }),
+    E.current && /* @__PURE__ */ s.jsx(_t, { show: _, onCancel: I, items: d, currentSelection: G, onSelectionChange: U, onSearchQueryChange: h, texts: p, itemsNameWidth: v, additionalColumns: j, displayIdAsName: g, isLoading: x, disabled: u, inputRef: E })
+  ] }) });
+}, ul = ({ InputContainer: t = xe, label: e, formField: n, hidden: r, required: o, placeholder: a, disabled: i, showClearIcon: l, resetsFields: c, multiple: u, accept: d, withoutLabel: h, className: m }) => {
+  const { watch: p, setValue: v, register: x, formState: f } = me(), [j, b] = P(!1), [g, C] = P(void 0), k = O(() => {
+    v(n, "");
+  }, [v, n]), y = O(() => {
+    const M = n.split(".");
+    let S = f.errors;
+    M.forEach((N) => {
+      S !== void 0 && (S = S[N]);
+    }), C(S);
+  }, [f, n]);
+  D(y, [y]), D(() => {
+    f.isSubmitted && b(!0);
+  }, [f]);
+  const $ = g !== void 0;
+  return /* @__PURE__ */ s.jsxs(t, { label: `${e}${o ? "*" : ""}`, hidden: r, withoutLabel: h, isInvalid: $, className: m, children: [
+    /* @__PURE__ */ s.jsx(Gn, { type: "file", multiple: u, accept: d.join(", "), placeholder: a ?? e, isInvalid: $, hidden: r, disabled: i, className: "w-100", ...x(n, {
+      onChange: () => {
+        c && c.forEach((M) => v(M, null, { shouldDirty: !0, shouldValidate: j }));
+      }
+    }) }),
+    l && p(n) && /* @__PURE__ */ s.jsx("div", { className: "luminus-input-remove-icon", children: /* @__PURE__ */ s.jsx(Z, { color: "secondary", size: "sm", onClick: k, children: /* @__PURE__ */ s.jsx(ke, {}) }) }),
+    g && /* @__PURE__ */ s.jsx(ye, { message: g.message })
   ] });
-}, ml = ({ photos: t, onUploadPhotos: e, uploadPhotosText: n, photoActions: r }) => {
-  const [o, a] = P(null), i = o !== null ? t[o] : null, [l, c] = P(!1);
+}, dl = ({ children: t, onStorno: e }) => {
+  const { formState: n } = me(), [r, o] = P(!1);
   return D(() => {
-    if (t.length === 0) {
-      a(null), c(!1);
+    o(Object.keys(n.dirtyFields).length > 0);
+  }, [n]), r ? /* @__PURE__ */ s.jsx(Ha, { onStorno: e, children: t }) : null;
+}, hl = ({ InputContainer: t = xe, options: e, formField: n, label: r, size: o, resetsFields: a, isNumber: i, required: l, hidden: c, disabled: u, withoutLabel: d, noSortOptions: h, suffixIdToName: m, className: p }) => {
+  const { customSelectTexts: v } = F(oe), { formState: x, setValue: f, watch: j, control: b } = me(), [g, C] = P(void 0), [k, y] = P(!1), [$, M] = P(!1), [S, N] = P(""), _ = j(n), T = Q(() => e.find((I) => I.id === _) ?? null, [e, _]), W = O(() => {
+    const I = n.split(".");
+    let E = x.errors;
+    I.forEach((K) => {
+      E !== void 0 && (E = E[K]);
+    }), C(E);
+  }, [x, n]), R = O((I) => {
+    if ((I == null ? void 0 : I.id) === _)
+      return;
+    if (a && a.forEach((K) => f(K, null, { shouldDirty: !0, shouldValidate: $ })), I === null) {
+      f(n, null, {
+        shouldDirty: !0,
+        shouldValidate: $
+      });
       return;
     }
-    const u = t.findIndex((d) => d.isDefault);
-    a(u > -1 ? u : 0);
-  }, [t]), i ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsx(
-      "img",
-      {
-        role: "button",
-        src: i.smSrc,
-        alt: i.alt,
-        className: "rounded w-100",
-        onClick: () => c(!0)
-      }
-    ),
-    /* @__PURE__ */ s.jsx(Dc, { show: l, onClose: () => c(!1), photos: t, defaultIndex: o ?? 0, uploadPhotosText: n, onUploadPhotos: e, photoActions: r })
-  ] }) : e ? /* @__PURE__ */ s.jsx(nr, { accept: ".jpg,.jpeg,.png", onUpload: (u) => {
-    u.length > 0 && e(Array.from(u));
-  }, icon: /* @__PURE__ */ s.jsx(nn, { style: { fontSize: 18 } }), multiple: !0, children: n ?? null }) : null;
-}, fl = ({ appAccessPermissions: t, children: e }) => {
-  const { NavigateComponent: n } = F(oe), { useMsal: r, msalScopes: o } = F(qr), { isAuthenticated: a } = Yr(), { user: i, loggingInProgress: l } = F(Br), c = i && (t == null ? void 0 : t.every((u) => {
-    var d;
-    return (d = i.permissions) == null ? void 0 : d.includes(u);
-  }));
-  return r ? /* @__PURE__ */ s.jsx(Aa, { interactionType: qe.Redirect, authenticationRequest: { scopes: o }, children: l || !a() ? /* @__PURE__ */ s.jsx(Xr, {}) : i ? c ? /* @__PURE__ */ s.jsx(s.Fragment, { children: e }) : /* @__PURE__ */ s.jsx(n, { to: "/user-not-permitted", replace: !0 }) : /* @__PURE__ */ s.jsx(n, { to: "/no-user-login", replace: !0 }) }) : !a() || !i ? /* @__PURE__ */ s.jsx(n, { to: "/login", replace: !0 }) : c ? e : /* @__PURE__ */ s.jsx(n, { to: "/user-not-permitted", replace: !0 });
-}, pl = (t) => {
-  const { variant: e, children: n, className: r, size: o = "md", typographyVariant: a = o === "sm" ? "body2" : "body", ...i } = { ...t };
-  return /* @__PURE__ */ s.jsx(xs, { variant: e, className: `text-center ${o === "sm" ? "p-1" : o === "md" ? "p-3" : "p-4"} bg-${e} bg-opacity-10 border-none ${r ?? ""}`, ...i, children: /* @__PURE__ */ s.jsx(z, { variant: a, children: n }) });
-}, gl = ({ version: t }) => /* @__PURE__ */ s.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__ */ s.jsxs(z, { variant: "caption", className: "w-100 text-end", children: [
-  "verze ",
-  t
-] }) });
+    let E = null;
+    i ? E = (I == null ? void 0 : I.id) !== null && (I == null ? void 0 : I.id) !== "" ? parseInt(I.id.toString(), 10) : null : E = I.id === null || I.id === void 0 || I.id === "" ? null : I.id, f(n, E, {
+      shouldDirty: !0,
+      shouldValidate: $
+    });
+  }, [f, n, i, a, _, $]), B = O((I) => {
+    y(!1), R(I);
+  }, [R]), L = O((I) => {
+    N(I);
+  }, []);
+  D(() => {
+    W();
+  }, [W]), D(() => {
+    x.isSubmitted && M(!0);
+  }, [x]);
+  const G = O((I) => {
+    var E;
+    return I === null ? "" : !I.name || I.name.length === 0 ? ((E = I.id) == null ? void 0 : E.toString()) ?? "" : m ? `${I.name} (${I.id})` : I.name;
+  }, [m]), se = Q(() => e.map((I) => ({
+    id: I.id,
+    name: G(I)
+  })).filter((I) => {
+    var E;
+    return S ? (E = I.name) == null ? void 0 : E.toLowerCase().includes(S.toLowerCase()) : !0;
+  }).sort((I, E) => h ? 0 : (I.name ?? "").localeCompare(E.name ?? "")), [e, h, S, G]), te = Y(null), U = g !== void 0;
+  return /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsxs(t, { label: `${r}${l ? " *" : ""}`, hidden: c, withoutLabel: d, isInvalid: U, inputContainerClassName: w({ "luminus-dropdown-select-open": k }), className: p, children: [
+    /* @__PURE__ */ s.jsx(sn, { control: b, name: n, render: () => /* @__PURE__ */ s.jsx(ee.Select, { size: o, onMouseDown: (I) => {
+      I.currentTarget.focus(), I.preventDefault();
+    }, onClick: () => {
+      y(!0);
+    }, ref: te, value: _ ?? "", onChange: () => {
+    }, isInvalid: U, hidden: c, disabled: u, className: "w-100", children: /* @__PURE__ */ s.jsx("option", { value: (T == null ? void 0 : T.id) ?? "", children: G(T) }) }) }),
+    g && /* @__PURE__ */ s.jsx(ye, { message: g.message }),
+    te.current && /* @__PURE__ */ s.jsx(_t, { show: k, onCancel: () => y(!1), items: se, currentSelection: T ?? null, onSelectionChange: B, onSearchQueryChange: L, texts: v, disabled: u, inputRef: te, autoHideSearch: !0, allItemsLength: e.length })
+  ] }) });
+}, ml = ({ cell: { value: t } }) => /* @__PURE__ */ s.jsx(s.Fragment, { children: t ? /* @__PURE__ */ s.jsx(Br, { name: t, size: 21, fontSize: 12 }) : /* @__PURE__ */ s.jsx(s.Fragment, {}) }), Tc = "_tab-panel_qgi9v_1", Ec = "_full-height-no-overflow_qgi9v_5", Oc = "_disabled_qgi9v_10", ot = {
+  "tab-panel": "_tab-panel_qgi9v_1",
+  tabPanel: Tc,
+  "full-height-no-overflow": "_full-height-no-overflow_qgi9v_5",
+  fullHeightNoOverflow: Ec,
+  disabled: Oc
+}, fl = ({ eventKey: t, activeTab: e, fullHeightNoOverflow: n, disabled: r, className: o, children: a }) => t !== e ? null : /* @__PURE__ */ s.jsx("div", { className: w("luminus-tab-panel", ot.tabPanel, { [ot.fullHeightNoOverflow]: n }, { disabled: r }, { [ot.disabled]: r }, o), children: a }), pl = ({ activeTab: t, onSelect: e, children: n }) => /* @__PURE__ */ s.jsx("div", { className: w("luminus-tabs d-flex gap-1 mb-2"), children: n.map((r) => {
+  const o = r.type, a = r.props;
+  if (!a)
+    return null;
+  const i = a.eventKey, l = a.children, c = a.className, u = a.onClick;
+  return /* @__PURE__ */ Ur(o, { ...a, key: a.eventKey, className: w({ active: t === i }, c), onClick: () => {
+    e(i), u && u(i);
+  } }, l);
+}) }), Mc = "_tab_1hdhk_1", Dc = "_disabled_1hdhk_8", Kt = {
+  tab: Mc,
+  disabled: Dc
+}, gl = ({ eventKey: t, className: e, onClick: n, disabled: r, children: o }) => /* @__PURE__ */ s.jsx("div", { role: "button", className: w("luminus-tab text-primary rounded", Kt.tab, e, {
+  disabled: r
+}, { [Kt.disabled]: r }), onClick: () => n && !r && n(t), children: typeof o == "string" ? /* @__PURE__ */ s.jsx(z, { variant: "h6", className: "text-primary", children: o }) : o });
 export {
-  pl as Alert,
+  Jc as Alert,
   qc as ApiFileDownloadButton,
-  hl as AppSearch,
-  fl as AuthTemplate,
-  Mr as AvatarIcon,
-  ar as Backdrop,
-  ul as Badge,
-  vc as Card,
-  Gc as CheckInput,
-  dl as Collapse,
+  Kc as AppSearch,
+  Xc as AuthTemplate,
+  Br as AvatarIcon,
+  sr as Backdrop,
+  Gc as Badge,
+  gc as Card,
+  tl as CheckInput,
+  Vc as Collapse,
   ct as ContextButton,
-  si as Dropdown,
-  ol as DropdownDivider,
-  Za as DropdownItem,
-  zc as DropdownPicker,
-  ei as DropdownToggle,
+  Vi as Dropdown,
+  zc as DropdownDivider,
+  Li as DropdownItem,
+  ol as DropdownPicker,
+  qi as DropdownToggle,
   nr as FileUploadContextButton,
-  rl as FileUploadDropdownItem,
+  Uc as FileUploadDropdownItem,
   Ha as FloatingFormSubmit,
   Ve as FloatingLabelInput,
-  ll as HomeDashboard,
-  Kc as HookFormCheckInput,
-  Zc as HookFormDropdownPicker,
-  el as HookFormFileInput,
-  tl as HookFormFloatingSubmit,
-  Qc as HookFormRadioInput,
-  nl as HookFormSelectInput,
-  Xc as HookFormTextAreaInput,
-  Jc as HookFormTextInput,
-  Hc as HtmlTooltip,
+  Hc as HomeDashboard,
+  sl as HookFormCheckInput,
+  ll as HookFormDropdownPicker,
+  ul as HookFormFileInput,
+  dl as HookFormFloatingSubmit,
+  al as HookFormRadioInput,
+  hl as HookFormSelectInput,
+  il as HookFormTextAreaInput,
+  cl as HookFormTextInput,
+  el as HtmlTooltip,
   Z as IconButton,
   ye as InvalidFeedback,
   Xr as Loading,
   Zr as LoadingBlock,
   Yc as MonthPicker,
   yl as NoInputContainer,
-  ml as PhotoLibrary,
-  Dc as PhotoLightbox,
+  Qc as PhotoLibrary,
+  Sc as PhotoLightbox,
   qt as PrimaryButton,
   xe as RowLabelInput,
-  Uc as SelectInput,
+  rl as SelectInput,
   _t as SimplePicker,
-  Fr as SimpleToggle,
+  Pr as SimpleToggle,
   _l as SimpleTooltip,
-  cl as Tab,
-  al as TabPanel,
-  il as Tabs,
-  Vc as TextInput,
+  gl as Tab,
+  fl as TabPanel,
+  pl as Tabs,
+  nl as TextInput,
   z as Typography,
   bl as UserAvatarToggle,
-  sl as UserAvatarValueFormat,
-  gl as VersionInfo,
-  Gt as WidgetCard,
+  ml as UserAvatarValueFormat,
+  Zc as VersionInfo,
+  Ht as WidgetCard,
   Bc as YearPicker
 };