react-luminus-components 1.3.17 → 1.3.18

package/dist/main.es.js

@@ -1,13 +1,13 @@
-import { j as s, c as w, t as te, a as ie, g as _r, T as jr, b as kr, s as St, E as Nr, d as Cr, e as $r, f as Ir, h as Sr, u as B, i as pe, k as rn, F as Tt, l as Tr, m as Er, n as Dr, o as Or, p as Pr, q as Ar, r as Mr, v as Fr, w as mt, x as on, y as Wr, z as Rr, A as ke, B as Lr, C as Yr, P as je, D as sn, S as Et, G as Le, H as pt, I as qr, J as an, K as Oe, L as Ve, O as Dt, M as Hr, N as Br, Q as le, R as Vr, U as Gr, V as cn, W as gt, X as wt, Y as U, Z as Ur, _ as ln, $ as zr, a0 as un, a1 as xt, a2 as Kr, a3 as Qr, a4 as dn, a5 as hn, a6 as de, a7 as Xr, a8 as Jr, a9 as Zr, aa as eo, ab as to, ac as fn, ad as no, ae as ro, af as tt, ag as Ie, ah as mn, ai as ge } from "./NoInputContainer-DPjgKLR8.js";
-import { ak as su, aj as au } from "./NoInputContainer-DPjgKLR8.js";
+import { j as s, c as w, t as te, a as ie, g as _r, T as jr, b as kr, s as St, E as Nr, d as Cr, e as $r, f as Ir, h as Sr, u as B, i as pe, k as rn, F as Tt, l as Tr, m as Er, n as Dr, o as Or, p as Pr, q as Ar, r as Mr, v as Fr, w as mt, x as on, y as Wr, z as Rr, A as ke, B as Lr, C as Yr, P as je, D as sn, S as Et, G as Le, H as pt, I as qr, J as an, K as Oe, L as Ve, O as Dt, M as Hr, N as Br, Q as le, R as Vr, U as Gr, V as cn, W as gt, X as wt, Y as Ur, Z as tt, _ as U, $ as Ie, a0 as de, a1 as ln, a2 as xt, a3 as ge, a4 as un, a5 as zr, a6 as dn, a7 as Kr, a8 as hn, a9 as Qr, aa as Xr, ab as fn, ac as mn, ad as Jr, ae as Zr, af as eo, ag as to, ah as no, ai as ro } from "./UserAvatarToggle-D2Jm1R51.js";
+import { ak as su, aj as au } from "./UserAvatarToggle-D2Jm1R51.js";
 import * as R from "react";
-import ee, { useCallback as S, useMemo as V, useEffect as O, useRef as q, useState as P, useReducer as pn, useContext as L, Component as oo, isValidElement as so, Suspense as ao, createElement as io } from "react";
-import { c as fe, d as co, C as lo, a as gn, u as uo, q as Ot, F as ho, b as wn, E as Ye, P as Pt, M as qe, L as At } from "./PrimaryButton-B9eaaCaE.js";
+import ee, { useCallback as S, useMemo as V, useEffect as O, useRef as q, useState as P, useReducer as pn, useContext as L, createElement as oo, Component as so, isValidElement as ao, Suspense as io } from "react";
+import { c as fe, d as co, C as lo, a as gn, u as uo, q as Ot, F as ho, b as wn, E as Ye, P as Pt, M as qe, L as At } from "./PrimaryButton-DslNAB-3.js";
 import { m as fo, a as xn } from "./latinize-BQrinury.js";
 import { useFormContext as he, Controller as vn } from "react-hook-form";
-import { u as yn, a as bn, b as _n } from "./useFormControlType-BAFqxupC.js";
+import { u as yn, a as bn, b as _n } from "./useFormControlType-oJGqgThz.js";
 import Ge from "react-dom";
-import { S as cu } from "./SimpleTooltip-Dkn3uxZY.js";
+import { S as cu } from "./SimpleTooltip-D98Qd8ok.js";
 import { s as mo } from "./searchUtils-Du4JnXdQ.js";
 const _l = ({ fileLoader: t, fileName: e, children: n }) => {
   const r = S(async () => {
@@ -2828,7 +2828,7 @@ function Za({ interactionType: t, username: e, homeAccountId: n, localAccountId:
 }
 const ei = ({ children: t, onStorno: e, noSpacer: n }) => {
   const { formSubmitTexts: r } = L(le);
-  return /* @__PURE__ */ s.jsxs(el, { noSpacer: n, children: [
+  return /* @__PURE__ */ s.jsxs(sl, { noSpacer: n, children: [
     /* @__PURE__ */ s.jsxs(Pt, { as: "button", color: "primary", size: "lg", type: "submit", children: [
       /* @__PURE__ */ s.jsx(Vr, {}),
       t
@@ -2938,352 +2938,152 @@ const ei = ({ children: t, onStorno: e, noSpacer: n }) => {
   ] });
 }, li = "_widget_etgh3_1", ui = {
   widget: li
-}, di = ({ show: t, widgets: e, handleClose: n, onWidgetPicked: r, texts: o }) => /* @__PURE__ */ s.jsxs(qe, { show: t, onHide: () => n(), children: [
-  /* @__PURE__ */ s.jsx(qe.Header, { closeButton: !0, children: /* @__PURE__ */ s.jsx(qe.Title, { children: o.pickWidgetToAdd }) }),
-  /* @__PURE__ */ s.jsx(qe.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(U, { variant: "body", children: a.name }) })) }) })
-] }), Kt = ({ 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", ui.widget), children: /* @__PURE__ */ s.jsx(z, { onClick: () => o(!0), children: /* @__PURE__ */ s.jsx(Ur, {}) }) }),
-    /* @__PURE__ */ s.jsx(di, { show: r, widgets: t, handleClose: () => o(!1), onWidgetPicked: (a) => {
-      o(!1), e(a);
-    }, texts: n })
+}, Nl = ({ heading: t, content: e, placement: n, children: r, trigger: o, ...a }) => /* @__PURE__ */ s.jsx(Ur, { placement: n, overlay: /* @__PURE__ */ s.jsxs(tt, { className: "luminus-popover", onClick: (i) => i.stopPropagation(), children: [
+  /* @__PURE__ */ s.jsx(tt.Header, { children: typeof t == "string" ? /* @__PURE__ */ s.jsx(U, { variant: "h6", className: "text-primary", children: t }) : t }),
+  /* @__PURE__ */ s.jsx(tt.Body, { children: e })
+] }), trigger: o ?? "hover", rootClose: !0, show: a.controlled ? a.isOpen : void 0, onToggle: a.controlled ? (i) => a.setIsOpen(i) : void 0, children: r }), fr = ({ currentSelection: t, selectedItemNavigateTo: e, children: n }) => {
+  const { LinkComponent: r } = L(le);
+  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 });
+}, Cl = ({ InputContainer: t = Ie, 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(J.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 }) }), $l = ({ InputContainer: t = Ie, 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: g, className: x, step: y, noSelectOnFocus: p }) => {
+  const v = e === "number", j = S(() => {
+    if (!r)
+      return;
+    const b = m ?? null;
+    r(v ? b ? Number(b) : null : (b == null ? void 0 : b.toString()) ?? "");
+  }, [m, v, r]), f = q(null), [k, _] = P((n == null ? void 0 : n.toString()) ?? ""), C = S((b) => {
+    const $ = b;
+    r && (v && r($ == null || $ === "" ? null : Number($)), r($ || null));
+  }, [v, r]), N = S((b) => {
+    var F;
+    const $ = (F = b.target) == null ? void 0 : F.value;
+    if (!o) {
+      C($);
+      return;
+    }
+    _($), f.current !== null && window.clearTimeout(f.current), f.current = window.setTimeout(() => {
+      C($);
+    }, o);
+  }, [o, C]);
+  O(() => {
+    _(n === null ? "" : n.toString());
+  }, [n]);
+  const [T, E] = P(!1), I = yn(e, n ? n.toString() ?? null : null, T);
+  return /* @__PURE__ */ s.jsxs(t, { withoutLabel: i, label: a ?? "", hidden: u, className: x, children: [
+    /* @__PURE__ */ s.jsx(J.Control, { type: I, placeholder: l ?? a, size: c, value: o ? k : (n == null ? void 0 : n.toString()) ?? "", onChange: N, className: x ?? "", hidden: u, disabled: d ?? !1, list: g, onFocus: (b) => {
+      E(!0), !p && b.target.select();
+    }, onBlur: () => E(!1), step: y }),
+    h && n !== null && 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(de, {}) }) })
   ] });
-}, hi = (t) => {
-  const [e, n] = P({ widgets: [] });
+}, Il = ({
+  InputContainer: t = Ie,
+  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: g,
+  noEmptyOption: x
+  // it will still add the empty option if there is no value provided or value is empty string or null
+}) => {
+  const y = S(() => {
+    if (!r)
+      return;
+    const p = h ?? null;
+    r(i ? p ? Number(p) : null : (p == null ? void 0 : p.toString()) ?? "");
+  }, [h, i, r]);
+  return /* @__PURE__ */ s.jsxs(t, { withoutLabel: a, label: o ?? "", hidden: c, className: g, children: [
+    /* @__PURE__ */ s.jsxs(J.Select, { size: l, value: e ?? "", onChange: (p) => {
+      var j;
+      if (!r)
+        return;
+      const v = (j = p.target) == null ? void 0 : j.value;
+      i && r(v ? parseInt(v, 10) : null), r(v || null);
+    }, className: g ?? "", hidden: c, disabled: u ?? !1, children: [
+      x && !(e == null || e === "") ? void 0 : /* @__PURE__ */ s.jsx("option", { value: "" }),
+      n == null ? void 0 : n.sort((p, v) => m ? 0 : (p.name ?? "").localeCompare(v.name ?? "")).map((p) => /* @__PURE__ */ s.jsx("option", { value: p.id ?? "", children: p.name }, p.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: y, children: /* @__PURE__ */ s.jsx(de, {}) }) })
+  ] });
+}, Sl = ({ InputContainer: t = Ie, 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: g, hidden: x, disabled: y, displayIdAsName: p, CustomOnChangeComponent: v, className: j }) => {
+  var $, F;
+  const [f, k] = P(n), [_, C] = P(!1);
   O(() => {
-    const o = localStorage.getItem("dashboardConfig");
-    o ? n(JSON.parse(o)) : t && n(t);
-  }, [t]);
-  const r = S((o) => {
-    n(o), localStorage.setItem("dashboardConfig", JSON.stringify(o));
-  }, []);
-  return { dashboardConfig: e, onChangeDashboardConfig: r };
-}, fi = "_dashboard_16plm_1", mi = "_widgets-grid_16plm_1", pi = "_widget-wrapper_16plm_8", gi = "_full-width_16plm_13", wi = "_widget-edit_16plm_16", xi = "_remove-icon_16plm_19", vi = "_full-width-icon_16plm_26", yi = "_widget-edit-overlay_16plm_36", ue = {
-  dashboard: fi,
-  "widgets-grid": "_widgets-grid_16plm_1",
-  widgetsGrid: mi,
-  "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: vi,
-  "widget-edit-overlay": "_widget-edit-overlay_16plm_36",
-  widgetEditOverlay: yi
-};
-class bi extends oo {
-  constructor(e) {
-    super(e), this.state = { hasError: !1 }, this.reload = this.reload.bind(this);
-  }
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  static getDerivedStateFromError(e) {
-    return { hasError: !0 };
-  }
-  componentDidUpdate(e) {
-    this.state.hasError && e.keyForErrorState !== this.props.keyForErrorState && this.setState({ hasError: !1 });
-  }
-  componentDidCatch(e, n) {
-    console.error("Error:", e, n);
-  }
-  reload() {
-    this.setState({ hasError: !1 });
-  }
-  render() {
-    const { fallback: e, children: n, texts: r, reloadButtonDisplay: o = "append-after-child" } = this.props;
-    return this.state.hasError ? o === "inject-to-child" && so(e) ? ee.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(ht, { 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(ht, { type: "button", onClick: this.reload, children: r.reloadButtonContent })
-    ] }) : n;
-  }
-}
-const _i = (t) => (n) => {
-  const { errorBoundaryTexts: r } = L(le);
-  return /* @__PURE__ */ s.jsx(t, { texts: r, ...n });
-}, ji = _i(bi), ki = "_widget-card_e9tsb_1", Ni = {
-  "widget-card": "_widget-card_e9tsb_1",
-  widgetCard: ki
-}, Qt = ({ children: t, title: e, headerContent: n }) => /* @__PURE__ */ s.jsx(Sc, { className: w(Ni.widgetCard, "luminus-widget"), title: e, headerContent: n, contentClassName: "h-100 overflow-auto", children: t }), Ci = ({ children: t, title: e }) => {
-  const { widgetTexts: n } = L(le);
-  return /* @__PURE__ */ s.jsx(ji, { fallback: /* @__PURE__ */ s.jsx(Qt, { title: e, children: n.fallbackError }), reloadButtonDisplay: "inject-to-child", children: /* @__PURE__ */ s.jsx(ao, { fallback: /* @__PURE__ */ s.jsx(Qt, { title: e, children: /* @__PURE__ */ s.jsx(po, {}) }), children: t }) });
-}, Nl = ({ availableWidgets: t, editMode: e, defaultDashboardConfig: n }) => {
-  var d;
-  const { homeDashboardTexts: r } = L(le), { dashboardConfig: o, onChangeDashboardConfig: a } = hi(n), i = S((h, m) => {
-    var g, x;
-    h === ((g = o.widgets) == null ? void 0 : g.length) ? a({
-      ...o,
-      widgets: [...o.widgets, { widgetId: m, fullWidth: !1 }]
-    }) : a({
-      ...o,
-      widgets: ((x = o.widgets) == null ? void 0 : x.map((y, p) => p === h ? { widgetId: m, fullWidth: !1 } : y)) ?? []
-    });
-  }, [o, a]), l = S((h) => {
-    var m, g;
-    ((m = o.widgets[h]) == null ? void 0 : m.widgetId) === -1 ? a({
-      ...o,
-      widgets: ((g = o.widgets) == null ? void 0 : g.filter((x, y) => y !== h)) ?? []
-    }) : i(h, -1);
-  }, [o, a, i]), c = S((h) => {
-    var m;
-    a({
-      ...o,
-      widgets: ((m = o.widgets) == null ? void 0 : m.map((g, x) => x === h ? { ...g, fullWidth: !g.fullWidth } : g)) ?? []
-    });
-  }, [o, a]), u = S((h, m, g) => h ? /* @__PURE__ */ s.jsxs("div", { className: w(ue.widgetWrapper, {
-    [ue.widgetEdit]: e && h.id !== -1
-  }, { [ue.fullWidth]: g }), children: [
-    e && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-      /* @__PURE__ */ s.jsx(z, { color: "danger", onClick: () => l(m), className: w(ue.removeIcon), children: /* @__PURE__ */ s.jsx(ln, {}) }),
-      /* @__PURE__ */ s.jsx(z, { color: g ? "danger" : "primary", onClick: () => c(m), className: w(ue.fullWidthIcon), children: /* @__PURE__ */ s.jsx(zr, {}) })
+    k(n);
+  }, [n]);
+  const N = S((W) => {
+    k(W);
+  }, []), T = S((W) => {
+    C(!1), N(W);
+  }, [N]);
+  O(() => {
+    c && c(f);
+  }, [f, c]);
+  const E = q(null), I = r !== void 0, b = I && f !== null;
+  return /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsxs(t, { withoutLabel: d, label: u ?? "", hidden: x, inputContainerClassName: w({ "luminus-dropdown-select-open": _ }), className: j, children: [
+    /* @__PURE__ */ s.jsxs(fr, { currentSelection: f, selectedItemNavigateTo: r, children: [
+      p && (f == null ? void 0 : f.name) && /* @__PURE__ */ s.jsx(U, { variant: "caption", className: "d-flex justify-content-end mt-2 luminus-dropdown-selection-name", children: f.name }),
+      /* @__PURE__ */ s.jsxs(J.Select, { ref: E, size: h, value: (f == null ? void 0 : f.id) ?? "", onChange: (W) => k({
+        id: l ? Number(W.target.value) ?? null : W.target.value,
+        name: ""
+      }), onMouseDown: (W) => {
+        W.currentTarget.focus(), W.preventDefault();
+      }, onClick: () => {
+        !I && !y && C(!0);
+      }, className: w("w-100", {
+        "luminus-dropdown-picker-disabled": y,
+        "luminus-dropdown-picker-link": b
+      }), hidden: x, children: [
+        /* @__PURE__ */ s.jsx("option", { value: "" }),
+        n && /* @__PURE__ */ s.jsx("option", { value: n.id ?? void 0, children: n.name && (($ = n.name) == null ? void 0 : $.length) > 0 ? n.name : n.id }),
+        f && /* @__PURE__ */ s.jsx("option", { value: f.id ?? void 0, children: f.name && ((F = f.name) == null ? void 0 : F.length) > 0 ? f.name : f.id })
+      ] }),
+      v || !y && I ? /* @__PURE__ */ s.jsxs("div", { className: "custom-picker-button", children: [
+        !v && !y && I && /* @__PURE__ */ s.jsx(z, { size: "sm", color: "secondary", onClick: (W) => {
+          W.preventDefault(), W.stopPropagation(), C(!0);
+        }, children: /* @__PURE__ */ s.jsx(ln, {}) }),
+        v ?? null
+      ] }) : null
     ] }),
-    h.id === -1 ? e && /* @__PURE__ */ s.jsx("div", { className: ue.widgetWrapper, children: /* @__PURE__ */ s.jsx(Kt, { availableWidgets: t, onAdd: (x) => i(m, x), texts: r }) }) : /* @__PURE__ */ s.jsx(Ci, { title: h.title, children: /* @__PURE__ */ s.jsx(h.WidgetElement, { title: h.title }) }),
-    h.id > -1 && e && /* @__PURE__ */ s.jsx("div", { className: ue.widgetEditOverlay })
-  ] }, m) : /* @__PURE__ */ s.jsx(s.Fragment, {}), [
-    e,
-    i,
-    l,
-    c,
-    t,
-    r
-  ]);
-  return /* @__PURE__ */ s.jsx("div", { className: ue.dashboard, children: /* @__PURE__ */ s.jsxs("div", { className: ue.widgetsGrid, children: [
-    (d = o.widgets) == null ? void 0 : d.map((h, m) => u(t.find((g) => g.id === h.widgetId), m, h.fullWidth)),
-    e && /* @__PURE__ */ s.jsx(Kt, { availableWidgets: t, onAdd: (h) => {
-      var m;
-      return i((m = o.widgets) == null ? void 0 : m.length, h);
-    }, texts: r })
+    E.current && /* @__PURE__ */ s.jsx(Nt, { show: _, onCancel: () => C(!1), items: e, currentSelection: f, onSelectionChange: T, onSearchQueryChange: o, texts: a, itemsNameWidth: m, additionalColumns: g, isLoading: i, disabled: y, inputRef: E })
   ] }) });
-}, $i = "_badge_nhser_1", Ii = "_sm_nhser_1", Si = "_md_nhser_4", Ti = "_lg_nhser_7", Xt = {
-  badge: $i,
-  sm: Ii,
-  md: Si,
-  lg: Ti
-}, Cl = ({ children: t, color: e = "primary", size: n = "md", className: r }) => /* @__PURE__ */ s.jsx("span", { className: w(`luminus-badge badge bg-${e} ${r ?? ""}`, Xt.badge, Xt[n]), children: t }), Ei = "_collapse-icon_1ahhn_1", Di = "_collapsed_1ahhn_6", Jt = {
-  "collapse-icon": "_collapse-icon_1ahhn_1",
-  collapseIcon: Ei,
-  collapsed: Di
-}, $l = ({ 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;
+}, Tl = ({ InputContainer: t = Ie, value: e, onChange: n, label: r, size: o, showClearIcon: a, clearValue: i, hidden: l, disabled: c, rows: u, withoutLabel: d, debounceMs: h, className: m }) => {
+  const g = S(() => {
+    if (!n)
+      return;
+    const f = i ?? null;
+    n((f == null ? void 0 : f.toString()) ?? "");
+  }, [i, n]), x = q(null), [y, p] = P((e == null ? void 0 : e.toString()) ?? ""), v = S((f) => {
+    const k = f;
+    n && n(k || null);
+  }, [n]), j = S((f) => {
+    var _;
+    const k = (_ = f.target) == null ? void 0 : _.value;
+    if (!h) {
+      v(k);
+      return;
+    }
+    p(k), x.current !== null && window.clearTimeout(x.current), x.current = window.setTimeout(() => {
+      v(k);
+    }, h);
+  }, [h, v]);
   return O(() => {
-    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(U, { variant: "h6", children: t }),
-      /* @__PURE__ */ s.jsx(un, { className: w(Jt.collapseIcon, {
-        [Jt.collapsed]: l
-      }) })
-    ] }),
-    /* @__PURE__ */ s.jsx(In, { in: l, children: /* @__PURE__ */ s.jsx("div", { children: e }) }),
-    /* @__PURE__ */ s.jsx("hr", { className: `my-0 ${l ? "mt-3" : ""}` })
-  ] });
-}, Oi = "_feedback_esh1j_1", Pi = "_feedback-spacer_esh1j_8", Zt = {
-  feedback: Oi,
-  "feedback-spacer": "_feedback-spacer_esh1j_8",
-  feedbackSpacer: Pi
-}, we = ({ 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 Ai(t, e, n) {
-  var r = this, o = q(null), a = q(0), i = q(null), l = q([]), c = q(), u = q(), d = q(t), h = q(!0);
-  d.current = t;
-  var m = typeof window < "u", g = !e && e !== 0 && m;
-  if (typeof t != "function")
-    throw new TypeError("Expected a function");
-  e = +e || 0;
-  var x = !!(n = n || {}).leading, y = !("trailing" in n) || !!n.trailing, p = "maxWait" in n, v = "debounceOnServer" in n && !!n.debounceOnServer, j = p ? Math.max(+n.maxWait || 0, e) : null;
-  O(function() {
-    return h.current = !0, function() {
-      h.current = !1;
-    };
-  }, []);
-  var f = V(function() {
-    var k = function(I) {
-      var b = l.current, $ = c.current;
-      return l.current = c.current = null, a.current = I, u.current = d.current.apply($, b);
-    }, _ = function(I, b) {
-      g && cancelAnimationFrame(i.current), i.current = g ? requestAnimationFrame(I) : setTimeout(I, b);
-    }, C = function(I) {
-      if (!h.current)
-        return !1;
-      var b = I - o.current;
-      return !o.current || b >= e || b < 0 || p && I - a.current >= j;
-    }, N = function(I) {
-      return i.current = null, y && l.current ? k(I) : (l.current = c.current = null, u.current);
-    }, T = function I() {
-      var b = Date.now();
-      if (C(b))
-        return N(b);
-      if (h.current) {
-        var $ = e - (b - o.current), F = p ? Math.min($, j - (b - a.current)) : $;
-        _(I, F);
-      }
-    }, E = function() {
-      if (m || v) {
-        var I = Date.now(), b = C(I);
-        if (l.current = [].slice.call(arguments), c.current = r, o.current = I, b) {
-          if (!i.current && h.current)
-            return a.current = o.current, _(T, e), x ? k(o.current) : u.current;
-          if (p)
-            return _(T, e), k(o.current);
-        }
-        return i.current || _(T, e), u.current;
-      }
-    };
-    return E.cancel = function() {
-      i.current && (g ? cancelAnimationFrame(i.current) : clearTimeout(i.current)), a.current = 0, l.current = o.current = c.current = i.current = null;
-    }, E.isPending = function() {
-      return !!i.current;
-    }, E.flush = function() {
-      return i.current ? N(Date.now()) : u.current;
-    }, E;
-  }, [x, p, e, j, y, g, m, v]);
-  return f;
-}
-function Mi(t, e) {
-  return t === e;
-}
-function Fi(t, e) {
-  return e;
-}
-function fr(t, e, n) {
-  var r = Mi, o = pn(Fi, t), a = o[0], i = o[1], l = Ai(S(function(u) {
-    return i(u);
-  }, [i]), e, n), c = q(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", Yi = "_search-input-container_uccrb_19", qi = "_search-input_uccrb_19", Hi = "_loading-container_uccrb_25", Bi = "_items-container_uccrb_32", Vi = "_header-row_uccrb_38", Gi = "_item_uccrb_32", Ui = "_name_uccrb_57", zi = "_column-item_uccrb_62", Ki = "_icon_uccrb_66", Qi = "_clear-button_uccrb_74", oe = {
-  wrapper: Wi,
-  open: Ri,
-  dropdown: Li,
-  "search-input-container": "_search-input-container_uccrb_19",
-  searchInputContainer: Yi,
-  "search-input": "_search-input_uccrb_19",
-  searchInput: qi,
-  "loading-container": "_loading-container_uccrb_25",
-  loadingContainer: Hi,
-  "items-container": "_items-container_uccrb_32",
-  itemsContainer: Bi,
-  "header-row": "_header-row_uccrb_38",
-  headerRow: Vi,
-  item: Gi,
-  name: Ui,
-  "column-item": "_column-item_uccrb_62",
-  columnItem: zi,
-  icon: Ki,
-  "clear-button": "_clear-button_uccrb_74",
-  clearButton: Qi
-}, Nt = ({ 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: g = !1, inputRef: x }) => {
-  var Y;
-  const y = q(null), p = q(null), v = q(null), j = q(null), [f, k] = P(""), [_] = fr(f, 500), [, C] = P(!1), N = (Y = x.current) == null ? void 0 : Y.getBoundingClientRect(), T = (N == null ? void 0 : N.x) ?? 0, E = ((N == null ? void 0 : N.x) ?? 0) + ((N == null ? void 0 : N.width) ?? 0), I = (N == null ? void 0 : N.y) ?? 0, b = ((N == null ? void 0 : N.y) ?? 0) + ((N == null ? void 0 : N.height) ?? 0), $ = (N == null ? void 0 : N.width) ?? 0, F = (N == null ? void 0 : N.height) ?? 0, W = 5, ne = V(() => T ? T > window.innerWidth / 2 : !1, [T]), G = V(() => I ? I > window.innerHeight / 2 : !1, [I]);
-  O(() => {
-    var A;
-    t && ((A = v.current) == null || A.focus());
-  }, [v, t]), O(() => {
-    t || k("");
-  }, [t]), O(() => {
-    a(_);
-  }, [_, a]);
-  const [M, K] = P(null);
-  O(() => {
-    t && n.length > 0 ? K(0) : K(null);
-  }, [n, t]);
-  const re = V(() => M !== null ? n.at(M) ?? null : null, [M, n]), Q = S((A, X) => {
-    var Ct, $t;
-    const ce = document.getElementById(`item-${A}`);
-    if (ce) {
-      const It = ce.clientHeight ?? 0;
-      X === "down" ? (Ct = j.current) == null || Ct.scrollBy({
-        left: 0,
-        top: It,
-        behavior: "smooth"
-      }) : ($t = j.current) == null || $t.scrollBy({
-        left: 0,
-        top: -It,
-        behavior: "smooth"
-      });
-    }
-  }, []), D = S((A) => {
-    if (M === null || m)
-      return;
-    const X = M + A;
-    X < 0 || X >= n.length || K((ce) => (ce !== null && Q(ce, A > 0 ? "down" : "up"), X));
-  }, [M, n, m, Q]), Z = S((A) => {
-    if (t)
-      switch (A.key) {
-        case "Escape":
-          A.stopPropagation(), A.preventDefault(), e();
-          break;
-        case "Enter":
-          A.stopPropagation(), A.preventDefault(), m || o(re);
-          break;
-        case "ArrowUp":
-          A.stopPropagation(), A.preventDefault(), D(-1);
-          break;
-        case "ArrowDown":
-          A.stopPropagation(), A.preventDefault(), D(1);
-          break;
-      }
-  }, [e, t, D, re, m, o]), se = S(() => {
-    C((A) => !A);
-  }, []);
-  O(() => (window.addEventListener("scroll", se), () => {
-    window.removeEventListener("scroll", se);
-  }), [se]), O(() => (window.addEventListener("resize", se), () => {
-    window.removeEventListener("resize", se);
-  }), [se]), yn(Z), bn([y, p], e);
-  const Re = l ?? (c && c.length > 0 ? 250 : 0), Ne = (c == null ? void 0 : c.reduce((A, X) => A + (X.width ?? 100), 0)) ?? 0, Se = `calc(max(${$}px, ${Re}px + ${Ne}px))`;
-  return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsx(vr, { show: t, onClick: e }),
-    r && t && !m && /* @__PURE__ */ s.jsx("button", { ref: p, type: "button", className: w("luminus-dropdown-picker-clear-button", oe.clearButton), onClick: () => !m && o(null), style: {
-      top: `calc(${I}px + ${F / 2}px - 12px)`,
-      left: `calc(${T}px - 24px - 8px)`
-    }, children: /* @__PURE__ */ s.jsx(U, { variant: "caption", className: "text-danger", children: /* @__PURE__ */ s.jsx(ln, { size: 16 }) }) }),
-    /* @__PURE__ */ s.jsx("div", { className: w("luminus-dropdown-picker", oe.wrapper, {
-      [oe.open]: t
-    }), style: {
-      top: G ? `calc(${I}px - 50vh - 8px)` : `calc(${b}px + 8px)`,
-      left: ne ? `calc(${E}px - ${Se})` : T,
-      right: ne ? `${E}px` : `calc(${T}px + ${Se})`,
-      width: Se,
-      justifyContent: G ? "flex-end" : "flex-start"
-    }, children: /* @__PURE__ */ s.jsx("div", { ref: y, className: w("shadow rounded", oe.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", oe.searchInputContainer), children: /* @__PURE__ */ s.jsx(J.Control, { ref: v, type: "search", size: "sm", className: oe.searchInput, placeholder: i.searchPlaceholder, value: f, onChange: (A) => {
-        var X;
-        return k(((X = A.target) == null ? void 0 : X.value) ?? "");
-      } }) }),
-      g ? /* @__PURE__ */ s.jsx("div", { className: oe.loadingContainer, children: /* @__PURE__ */ s.jsx(jt, { animation: "border", variant: "primary" }) }) : n.length > 0 && /* @__PURE__ */ s.jsxs("div", { ref: j, className: w("items", oe.itemsContainer), children: [
-        c && c.length > 0 && /* @__PURE__ */ s.jsxs("div", { className: w("header-row border-bottom", oe.headerRow), children: [
-          /* @__PURE__ */ s.jsx("div", { className: oe.name }),
-          c == null ? void 0 : c.map((A) => /* @__PURE__ */ s.jsx("div", { className: oe.columnItem, style: {
-            width: `${A.width ?? 100}px`,
-            minWidth: `${A.width ?? 100}px`,
-            maxWidth: `${A.width ?? 100}px`
-          }, children: /* @__PURE__ */ s.jsx(U, { variant: "caption", children: A.name }) }, A.key))
-        ] }),
-        n == null ? void 0 : n.map((A, X) => /* @__PURE__ */ s.jsxs("button", { id: `item-${X}`, type: "button", className: w("item cursor-pointer", oe.item, {
-          [oe.focused]: M === X
-        }, {
-          focused: M === X
-        }), onClick: () => !m && o(A), onMouseEnter: () => K(X), children: [
-          /* @__PURE__ */ s.jsx("div", { className: oe.name, children: /* @__PURE__ */ s.jsx(U, { variant: "body2", children: u ? A.id : A.name }) }),
-          c == null ? void 0 : c.map((ce) => /* @__PURE__ */ s.jsx("div", { className: oe.columnItem, style: {
-            width: `${ce.width ?? 100}px`,
-            minWidth: `${ce.width ?? 100}px`,
-            maxWidth: `${ce.width ?? 100}px`
-          }, children: /* @__PURE__ */ s.jsx(U, { variant: "caption", className: w("text-muted"), children: A.additionalColumns && A.additionalColumns[ce.key] }) }, ce.key))
-        ] }, A.id))
-      ] })
-    ] }) }) })
+    p(e === null ? "" : e.toString());
+  }, [e]), /* @__PURE__ */ s.jsxs(t, { label: r ?? "", hidden: l, withoutLabel: d, className: m, isForTextAreaInput: !0, children: [
+    /* @__PURE__ */ s.jsx(J.Control, { as: "textarea", size: o, value: h ? y : e ?? "", onChange: j, hidden: l, disabled: c, rows: u ?? 2, className: "w-100" }),
+    a && e && n && !c && /* @__PURE__ */ s.jsx("div", { className: "luminus-input-remove-icon", children: /* @__PURE__ */ s.jsx(z, { color: "secondary", size: "sm", onClick: g, children: /* @__PURE__ */ s.jsx(de, {}) }) })
   ] });
 };
 function mr(t) {
@@ -3292,978 +3092,1178 @@ function mr(t) {
 function pr(t) {
   return xt({ tag: "svg", attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z" }, child: [] }] })(t);
 }
-function Xi(t) {
+function di(t) {
   return xt({ 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 = "_item_1dy8x_1", gr = {
-  item: Ji
-}, Zi = ({
-  color: t = "primary",
-  // icon = <MdOutlineArrowOutward />,
-  icon: e,
-  className: n,
-  children: r,
-  ...o
-}) => /* @__PURE__ */ s.jsxs(Me.Item, { className: w(`btn luminus-dropdown-item text-nowrap rounded text-${t} ${n ?? ""}`, gr.item), ...o, children: [
-  e,
-  r
-] }), ec = (t) => /* @__PURE__ */ s.jsx(Me.Toggle, { ...t }), Il = ({ color: t = "primary", icon: e = /* @__PURE__ */ s.jsx(cn, { 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 ?? ""}`, gr.item), ...c, children: [
-      e,
-      l
-    ] }),
-    /* @__PURE__ */ s.jsx("input", { id: n, type: "file", accept: r, onChange: u, hidden: !0, multiple: a })
-  ] });
-}, tc = "_divider_1e6rk_1", nc = {
-  divider: tc
-}, Sl = ({ className: t }) => /* @__PURE__ */ s.jsx(Me.Divider, { className: w("luminus-dropdown-divider", t, nc.divider) }), rc = "_dropdown_1lk66_1", oc = {
-  dropdown: rc
-}, sc = ({ toggle: t, children: e, ...n }) => /* @__PURE__ */ s.jsxs(Me, { ...n, children: [
-  t,
-  /* @__PURE__ */ s.jsx(Me.Menu, { className: w("luminus-dropdown rounded shadow", oc.dropdown), children: e })
-] }), ac = ({ searchTypes: t, selectedType: e, setSelectedType: n }) => /* @__PURE__ */ s.jsx(sc, { toggle: /* @__PURE__ */ s.jsx(ec, { as: Kr, icon: null, text: e == null ? void 0 : e.text }), children: t.map((r) => /* @__PURE__ */ s.jsx(Zi, { icon: null, onClick: () => n(r.key), children: r.text }, r.key)) }), ic = "_dropdown_1ddrg_1", cc = "_open_1ddrg_12", lc = "_loading-container_1ddrg_15", uc = "_groups-container_1ddrg_22", dc = "_group_1ddrg_22", hc = "_header_1ddrg_26", fc = "_item_1ddrg_33", xe = {
-  dropdown: ic,
-  open: cc,
-  "loading-container": "_loading-container_1ddrg_15",
-  loadingContainer: lc,
-  "groups-container": "_groups-container_1ddrg_22",
-  groupsContainer: uc,
-  group: dc,
-  header: hc,
-  item: fc
-}, mc = ({ show: t, query: e, onCancel: n, groups: r, isLoading: o, searchTypes: a }) => {
-  const { LinkComponent: i, appSearchTexts: l } = L(le), c = q(null), u = S((d) => {
-    var m;
-    const h = (m = a.find((g) => g.key === d.type)) == null ? void 0 : m.toPath;
-    return h ? `${h}/${d.searchKey}` : "/not-found";
-  }, [a]);
-  return bn([c], n), /* @__PURE__ */ s.jsx("div", { ref: c, className: w("luminus-app-search-dropdown shadow rounded", xe.dropdown, {
-    [xe.open]: t
-  }), children: o ? /* @__PURE__ */ s.jsx("div", { className: xe.loadingContainer, children: /* @__PURE__ */ s.jsx(jt, { animation: "border", variant: "primary" }) }) : /* @__PURE__ */ s.jsx("div", { className: xe.groupsContainer, children: r == null ? void 0 : r.map((d) => {
-    var h;
-    return /* @__PURE__ */ s.jsxs("div", { className: w(xe.group), children: [
-      /* @__PURE__ */ s.jsxs(i, { to: `/search?query=${e}&type=${d.key.category}`, className: w("group-header", xe.header), onClick: n, children: [
-        /* @__PURE__ */ s.jsx(U, { variant: "body", className: "text-primary", children: d.key.categoryName }),
-        /* @__PURE__ */ s.jsxs(U, { variant: "caption", children: [
-          d.items.length,
-          " ",
-          l.amountFrom,
-          " ",
-          d.key.totalCount
-        ] })
-      ] }),
-      (h = d.items) == null ? void 0 : h.map((m, g) => /* @__PURE__ */ s.jsxs(
-        i,
-        {
-          to: u(m),
-          className: w("search-item d-flex gap-3 align-items-center justify-content-between", xe.item),
-          onClick: n,
-          children: [
-            /* @__PURE__ */ s.jsx(U, { variant: "body2", className: "text-nowrap text-truncate", children: m.name }),
-            /* @__PURE__ */ s.jsx(U, { variant: "caption", className: "text-primary", children: /* @__PURE__ */ s.jsx(Qr, {}) })
-          ]
-        },
-        g
-      ))
-    ] }, d.key.category);
-  }) }) });
-}, pc = "_input-group_1lkfy_1", gc = "_input-group-text_1lkfy_5", wc = "_left_1lkfy_9", xc = "_right_1lkfy_13", vc = "_input_1lkfy_1", yc = "_submit-button_1lkfy_20", ve = {
-  "input-group": "_input-group_1lkfy_1",
-  inputGroup: pc,
-  "input-group-text": "_input-group-text_1lkfy_5",
-  inputGroupText: gc,
-  left: wc,
-  right: xc,
-  input: vc,
-  "submit-button": "_submit-button_1lkfy_20",
-  submitButton: yc
-}, bc = (t, e) => {
-  const n = dn(), [r, o] = P(!1), [a, i] = P([]), l = !t || !t.key, c = S(() => {
-    if (e.length < 3) {
-      i([]);
+const El = ({ InputContainer: t = Ie, value: e, onChange: n, debounceMs: r, label: o, withoutLabel: a, placeholder: i, size: l, hidden: c, disabled: u, showClearIcon: d, clearValue: h, className: m, step: g, stepperStep: x = 1 }) => {
+  const y = S(() => {
+    if (!n)
+      return;
+    const _ = h ?? null;
+    n(_ ? Number(_) : null);
+  }, [h, n]), p = q(null), [v, j] = P((e == null ? void 0 : e.toString()) ?? ""), f = S((_) => {
+    const C = _;
+    n && n(C == null || C === "" ? null : Number(C));
+  }, [n]), k = S((_) => {
+    var N;
+    const C = (N = _.target) == null ? void 0 : N.value;
+    if (!r) {
+      f(C);
       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 O(() => {
-    c();
-  }, [c]), { isLoading: r, searchItems: a };
-}, Tl = ({ searchTypes: t, navigateFunction: e, currentPath: n }) => {
-  var y;
-  const { appSearchTexts: r } = L(le), [o, a] = P(t.length > 0 ? ((y = t.at(0)) == null ? void 0 : y.key) ?? null : null), i = V(() => t.find((p) => p.key === o) ?? null, [t, o]), [l, c] = P(""), [u, d] = fr(l, 500), { isLoading: h, searchItems: m } = bc(i, u), [g, x] = P(!1);
-  return O(() => {
-    (m.length > 0 || h) && x(!0);
-  }, [m, h]), O(() => {
-    c("");
-  }, [n]), /* @__PURE__ */ s.jsx(J, { onSubmit: (p) => {
-    p.preventDefault(), p.stopPropagation(), d.flush(), x(!1), l.length > 2 && e(`/search?query=${l}${i && i.key && `&type=${i == null ? void 0 : i.key}`}`);
-  }, children: /* @__PURE__ */ s.jsxs(ot, { className: ve.inputGroup, children: [
-    /* @__PURE__ */ s.jsx(ot.Text, { className: w("p-1 rounded", ve.inputGroupText, ve.left), children: /* @__PURE__ */ s.jsx(ac, { searchTypes: t, selectedType: i, setSelectedType: a }) }),
-    /* @__PURE__ */ s.jsx(J.Control, { placeholder: r.searchPlaceholder, type: "text", size: "sm", className: w("luminus-app-search-input", ve.input), value: l, onChange: (p) => {
-      var v;
-      return c(((v = p.target) == null ? void 0 : v.value) ?? "");
-    }, onFocus: () => m.length > 0 && x(!0) }),
-    /* @__PURE__ */ s.jsx(ot.Text, { className: w("p-0 rounded", ve.inputGroupText, ve.right), children: /* @__PURE__ */ s.jsx("button", { type: "submit", className: w("text-primary", ve.submitButton), children: /* @__PURE__ */ s.jsx(Xi, {}) }) }),
-    /* @__PURE__ */ s.jsx(mc, { query: u, searchTypes: t, show: g, onCancel: () => x(!1), groups: m, isLoading: h })
-  ] }) });
-}, _c = "_card_19733_1", jc = "_header_19733_6", kc = "_header-content_19733_13", Nc = "_title_19733_19", Cc = "_collapse-icon_19733_22", $c = "_collapsed_19733_27", Ic = "_content_19733_30", ye = {
-  card: _c,
-  header: jc,
-  "header-content": "_header-content_19733_13",
-  headerContent: kc,
-  title: Nc,
-  "collapse-icon": "_collapse-icon_19733_22",
-  collapseIcon: Cc,
-  collapsed: $c,
-  content: Ic
-}, Sc = ({ 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;
+    j(C), p.current !== null && window.clearTimeout(p.current), p.current = window.setTimeout(() => {
+      f(C);
+    }, r);
+  }, [r, f]);
   return O(() => {
-    u(l);
-  }, [l]), /* @__PURE__ */ s.jsxs("div", { className: w("luminus-card rounded shadow-sm", ye.card, {
-    [r ?? ""]: r
-  }), children: [
-    /* @__PURE__ */ s.jsxs("div", { role: i.collapsible ? "button" : void 0, className: w("header", ye.header, {
-      [o ?? ""]: o
-    }), onClick: () => {
-      i.collapsible && (i.controlled ? i.onToggle(!i.isOpen) : u(!c));
-    }, children: [
-      /* @__PURE__ */ s.jsxs("div", { className: w("header-content", ye.headerContent), children: [
-        /* @__PURE__ */ s.jsx(U, { variant: "h6", className: w("text-primary", ye.title), children: t }),
-        e ?? null
-      ] }),
-      i.collapsible && /* @__PURE__ */ s.jsx(un, { className: w(ye.collapseIcon, {
-        [ye.collapsed]: d
-      }) })
-    ] }),
-    /* @__PURE__ */ s.jsx(In, { in: d, children: /* @__PURE__ */ s.jsx("div", { className: w("card-content border-top border-primary", ye.content, {
-      [a ?? ""]: a
-    }), children: n }) })
+    j(e === null ? "" : e.toString());
+  }, [e]), /* @__PURE__ */ s.jsx(t, { withoutLabel: a, label: o ?? "", hidden: c, className: m, children: /* @__PURE__ */ s.jsxs("div", { className: "luminus-input-container position-relative w-100", children: [
+    /* @__PURE__ */ s.jsx(J.Control, { type: "number", placeholder: i ?? o, size: l, value: r ? v : e ?? "", onChange: k, className: `luminus-numeric-stepper ${m ?? ""}`, hidden: c, disabled: u ?? !1, step: g }),
+    /* @__PURE__ */ s.jsx("div", { className: "stepper-icon left", children: !u && /* @__PURE__ */ s.jsx(z, { size: "sm", onClick: (_) => {
+      _.preventDefault(), _.stopPropagation(), f(((e ?? 0) - x).toString());
+    }, children: /* @__PURE__ */ s.jsx(mr, {}) }) }),
+    /* @__PURE__ */ s.jsx("div", { className: "stepper-icon right", children: !u && /* @__PURE__ */ s.jsx(z, { size: "sm", onClick: (_) => {
+      _.preventDefault(), _.stopPropagation(), f(((e ?? 0) + x).toString());
+    }, children: /* @__PURE__ */ s.jsx(pr, {}) }) }),
+    d && e && n && !u && /* @__PURE__ */ s.jsx("div", { className: "luminus-input-remove-icon", children: /* @__PURE__ */ s.jsx(z, { color: "secondary", size: "sm", onClick: y, children: /* @__PURE__ */ s.jsx(de, {}) }) })
+  ] }) });
+}, Dl = ({ InputContainer: t = ge, 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 } = he(), [g, x] = P(void 0), [y, p] = P(!1);
+  O(() => {
+    const j = e.split(".");
+    let f = h.errors;
+    j.forEach((k) => {
+      f !== void 0 && (f = f[k]);
+    }), x(f);
+  }, [h, e]), O(() => {
+    h.isSubmitted && p(!0);
+  }, [h]);
+  const v = g !== void 0;
+  return /* @__PURE__ */ s.jsxs(t, { isForCheckInput: !0, hidden: i, label: `${n}${a ? " *" : ""}`, isInvalid: v, withoutLabel: c, className: u, children: [
+    /* @__PURE__ */ s.jsx(J.Check, { id: `check-${e}`, type: o ?? "checkbox", label: `${n}${a ? " *" : ""}`, ...d(e, {
+      onChange: () => {
+        r && r.forEach((j) => m(j, null, { shouldDirty: !0, shouldValidate: y }));
+      }
+    }), isInvalid: v, hidden: i, disabled: l, className: "w-100" }),
+    g && /* @__PURE__ */ s.jsx(we, { message: g.message })
   ] });
-};
-var Tc = !!(typeof window < "u" && window.document && window.document.createElement), Ec = /* @__PURE__ */ function() {
-  function t(e, n) {
-    for (var r = 0; r < n.length; r++) {
-      var o = n[r];
-      o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, o.key, o);
-    }
-  }
-  return function(e, n, r) {
-    return n && t(e.prototype, n), r && t(e, r), e;
-  };
-}();
-function Dc(t, e) {
-  if (!(t instanceof e))
-    throw new TypeError("Cannot call a class as a function");
-}
-function Oc(t, e) {
-  if (!t)
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  return e && (typeof e == "object" || typeof e == "function") ? e : t;
-}
-function Pc(t, e) {
-  if (typeof e != "function" && e !== null)
-    throw new TypeError("Super expression must either be null or a function, not " + typeof e);
-  t.prototype = Object.create(e && e.prototype, { constructor: { value: t, enumerable: !1, writable: !0, configurable: !0 } }), e && (Object.setPrototypeOf ? Object.setPrototypeOf(t, e) : t.__proto__ = e);
-}
-var wr = function(t) {
-  Pc(e, t);
-  function e() {
-    return Dc(this, e), Oc(this, (e.__proto__ || Object.getPrototypeOf(e)).apply(this, arguments));
-  }
-  return Ec(e, [{
-    key: "componentWillUnmount",
-    value: function() {
-      this.defaultNode && document.body.removeChild(this.defaultNode), this.defaultNode = null;
-    }
-  }, {
-    key: "render",
-    value: function() {
-      return Tc ? (!this.props.node && !this.defaultNode && (this.defaultNode = document.createElement("div"), document.body.appendChild(this.defaultNode)), Ge.createPortal(this.props.children, this.props.node || this.defaultNode)) : null;
-    }
-  }]), e;
-}(ee.Component);
-wr.propTypes = {
-  children: je.node.isRequired,
-  node: je.any
-};
-var Ac = /* @__PURE__ */ function() {
-  function t(e, n) {
-    for (var r = 0; r < n.length; r++) {
-      var o = n[r];
-      o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, o.key, o);
-    }
-  }
-  return function(e, n, r) {
-    return n && t(e.prototype, n), r && t(e, r), e;
-  };
-}();
-function Mc(t, e) {
-  if (!(t instanceof e))
-    throw new TypeError("Cannot call a class as a function");
-}
-function Fc(t, e) {
-  if (!t)
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  return e && (typeof e == "object" || typeof e == "function") ? e : t;
-}
-function Wc(t, e) {
-  if (typeof e != "function" && e !== null)
-    throw new TypeError("Super expression must either be null or a function, not " + typeof e);
-  t.prototype = Object.create(e && e.prototype, { constructor: { value: t, enumerable: !1, writable: !0, configurable: !0 } }), e && (Object.setPrototypeOf ? Object.setPrototypeOf(t, e) : t.__proto__ = e);
-}
-var xr = function(t) {
-  Wc(e, t);
-  function e() {
-    return Mc(this, e), Fc(this, (e.__proto__ || Object.getPrototypeOf(e)).apply(this, arguments));
-  }
-  return Ac(e, [{
-    key: "componentDidMount",
-    value: function() {
-      this.renderPortal();
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function(r) {
-      this.renderPortal();
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function() {
-      Ge.unmountComponentAtNode(this.defaultNode || this.props.node), this.defaultNode && document.body.removeChild(this.defaultNode), this.defaultNode = null, this.portal = null;
-    }
-  }, {
-    key: "renderPortal",
-    value: function(r) {
-      !this.props.node && !this.defaultNode && (this.defaultNode = document.createElement("div"), document.body.appendChild(this.defaultNode));
-      var o = this.props.children;
-      typeof this.props.children.type == "function" && (o = ee.cloneElement(this.props.children)), this.portal = Ge.unstable_renderSubtreeIntoContainer(this, o, this.props.node || this.defaultNode);
-    }
-  }, {
-    key: "render",
-    value: function() {
-      return null;
-    }
-  }]), e;
-}(ee.Component);
-xr.propTypes = {
-  children: je.node.isRequired,
-  node: je.any
-};
-var ft = void 0;
-Ge.createPortal ? ft = wr : ft = xr;
-const Rc = "_lightbox_14acg_1", Lc = "_show_14acg_16", Yc = "_header_14acg_20", qc = "_photo-actions_14acg_26", Hc = "_photo-container_14acg_31", Bc = "_photo_14acg_26", Vc = "_nav-button_14acg_41", Gc = "_photos-preview_14acg_49", Uc = "_selected_14acg_62", zc = "_default-indicator_14acg_66", ae = {
-  lightbox: Rc,
-  show: Lc,
-  header: Yc,
-  "photo-actions": "_photo-actions_14acg_26",
-  photoActions: qc,
-  "photo-container": "_photo-container_14acg_31",
-  photoContainer: Hc,
-  photo: Bc,
-  "nav-button": "_nav-button_14acg_41",
-  navButton: Vc,
-  "photos-preview": "_photos-preview_14acg_49",
-  photosPreview: Gc,
-  selected: Uc,
-  "default-indicator": "_default-indicator_14acg_66",
-  defaultIndicator: zc
-}, Kc = "_backdrop_3huvf_1", Qc = "_show_3huvf_11", en = {
-  backdrop: Kc,
-  show: Qc
-}, vr = ({ show: t, onClick: e }) => /* @__PURE__ */ s.jsx("div", { className: w("luminus-backdrop", en.backdrop, {
-  [en.show]: t
-}), onClick: () => e && e() }), yr = ({ src: t, alt: e, baseUrl: n, customToken: r, placeholder: o, ...a }) => /* @__PURE__ */ s.jsx("img", { ...a, alt: e ?? "", src: t ?? o }), Xc = ({ show: t, onClose: e, photos: n, defaultIndex: r, uploadPhotosText: o, noPhotosText: a, onUploadPhotos: i, photoActions: l, baseUrl: c, customToken: u, placeholder: d, ImgComponent: h = yr }) => {
-  const m = q(null), [g, x] = P(r), y = n.at(g), p = g > 0, v = g < n.length - 1;
+}, Ol = ({ InputContainer: t = ge, 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 } = he(), [g, x] = P(void 0), [y, p] = P(!1), v = V(() => r, [r]);
   O(() => {
-    t && x(r);
-  }, [r, t]), O(() => {
-    g >= n.length && x(n.length - 1);
-  }, [n, g]);
-  const j = S((f) => {
-    switch (f.key) {
-      case "ArrowLeft":
-        f.stopPropagation(), p && x((k) => k - 1);
-        break;
-      case "ArrowRight":
-        f.stopPropagation(), v && x((k) => k + 1);
-        break;
-      case "Escape":
-        f.stopPropagation(), e();
-        break;
-    }
-  }, [v, p, e]);
-  return yn(j), /* @__PURE__ */ s.jsxs(ft, { children: [
-    /* @__PURE__ */ s.jsx(vr, { show: t, onClick: e }),
-    /* @__PURE__ */ s.jsxs("div", { ref: m, className: w("luminus-lightbox rounded shadow", ae.lightbox, {
-      [ae.show]: t
-    }), children: [
-      /* @__PURE__ */ s.jsxs("div", { className: ae.header, children: [
-        /* @__PURE__ */ s.jsxs("div", { className: w("rounded", ae.photoActions), children: [
-          i && /* @__PURE__ */ s.jsx(hr, { accept: ".jpg,.jpeg,.png", onUpload: (f) => {
-            f.length > 0 && i(Array.from(f));
-          }, icon: /* @__PURE__ */ s.jsx(hn, { style: { fontSize: 18 } }), multiple: !0, className: "me-3", children: o ?? null }),
-          y && (l == null ? void 0 : l.map(({ label: f, onClick: k, ..._ }, C) => /* @__PURE__ */ s.jsx(
-            ht,
-            {
-              onClick: () => k(y.id),
-              ..._,
-              children: f
-            },
-            `action-${C}`
-          )))
-        ] }),
-        /* @__PURE__ */ s.jsx("div", { role: "button", onClick: e, children: /* @__PURE__ */ s.jsx(de, { 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(U, { variant: "body", children: a ?? "No photos available" }) }),
-      y && /* @__PURE__ */ s.jsxs("div", { className: ae.photoContainer, children: [
-        /* @__PURE__ */ s.jsx("div", { role: p ? "button" : void 0, className: w("align-items-start", ae.navButton), onClick: () => p && x((f) => f - 1), children: p && /* @__PURE__ */ s.jsx(gt, { style: { fontSize: "40px" } }) }),
-        /* @__PURE__ */ s.jsx(h, { src: y.lgSrc, alt: y.alt, className: w("rounded", ae.photo), baseUrl: c, customToken: u, placeholder: d }),
-        /* @__PURE__ */ s.jsx("div", { role: v ? "button" : void 0, className: w("align-items-end", ae.navButton), onClick: () => v && x((f) => f + 1), children: v && /* @__PURE__ */ s.jsx(wt, { style: { fontSize: "40px" } }) })
-      ] }),
-      /* @__PURE__ */ s.jsx("div", { className: ae.photosPreview, children: n.map((f, k) => /* @__PURE__ */ s.jsxs("div", { role: "button", onClick: () => x(k), className: "position-relative", children: [
-        /* @__PURE__ */ s.jsx(h, { role: k !== g ? "button" : void 0, src: f.smSrc, alt: f.alt, className: w("rounded", ae.photo, {
-          [ae.selected]: k === g
-        }), baseUrl: c, customToken: u, placeholder: d }, f.id),
-        f.isDefault && /* @__PURE__ */ s.jsx("div", { className: w("text-primary", ae.defaultIndicator), children: /* @__PURE__ */ s.jsx(Xr, {}) })
-      ] })) })
-    ] })
+    const f = n.split(".");
+    let k = d.errors;
+    f.forEach((_) => {
+      k !== void 0 && (k = k[_]);
+    }), x(k);
+  }, [d, n]), O(() => {
+    d.isSubmitted && p(!0);
+  }, [d]);
+  const j = g !== void 0;
+  return /* @__PURE__ */ s.jsxs(t, { isForRadioInput: !0, hidden: l, withoutLabel: !e, label: `${e}${a ? " *" : ""}`, isInvalid: j, className: c, children: [
+    v.map((f) => /* @__PURE__ */ s.jsx(J.Check, { id: `radio-${f.id}`, label: f.name, type: "radio", value: f.id ?? "", checked: m(n) === f.id, ...u(n, {
+      onChange: () => {
+        o && o.forEach((k) => h(k, null, { shouldDirty: !0, shouldValidate: y }));
+      }
+    }), isInvalid: j, hidden: l, disabled: i, className: "w-100" }, f.id)),
+    g && /* @__PURE__ */ s.jsx(we, { message: g.message })
   ] });
-}, El = ({ photos: t, onUploadPhotos: e, uploadPhotosText: n, photoActions: r, baseUrl: o, customToken: a, placeholder: i, ImgComponent: l = yr }) => {
-  const [c, u] = P(null), d = c !== null ? t[c] : null, [h, m] = P(!1);
-  return O(() => {
-    if (t.length === 0) {
-      u(null), m(!1);
-      return;
-    }
-    const g = t.findIndex((x) => x.isDefault);
-    u(g > -1 ? g : 0);
-  }, [t]), d ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsx(l, { role: "button", src: d.smSrc, alt: d.alt, className: "rounded w-100", onClick: () => m(!0), baseUrl: o, customToken: a, placeholder: i }),
-    /* @__PURE__ */ s.jsx(Xc, { show: h, onClose: () => m(!1), photos: t, defaultIndex: c ?? 0, uploadPhotosText: n, onUploadPhotos: e, photoActions: r, baseUrl: o, customToken: a, placeholder: i, ImgComponent: l })
-  ] }) : e ? /* @__PURE__ */ s.jsx(hr, { accept: ".jpg,.jpeg,.png", onUpload: (g) => {
-    g.length > 0 && e(Array.from(g));
-  }, icon: /* @__PURE__ */ s.jsx(hn, { style: { fontSize: 18 } }), multiple: !0, children: n ?? null }) : null;
-}, Dl = ({ appAccessPermissions: t, children: e }) => {
-  const { NavigateComponent: n } = L(le), { useMsal: r, msalScopes: o } = L(Jr), { isAuthenticated: a } = Zr(), { userLoginState: i } = L(eo), l = i.state === to.LOGGING_IN, c = i.user && (t == null ? void 0 : t.every((u) => {
-    var d, h;
-    return (h = (d = i.user) == null ? void 0 : d.permissions) == null ? void 0 : h.includes(u);
-  }));
-  return r ? /* @__PURE__ */ s.jsx(Za, { interactionType: Ve.Redirect, authenticationRequest: { scopes: o }, children: l || !a() ? /* @__PURE__ */ s.jsx(At, {}) : i.user ? 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 }) }) : l ? /* @__PURE__ */ s.jsx(At, {}) : !a() || !i.user ? /* @__PURE__ */ s.jsx(n, { to: "/login", replace: !0 }) : c ? e : /* @__PURE__ */ s.jsx(n, { to: "/user-not-permitted", replace: !0 });
-}, Ol = (t) => {
-  const { variant: e, children: n, className: r, size: o = "md", typographyVariant: a = o === "sm" ? "body2" : "body", ...i } = { ...t };
-  return /* @__PURE__ */ s.jsx(Ms, { 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(U, { variant: a, children: n }) });
-}, Pl = ({ 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(U, { variant: "caption", className: "w-100 text-end", children: [
-  "verze ",
-  t
-] }) }), Jc = "_submit-container_a9slg_1", Zc = "_spacer_a9slg_14", tn = {
-  "submit-container": "_submit-container_a9slg_1",
-  submitContainer: Jc,
-  spacer: Zc
-}, el = ({ children: t, noSpacer: e = !1 }) => /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-  !e && /* @__PURE__ */ s.jsx("div", { className: tn.spacer }),
-  /* @__PURE__ */ s.jsx("div", { className: w("luminus-floating-action-container shadow", tn.submitContainer), children: t })
-] }), tl = "_timeline_g1754_1", nl = "_step-container_g1754_1", rl = "_step-date_g1754_1", ol = "_step-content_g1754_4", sl = "_content-header_g1754_8", al = "_content-text_g1754_11", il = "_step-icon_g1754_14", be = {
-  timeline: tl,
-  "step-container": "_step-container_g1754_1",
-  stepContainer: nl,
-  "step-date": "_step-date_g1754_1",
-  stepDate: rl,
-  "step-content": "_step-content_g1754_4",
-  stepContent: ol,
-  "content-header": "_content-header_g1754_8",
-  contentHeader: sl,
-  "content-text": "_content-text_g1754_11",
-  contentText: al,
-  "step-icon": "_step-icon_g1754_14",
-  stepIcon: il
-}, Al = ({ steps: t }) => /* @__PURE__ */ s.jsx("div", { className: be.timeline, children: t.sort((e, n) => yo(e.date ?? /* @__PURE__ */ new Date(), n.date ?? /* @__PURE__ */ new Date())).map((e, n) => /* @__PURE__ */ s.jsxs("div", { className: w("row g-0 gx-3", be.stepContainer), children: [
-  /* @__PURE__ */ s.jsx("div", { className: "col-3", children: e.date && /* @__PURE__ */ s.jsxs(U, { variant: "caption", className: w("h-100 d-flex flex-column align-items-end justify-content-center gap-0", be.stepDate), children: [
-    /* @__PURE__ */ s.jsx("div", { children: ct(e.date, "dd.MM.yyyy") }),
-    /* @__PURE__ */ s.jsx("div", { children: ct(e.date, "HH:mm") })
-  ] }) }),
-  /* @__PURE__ */ s.jsx("div", { className: "col-9", children: /* @__PURE__ */ s.jsxs("div", { className: w("h-100 d-flex flex-column gap-1 border-start border-2 p-3", be.stepContent), children: [
-    /* @__PURE__ */ s.jsxs("div", { className: w("d-flex gap-2 align-items-center", be.contentHeader), children: [
-      e.person && /* @__PURE__ */ s.jsx(fn, { name: e.person.name ?? "", size: 22, fontSize: 12 }),
-      typeof e.title == "string" ? /* @__PURE__ */ s.jsx(U, { variant: "body", className: "fw-bold", children: e.title }) : e.title
-    ] }),
-    e.text && /* @__PURE__ */ s.jsx(U, { variant: "body2", className: be.contentText, children: e.text }),
-    /* @__PURE__ */ s.jsx("div", { className: w("text-primary", be.stepIcon), children: e.icon ?? /* @__PURE__ */ s.jsx(no, {}) })
-  ] }) })
-] }, n)) }), cl = (t, e, n, r = !0) => {
-  const o = dn({ silent: r, differentBaseUrl: e, customToken: n }), [a, i] = P(!1), [l, c] = P(null), u = S(async (d) => {
-    i(!0), c(null), o.get(t, {
-      signal: d,
-      responseType: "blob"
-    }).then((h) => {
-      i(!1), c(h.data);
-    }).catch(() => {
-      i(!1), c(null);
-    });
-  }, [o, t]);
-  return O(() => {
-    const d = new AbortController();
-    return u(d.signal), () => {
-      d.abort();
-    };
-  }, [u]), { data: l, setData: c, reloadData: u, isLoading: a };
-}, Ml = ({ src: t, alt: e, baseUrl: n, customToken: r, placeholder: o, ...a }) => {
-  const { data: i } = cl(t, n, r), [l, c] = P(null);
-  return O(() => {
-    let u = null;
-    return i !== null ? (u = URL.createObjectURL(i), c(u)) : c(null), () => {
-      u !== null && URL.revokeObjectURL(u);
-    };
-  }, [i]), l === null && !o ? null : /* @__PURE__ */ s.jsx("img", { ...a, alt: e ?? "", src: l ?? o });
-}, Fl = ({ heading: t, content: e, placement: n, children: r, trigger: o, ...a }) => /* @__PURE__ */ s.jsx(ro, { placement: n, overlay: /* @__PURE__ */ s.jsxs(tt, { className: "luminus-popover", onClick: (i) => i.stopPropagation(), children: [
-  /* @__PURE__ */ s.jsx(tt.Header, { children: typeof t == "string" ? /* @__PURE__ */ s.jsx(U, { variant: "h6", className: "text-primary", children: t }) : t }),
-  /* @__PURE__ */ s.jsx(tt.Body, { children: e })
-] }), trigger: o ?? "hover", rootClose: !0, show: a.controlled ? a.isOpen : void 0, onToggle: a.controlled ? (i) => a.setIsOpen(i) : void 0, children: r }), br = ({ currentSelection: t, selectedItemNavigateTo: e, children: n }) => {
-  const { LinkComponent: r } = L(le);
-  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 });
-}, Wl = ({ InputContainer: t = Ie, 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(J.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 }) }), Rl = ({ InputContainer: t = Ie, 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: g, className: x, step: y, noSelectOnFocus: p }) => {
-  const v = e === "number", j = S(() => {
-    if (!r)
-      return;
-    const b = m ?? null;
-    r(v ? b ? Number(b) : null : (b == null ? void 0 : b.toString()) ?? "");
-  }, [m, v, r]), f = q(null), [k, _] = P((n == null ? void 0 : n.toString()) ?? ""), C = S((b) => {
-    const $ = b;
-    r && (v && r($ == null || $ === "" ? null : Number($)), r($ || null));
-  }, [v, r]), N = S((b) => {
-    var F;
-    const $ = (F = b.target) == null ? void 0 : F.value;
-    if (!o) {
-      C($);
-      return;
-    }
-    _($), f.current !== null && window.clearTimeout(f.current), f.current = window.setTimeout(() => {
-      C($);
-    }, o);
-  }, [o, C]);
+}, Pl = ({ InputContainer: t = ge, 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: g }) => {
+  const { register: x, formState: y, setValue: p, watch: v } = he(), [j, f] = P(void 0), [k, _] = P(!1), C = S(() => {
+    const E = i ?? null;
+    p(e, (E == null ? void 0 : E.toString()) ?? "", { shouldDirty: !0, shouldValidate: k });
+  }, [i, p, e, k]), N = S(() => {
+    const E = e.split(".");
+    let I = y.errors;
+    E.forEach((b) => {
+      I !== void 0 && (I = I[b]);
+    }), f(I);
+  }, [y, e]);
   O(() => {
-    _(n === null ? "" : n.toString());
-  }, [n]);
-  const [T, E] = P(!1), I = _n(e, n ? n.toString() ?? null : null, T);
-  return /* @__PURE__ */ s.jsxs(t, { withoutLabel: i, label: a ?? "", hidden: u, className: x, children: [
-    /* @__PURE__ */ s.jsx(J.Control, { type: I, placeholder: l ?? a, size: c, value: o ? k : (n == null ? void 0 : n.toString()) ?? "", onChange: N, className: x ?? "", hidden: u, disabled: d ?? !1, list: g, onFocus: (b) => {
-      E(!0), !p && b.target.select();
-    }, onBlur: () => E(!1), step: y }),
-    h && n !== null && 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(de, {}) }) })
+    N();
+  }, [N]), O(() => {
+    y.isSubmitted && _(!0);
+  }, [y]);
+  const T = j !== void 0;
+  return /* @__PURE__ */ s.jsxs(t, { label: `${n}${l ? " *" : ""}`, hidden: c, withoutLabel: h, isInvalid: T, className: g, isForTextAreaInput: !0, children: [
+    /* @__PURE__ */ s.jsx(J.Control, { as: "textarea", size: o, ...x(e, {
+      setValueAs: (E) => E == null || E === "" ? null : E,
+      onChange: () => {
+        r && r.forEach((E) => p(E, null, { shouldDirty: !0, shouldValidate: k }));
+      }
+    }), isInvalid: T, hidden: c, disabled: u, rows: d ?? 2, className: "w-100", ...m }),
+    a && v(e) && /* @__PURE__ */ s.jsx("div", { className: "luminus-input-remove-icon", children: /* @__PURE__ */ s.jsx(z, { color: "secondary", size: "sm", onClick: C, children: /* @__PURE__ */ s.jsx(de, {}) }) }),
+    j && /* @__PURE__ */ s.jsx(we, { message: j.message })
   ] });
-}, Ll = ({
-  InputContainer: t = Ie,
-  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: g,
-  noEmptyOption: x
-  // it will still add the empty option if there is no value provided or value is empty string or null
-}) => {
-  const y = S(() => {
-    if (!r)
-      return;
-    const p = h ?? null;
-    r(i ? p ? Number(p) : null : (p == null ? void 0 : p.toString()) ?? "");
-  }, [h, i, r]);
-  return /* @__PURE__ */ s.jsxs(t, { withoutLabel: a, label: o ?? "", hidden: c, className: g, children: [
-    /* @__PURE__ */ s.jsxs(J.Select, { size: l, value: e ?? "", onChange: (p) => {
-      var j;
-      if (!r)
-        return;
-      const v = (j = p.target) == null ? void 0 : j.value;
-      i && r(v ? parseInt(v, 10) : null), r(v || null);
-    }, className: g ?? "", hidden: c, disabled: u ?? !1, children: [
-      x && !(e == null || e === "") ? void 0 : /* @__PURE__ */ s.jsx("option", { value: "" }),
-      n == null ? void 0 : n.sort((p, v) => m ? 0 : (p.name ?? "").localeCompare(v.name ?? "")).map((p) => /* @__PURE__ */ s.jsx("option", { value: p.id ?? "", children: p.name }, p.id))
+}, Al = ({ InputContainer: t = ge, 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: g, step: x, CustomOnChangeComponent: y, noSelectOnFocus: p, className: v }) => {
+  const { register: j, formState: f, setValue: k, watch: _ } = he(), [C, N] = P(void 0), [T, E] = P(!1), I = S(() => {
+    const M = c ?? null;
+    e === "number" ? k(n, M !== null ? Number(M) : null, {
+      shouldDirty: !0,
+      shouldValidate: T
+    }) : k(n, (M == null ? void 0 : M.toString()) ?? "", { shouldDirty: !0, shouldValidate: T });
+  }, [c, e, k, n, T]), b = S(() => {
+    const M = n.split(".");
+    let K = f.errors;
+    M.forEach((re) => {
+      K !== void 0 && (K = K[re]);
+    }), N(K);
+  }, [f, n]);
+  O(() => {
+    b();
+  }, [b]), O(() => {
+    f.isSubmitted && E(!0);
+  }, [f]);
+  const $ = C !== void 0, [F, W] = P(!1), ne = _(n), G = yn(e, ne ?? null, F);
+  return /* @__PURE__ */ s.jsxs(t, { label: `${r}${u ? " *" : ""}`, hidden: d, withoutLabel: m, isInvalid: $, className: v, children: [
+    /* @__PURE__ */ s.jsxs("div", { className: "luminus-input-container position-relative w-100", children: [
+      /* @__PURE__ */ s.jsx(J.Control, { type: G, placeholder: o ?? r, size: a, onFocus: (M) => {
+        W(!0), !p && M.target.select();
+      }, ...j(n, {
+        setValueAs: (M) => e === "number" ? M == null || M === "" ? null : Number(M) : M == null || M === "" ? null : M,
+        onChange: () => {
+          i && i.forEach((M) => k(M, null, { shouldDirty: !0, shouldValidate: T }));
+        },
+        onBlur: () => W(!1)
+      }), isInvalid: $, hidden: d, disabled: h, list: g, className: "w-100", step: x }),
+      y && /* @__PURE__ */ s.jsx("div", { className: "custom-picker-button", children: y })
     ] }),
-    d && e && r && !u && /* @__PURE__ */ s.jsx("div", { className: "luminus-input-remove-icon inset", children: /* @__PURE__ */ s.jsx(z, { color: "secondary", size: "sm", onClick: y, children: /* @__PURE__ */ s.jsx(de, {}) }) })
+    l && _(n) && /* @__PURE__ */ s.jsx("div", { className: `luminus-input-remove-icon ${e !== "text" ? "inset" : ""}`, children: /* @__PURE__ */ s.jsx(z, { color: "secondary", size: "sm", onClick: I, children: /* @__PURE__ */ s.jsx(de, {}) }) }),
+    C && /* @__PURE__ */ s.jsx(we, { message: C.message })
   ] });
-}, Yl = ({ InputContainer: t = Ie, 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: g, hidden: x, disabled: y, displayIdAsName: p, CustomOnChangeComponent: v, className: j }) => {
-  var $, F;
-  const [f, k] = P(n), [_, C] = P(!1);
-  O(() => {
-    k(n);
-  }, [n]);
-  const N = S((W) => {
-    k(W);
-  }, []), T = S((W) => {
-    C(!1), N(W);
-  }, [N]);
+}, Ml = ({ InputContainer: t = ge, 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: g, dropdownItemsNameWidth: x, isLoading: y, withoutLabel: p, additionalColumns: v, CustomOnChangeComponent: j, displayIdAsName: f, onSelect: k, className: _ }) => {
+  const { formState: C, setValue: N, watch: T, control: E } = he(), [I, b] = P(void 0), [$, F] = P(!1), [W, ne] = P(!1), G = T(e) ?? null, M = G === (o == null ? void 0 : o.id) ? o == null ? void 0 : o.name : T(`${e}-DropdownName`), K = V(() => G == null ? null : { id: G ?? null, name: M ?? "" }, [G, M]), re = S(() => {
+    const Y = e.split(".");
+    let A = C.errors;
+    Y.forEach((X) => {
+      A !== void 0 && (A = A[X]);
+    }), b(A);
+  }, [C, e]), Q = S((Y) => {
+    if ((Y == null ? void 0 : Y.id) === G)
+      return;
+    if (k && k(Y), a && a.forEach((X) => N(X, null, { shouldDirty: !0, shouldValidate: W })), Y === null) {
+      N(e, null, {
+        shouldDirty: !0,
+        shouldValidate: W
+      }), N(`${e}-DropdownName`, null);
+      return;
+    }
+    let A = null;
+    i ? A = (Y == null ? void 0 : Y.id) !== null && (Y == null ? void 0 : Y.id) !== "" ? parseInt(Y.id.toString(), 10) : null : A = Y.id === null || Y.id === void 0 || Y.id === "" ? null : Y.id, N(e, A, {
+      shouldDirty: !0,
+      shouldValidate: W
+    }), N(`${e}-DropdownName`, Y.name ?? "");
+  }, [N, e, W, i, a, G, k]), D = S((Y) => {
+    F(!1), Q(Y);
+  }, [Q]), Z = S(() => {
+    F(!1);
+  }, []);
   O(() => {
-    c && c(f);
-  }, [f, c]);
-  const E = q(null), I = r !== void 0, b = I && f !== null;
-  return /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsxs(t, { withoutLabel: d, label: u ?? "", hidden: x, inputContainerClassName: w({ "luminus-dropdown-select-open": _ }), className: j, children: [
-    /* @__PURE__ */ s.jsxs(br, { currentSelection: f, selectedItemNavigateTo: r, children: [
-      p && (f == null ? void 0 : f.name) && /* @__PURE__ */ s.jsx(U, { variant: "caption", className: "d-flex justify-content-end mt-2 luminus-dropdown-selection-name", children: f.name }),
-      /* @__PURE__ */ s.jsxs(J.Select, { ref: E, size: h, value: (f == null ? void 0 : f.id) ?? "", onChange: (W) => k({
-        id: l ? Number(W.target.value) ?? null : W.target.value,
-        name: ""
-      }), onMouseDown: (W) => {
-        W.currentTarget.focus(), W.preventDefault();
+    re();
+  }, [re]), O(() => {
+    C.isSubmitted && ne(!0);
+  }, [C]);
+  const se = q(null), Re = I !== void 0, Ne = m !== void 0, Se = Ne && K !== null;
+  return /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsxs(t, { label: `${n}${l ? " *" : ""}`, hidden: c, withoutLabel: p, isInvalid: Re, inputContainerClassName: w({ "luminus-dropdown-select-open": $ }), className: _, children: [
+    /* @__PURE__ */ s.jsxs(fr, { currentSelection: K, selectedItemNavigateTo: m, children: [
+      f && (K == null ? void 0 : K.name) && /* @__PURE__ */ s.jsx(U, { variant: "caption", className: "d-flex justify-content-end mt-2 luminus-dropdown-selection-name", children: K.name }),
+      /* @__PURE__ */ s.jsx(vn, { control: E, name: e, render: () => /* @__PURE__ */ s.jsx(J.Select, { size: r, onMouseDown: (Y) => {
+        Y.currentTarget.focus(), Y.preventDefault();
       }, onClick: () => {
-        !I && !y && C(!0);
-      }, className: w("w-100", {
-        "luminus-dropdown-picker-disabled": y,
-        "luminus-dropdown-picker-link": b
-      }), hidden: x, children: [
-        /* @__PURE__ */ s.jsx("option", { value: "" }),
-        n && /* @__PURE__ */ s.jsx("option", { value: n.id ?? void 0, children: n.name && (($ = n.name) == null ? void 0 : $.length) > 0 ? n.name : n.id }),
-        f && /* @__PURE__ */ s.jsx("option", { value: f.id ?? void 0, children: f.name && ((F = f.name) == null ? void 0 : F.length) > 0 ? f.name : f.id })
-      ] }),
-      v || !y && I ? /* @__PURE__ */ s.jsxs("div", { className: "custom-picker-button", children: [
-        !v && !y && I && /* @__PURE__ */ s.jsx(z, { size: "sm", color: "secondary", onClick: (W) => {
-          W.preventDefault(), W.stopPropagation(), C(!0);
-        }, children: /* @__PURE__ */ s.jsx(mn, {}) }),
-        v ?? null
+        !Ne && !u && F(!0);
+      }, ref: se, value: G ?? "", onChange: () => {
+      }, isInvalid: Re, hidden: c, className: w("w-100", {
+        "luminus-dropdown-picker-disabled": u,
+        "luminus-dropdown-picker-link": Se
+      }), children: /* @__PURE__ */ s.jsx("option", { value: G, children: f ? G : (M == null ? void 0 : M.length) > 0 ? M : G }) }) }),
+      j || !u && Ne ? /* @__PURE__ */ s.jsxs("div", { className: "custom-picker-button", children: [
+        !j && !u && Ne && /* @__PURE__ */ s.jsx(z, { size: "sm", color: "secondary", onClick: (Y) => {
+          Y.preventDefault(), Y.stopPropagation(), F(!0);
+        }, children: /* @__PURE__ */ s.jsx(ln, {}) }),
+        j ?? null
       ] }) : null
     ] }),
-    E.current && /* @__PURE__ */ s.jsx(Nt, { show: _, onCancel: () => C(!1), items: e, currentSelection: f, onSelectionChange: T, onSearchQueryChange: o, texts: a, itemsNameWidth: m, additionalColumns: g, isLoading: i, disabled: y, inputRef: E })
+    I && /* @__PURE__ */ s.jsx(we, { message: I.message }),
+    se.current && /* @__PURE__ */ s.jsx(Nt, { show: $, onCancel: Z, items: d, currentSelection: K, onSelectionChange: D, onSearchQueryChange: h, texts: g, itemsNameWidth: x, additionalColumns: v, displayIdAsName: f, isLoading: y, disabled: u, inputRef: se })
   ] }) });
-}, ql = ({ InputContainer: t = Ie, value: e, onChange: n, label: r, size: o, showClearIcon: a, clearValue: i, hidden: l, disabled: c, rows: u, withoutLabel: d, debounceMs: h, className: m }) => {
-  const g = S(() => {
-    if (!n)
+}, Fl = ({ InputContainer: t = ge, 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: g, setValue: x, register: y, formState: p } = he(), [v, j] = P(!1), [f, k] = P(void 0), _ = S(() => {
+    x(n, "");
+  }, [x, n]), C = S(() => {
+    const T = n.split(".");
+    let E = p.errors;
+    T.forEach((I) => {
+      E !== void 0 && (E = E[I]);
+    }), k(E);
+  }, [p, n]);
+  O(C, [C]), O(() => {
+    p.isSubmitted && j(!0);
+  }, [p]);
+  const N = f !== void 0;
+  return /* @__PURE__ */ s.jsxs(t, { label: `${e}${o ? "*" : ""}`, hidden: r, withoutLabel: h, isInvalid: N, className: m, children: [
+    /* @__PURE__ */ s.jsx(wn, { type: "file", multiple: u, accept: d.join(", "), placeholder: a ?? e, isInvalid: N, hidden: r, disabled: i, className: "w-100", ...y(n, {
+      onChange: () => {
+        c && c.forEach((T) => x(T, null, { shouldDirty: !0, shouldValidate: v }));
+      }
+    }) }),
+    l && g(n) && /* @__PURE__ */ s.jsx("div", { className: "luminus-input-remove-icon", children: /* @__PURE__ */ s.jsx(z, { color: "secondary", size: "sm", onClick: _, children: /* @__PURE__ */ s.jsx(de, {}) }) }),
+    f && /* @__PURE__ */ s.jsx(we, { message: f.message })
+  ] });
+}, Wl = ({ children: t, onStorno: e, noSpacer: n }) => {
+  const { formState: r } = he(), [o, a] = P(!1);
+  return O(() => {
+    a(Object.keys(r.dirtyFields).length > 0);
+  }, [r]), o ? /* @__PURE__ */ s.jsx(ei, { onStorno: e, noSpacer: n, children: t }) : null;
+}, Rl = ({ InputContainer: t = ge, 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: g }) => {
+  const { customSelectTexts: x } = L(le), { formState: y, setValue: p, watch: v, control: j } = he(), [f, k] = P(void 0), [_, C] = P(!1), [N, T] = P(!1), [E, I] = P(""), b = v(n), $ = V(() => e.find((D) => D.id === b) ?? null, [e, b]), F = S(() => {
+    const D = n.split(".");
+    let Z = y.errors;
+    D.forEach((se) => {
+      Z !== void 0 && (Z = Z[se]);
+    }), k(Z);
+  }, [y, n]), W = S((D) => {
+    if ((D == null ? void 0 : D.id) === b)
       return;
-    const f = i ?? null;
-    n((f == null ? void 0 : f.toString()) ?? "");
-  }, [i, n]), x = q(null), [y, p] = P((e == null ? void 0 : e.toString()) ?? ""), v = S((f) => {
-    const k = f;
-    n && n(k || null);
-  }, [n]), j = S((f) => {
-    var _;
-    const k = (_ = f.target) == null ? void 0 : _.value;
-    if (!h) {
-      v(k);
+    if (a && a.forEach((se) => p(se, null, { shouldDirty: !0, shouldValidate: N })), D === null) {
+      p(n, null, {
+        shouldDirty: !0,
+        shouldValidate: N
+      });
       return;
     }
-    p(k), x.current !== null && window.clearTimeout(x.current), x.current = window.setTimeout(() => {
-      v(k);
-    }, h);
-  }, [h, v]);
+    let Z = null;
+    i ? Z = (D == null ? void 0 : D.id) !== null && (D == null ? void 0 : D.id) !== "" ? parseInt(D.id.toString(), 10) : null : Z = D.id === null || D.id === void 0 || D.id === "" ? null : D.id, p(n, Z, {
+      shouldDirty: !0,
+      shouldValidate: N
+    });
+  }, [p, n, i, a, b, N]), ne = S((D) => {
+    C(!1), W(D);
+  }, [W]), G = S((D) => {
+    I(D);
+  }, []);
+  O(() => {
+    F();
+  }, [F]), O(() => {
+    y.isSubmitted && T(!0);
+  }, [y]);
+  const M = S((D) => {
+    var Z;
+    return D === null ? "" : !D.name || D.name.length === 0 ? ((Z = D.id) == null ? void 0 : Z.toString()) ?? "" : m ? `${D.name} (${D.id})` : D.name;
+  }, [m]), K = V(() => e.map((D) => ({
+    id: D.id,
+    name: M(D)
+  })).filter((D) => mo(D.name, E)).sort((D, Z) => h ? 0 : (D.name ?? "").localeCompare(Z.name ?? "")), [e, h, E, M]), re = q(null), Q = f !== void 0;
+  return /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsxs(t, { label: `${r}${l ? " *" : ""}`, hidden: c, withoutLabel: d, isInvalid: Q, inputContainerClassName: w({ "luminus-dropdown-select-open": _ }), className: g, children: [
+    /* @__PURE__ */ s.jsx(vn, { control: j, name: n, render: () => /* @__PURE__ */ s.jsx(J.Select, { size: o, onMouseDown: (D) => {
+      D.currentTarget.focus(), D.preventDefault();
+    }, onClick: () => {
+      C(!0);
+    }, ref: re, value: b ?? "", onChange: () => {
+    }, isInvalid: Q, hidden: c, disabled: u, className: "w-100", children: /* @__PURE__ */ s.jsx("option", { value: ($ == null ? void 0 : $.id) ?? "", children: M($) }) }) }),
+    f && /* @__PURE__ */ s.jsx(we, { message: f.message }),
+    re.current && /* @__PURE__ */ s.jsx(Nt, { show: _, onCancel: () => C(!1), items: K, currentSelection: $ ?? null, onSelectionChange: ne, onSearchQueryChange: G, texts: x, disabled: u, inputRef: re, autoHideSearch: !0, allItemsLength: e.length })
+  ] }) });
+}, Ll = ({ InputContainer: t = ge, formField: e, label: n, placeholder: r, size: o, resetsFields: a, showClearIcon: i, clearValue: l, required: c, hidden: u, disabled: d, withoutLabel: h, step: m, stepperStep: g = 1, className: x }) => {
+  const { register: y, formState: p, setValue: v, watch: j } = he(), [f, k] = P(void 0), [_, C] = P(!1), N = S(() => {
+    const b = l ?? null;
+    v(e, b !== null ? Number(b) : null, {
+      shouldDirty: !0,
+      shouldValidate: _
+    });
+  }, [l, v, e, _]), T = S(() => {
+    const b = e.split(".");
+    let $ = p.errors;
+    b.forEach((F) => {
+      $ !== void 0 && ($ = $[F]);
+    }), k($);
+  }, [p, e]);
+  O(() => {
+    T();
+  }, [T]), O(() => {
+    p.isSubmitted && C(!0);
+  }, [p]);
+  const E = f !== void 0, I = j(e);
+  return /* @__PURE__ */ s.jsxs(t, { label: `${n}${c ? " *" : ""}`, hidden: u, withoutLabel: h, isInvalid: E, className: x, children: [
+    /* @__PURE__ */ s.jsxs("div", { className: "luminus-input-container position-relative w-100", children: [
+      /* @__PURE__ */ s.jsx(J.Control, { type: "number", placeholder: r ?? n, size: o, ...y(e, {
+        setValueAs: (b) => b == null || b === "" ? null : Number(b),
+        onChange: () => {
+          a && a.forEach((b) => v(b, null, { shouldDirty: !0, shouldValidate: _ }));
+        }
+      }), isInvalid: E, hidden: u, disabled: d, className: "w-100 luminus-numeric-stepper", step: m }),
+      /* @__PURE__ */ s.jsx("div", { className: "stepper-icon left", children: !d && /* @__PURE__ */ s.jsx(z, { size: "sm", onClick: (b) => {
+        b.preventDefault(), b.stopPropagation(), v(e, ((I ? Number(I) : 0) - g).toString(), { shouldDirty: !0, shouldValidate: _ });
+      }, children: /* @__PURE__ */ s.jsx(mr, {}) }) }),
+      /* @__PURE__ */ s.jsx("div", { className: "stepper-icon right", children: !d && /* @__PURE__ */ s.jsx(z, { size: "sm", onClick: (b) => {
+        b.preventDefault(), b.stopPropagation(), v(e, ((I ? Number(I) : 0) + g).toString(), { shouldDirty: !0, shouldValidate: _ });
+      }, children: /* @__PURE__ */ s.jsx(pr, {}) }) })
+    ] }),
+    i && j(e) && /* @__PURE__ */ s.jsx("div", { className: "luminus-input-remove-icon", children: /* @__PURE__ */ s.jsx(z, { color: "secondary", size: "sm", onClick: N, children: /* @__PURE__ */ s.jsx(de, {}) }) }),
+    f && /* @__PURE__ */ s.jsx(we, { message: f.message })
+  ] });
+}, hi = "_item_1dy8x_1", gr = {
+  item: hi
+}, fi = ({
+  color: t = "primary",
+  // icon = <MdOutlineArrowOutward />,
+  icon: e,
+  className: n,
+  children: r,
+  ...o
+}) => /* @__PURE__ */ s.jsxs(Me.Item, { className: w(`btn luminus-dropdown-item text-nowrap rounded text-${t} ${n ?? ""}`, gr.item), ...o, children: [
+  e,
+  r
+] }), mi = (t) => /* @__PURE__ */ s.jsx(Me.Toggle, { ...t }), Yl = ({ color: t = "primary", icon: e = /* @__PURE__ */ s.jsx(cn, { 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 ?? ""}`, gr.item), ...c, children: [
+      e,
+      l
+    ] }),
+    /* @__PURE__ */ s.jsx("input", { id: n, type: "file", accept: r, onChange: u, hidden: !0, multiple: a })
+  ] });
+}, pi = "_divider_1e6rk_1", gi = {
+  divider: pi
+}, ql = ({ className: t }) => /* @__PURE__ */ s.jsx(Me.Divider, { className: w("luminus-dropdown-divider", t, gi.divider) }), wi = "_dropdown_1lk66_1", xi = {
+  dropdown: wi
+}, vi = ({ toggle: t, children: e, ...n }) => /* @__PURE__ */ s.jsxs(Me, { ...n, children: [
+  t,
+  /* @__PURE__ */ s.jsx(Me.Menu, { className: w("luminus-dropdown rounded shadow", xi.dropdown), children: e })
+] }), Hl = ({ cell: { value: t } }) => /* @__PURE__ */ s.jsx(s.Fragment, { children: t ? /* @__PURE__ */ s.jsx(un, { name: t, size: 21, fontSize: 12 }) : /* @__PURE__ */ s.jsx(s.Fragment, {}) }), yi = "_tab-panel_d8l8q_1", bi = "_full-height-no-overflow_d8l8q_5", _i = "_disabled_d8l8q_12", it = {
+  "tab-panel": "_tab-panel_d8l8q_1",
+  tabPanel: yi,
+  "full-height-no-overflow": "_full-height-no-overflow_d8l8q_5",
+  fullHeightNoOverflow: bi,
+  disabled: _i
+}, Bl = ({ eventKey: t, activeTab: e, fullHeightNoOverflow: n, disabled: r, className: o, children: a }) => t !== e ? null : /* @__PURE__ */ s.jsx("div", { className: w("luminus-tab-panel", it.tabPanel, { [it.fullHeightNoOverflow]: n }, { disabled: r }, { [it.disabled]: r }, o), children: a }), Vl = ({ 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__ */ oo(o, { ...a, key: a.eventKey, className: w({ active: t === i }, c), onClick: () => {
+    e(i), u && u(i);
+  } }, l);
+}) }), ji = "_tab_1hdhk_1", ki = "_disabled_1hdhk_8", Kt = {
+  tab: ji,
+  disabled: ki
+}, 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(U, { variant: "h6", className: "text-primary", children: o }) : o }), Ni = ({ show: t, widgets: e, handleClose: n, onWidgetPicked: r, texts: o }) => /* @__PURE__ */ s.jsxs(qe, { show: t, onHide: () => n(), children: [
+  /* @__PURE__ */ s.jsx(qe.Header, { closeButton: !0, children: /* @__PURE__ */ s.jsx(qe.Title, { children: o.pickWidgetToAdd }) }),
+  /* @__PURE__ */ s.jsx(qe.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(U, { variant: "body", children: a.name }) })) }) })
+] }), Qt = ({ 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", ui.widget), children: /* @__PURE__ */ s.jsx(z, { onClick: () => o(!0), children: /* @__PURE__ */ s.jsx(zr, {}) }) }),
+    /* @__PURE__ */ s.jsx(Ni, { show: r, widgets: t, handleClose: () => o(!1), onWidgetPicked: (a) => {
+      o(!1), e(a);
+    }, texts: n })
+  ] });
+}, Ci = (t) => {
+  const [e, n] = P({ widgets: [] });
+  O(() => {
+    const o = localStorage.getItem("dashboardConfig");
+    o ? n(JSON.parse(o)) : t && n(t);
+  }, [t]);
+  const r = S((o) => {
+    n(o), localStorage.setItem("dashboardConfig", JSON.stringify(o));
+  }, []);
+  return { dashboardConfig: e, onChangeDashboardConfig: r };
+}, $i = "_dashboard_16plm_1", Ii = "_widgets-grid_16plm_1", Si = "_widget-wrapper_16plm_8", Ti = "_full-width_16plm_13", Ei = "_widget-edit_16plm_16", Di = "_remove-icon_16plm_19", Oi = "_full-width-icon_16plm_26", Pi = "_widget-edit-overlay_16plm_36", ue = {
+  dashboard: $i,
+  "widgets-grid": "_widgets-grid_16plm_1",
+  widgetsGrid: Ii,
+  "widget-wrapper": "_widget-wrapper_16plm_8",
+  widgetWrapper: Si,
+  "full-width": "_full-width_16plm_13",
+  fullWidth: Ti,
+  "widget-edit": "_widget-edit_16plm_16",
+  widgetEdit: Ei,
+  "remove-icon": "_remove-icon_16plm_19",
+  removeIcon: Di,
+  "full-width-icon": "_full-width-icon_16plm_26",
+  fullWidthIcon: Oi,
+  "widget-edit-overlay": "_widget-edit-overlay_16plm_36",
+  widgetEditOverlay: Pi
+};
+class Ai extends so {
+  constructor(e) {
+    super(e), this.state = { hasError: !1 }, this.reload = this.reload.bind(this);
+  }
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  static getDerivedStateFromError(e) {
+    return { hasError: !0 };
+  }
+  componentDidUpdate(e) {
+    this.state.hasError && e.keyForErrorState !== this.props.keyForErrorState && this.setState({ hasError: !1 });
+  }
+  componentDidCatch(e, n) {
+    console.error("Error:", e, n);
+  }
+  reload() {
+    this.setState({ hasError: !1 });
+  }
+  render() {
+    const { fallback: e, children: n, texts: r, reloadButtonDisplay: o = "append-after-child" } = this.props;
+    return this.state.hasError ? o === "inject-to-child" && ao(e) ? ee.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(ht, { 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(ht, { type: "button", onClick: this.reload, children: r.reloadButtonContent })
+    ] }) : n;
+  }
+}
+const Mi = (t) => (n) => {
+  const { errorBoundaryTexts: r } = L(le);
+  return /* @__PURE__ */ s.jsx(t, { texts: r, ...n });
+}, Fi = Mi(Ai), Wi = "_widget-card_e9tsb_1", Ri = {
+  "widget-card": "_widget-card_e9tsb_1",
+  widgetCard: Wi
+}, Xt = ({ children: t, title: e, headerContent: n }) => /* @__PURE__ */ s.jsx(Pc, { className: w(Ri.widgetCard, "luminus-widget"), title: e, headerContent: n, contentClassName: "h-100 overflow-auto", children: t }), Li = ({ children: t, title: e }) => {
+  const { widgetTexts: n } = L(le);
+  return /* @__PURE__ */ s.jsx(Fi, { fallback: /* @__PURE__ */ s.jsx(Xt, { title: e, children: n.fallbackError }), reloadButtonDisplay: "inject-to-child", children: /* @__PURE__ */ s.jsx(io, { fallback: /* @__PURE__ */ s.jsx(Xt, { title: e, children: /* @__PURE__ */ s.jsx(po, {}) }), children: t }) });
+}, Ul = ({ availableWidgets: t, editMode: e, defaultDashboardConfig: n }) => {
+  var d;
+  const { homeDashboardTexts: r } = L(le), { dashboardConfig: o, onChangeDashboardConfig: a } = Ci(n), i = S((h, m) => {
+    var g, x;
+    h === ((g = o.widgets) == null ? void 0 : g.length) ? a({
+      ...o,
+      widgets: [...o.widgets, { widgetId: m, fullWidth: !1 }]
+    }) : a({
+      ...o,
+      widgets: ((x = o.widgets) == null ? void 0 : x.map((y, p) => p === h ? { widgetId: m, fullWidth: !1 } : y)) ?? []
+    });
+  }, [o, a]), l = S((h) => {
+    var m, g;
+    ((m = o.widgets[h]) == null ? void 0 : m.widgetId) === -1 ? a({
+      ...o,
+      widgets: ((g = o.widgets) == null ? void 0 : g.filter((x, y) => y !== h)) ?? []
+    }) : i(h, -1);
+  }, [o, a, i]), c = S((h) => {
+    var m;
+    a({
+      ...o,
+      widgets: ((m = o.widgets) == null ? void 0 : m.map((g, x) => x === h ? { ...g, fullWidth: !g.fullWidth } : g)) ?? []
+    });
+  }, [o, a]), u = S((h, m, g) => h ? /* @__PURE__ */ s.jsxs("div", { className: w(ue.widgetWrapper, {
+    [ue.widgetEdit]: e && h.id !== -1
+  }, { [ue.fullWidth]: g }), children: [
+    e && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+      /* @__PURE__ */ s.jsx(z, { color: "danger", onClick: () => l(m), className: w(ue.removeIcon), children: /* @__PURE__ */ s.jsx(dn, {}) }),
+      /* @__PURE__ */ s.jsx(z, { color: g ? "danger" : "primary", onClick: () => c(m), className: w(ue.fullWidthIcon), children: /* @__PURE__ */ s.jsx(Kr, {}) })
+    ] }),
+    h.id === -1 ? e && /* @__PURE__ */ s.jsx("div", { className: ue.widgetWrapper, children: /* @__PURE__ */ s.jsx(Qt, { availableWidgets: t, onAdd: (x) => i(m, x), texts: r }) }) : /* @__PURE__ */ s.jsx(Li, { title: h.title, children: /* @__PURE__ */ s.jsx(h.WidgetElement, { title: h.title }) }),
+    h.id > -1 && e && /* @__PURE__ */ s.jsx("div", { className: ue.widgetEditOverlay })
+  ] }, m) : /* @__PURE__ */ s.jsx(s.Fragment, {}), [
+    e,
+    i,
+    l,
+    c,
+    t,
+    r
+  ]);
+  return /* @__PURE__ */ s.jsx("div", { className: ue.dashboard, children: /* @__PURE__ */ s.jsxs("div", { className: ue.widgetsGrid, children: [
+    (d = o.widgets) == null ? void 0 : d.map((h, m) => u(t.find((g) => g.id === h.widgetId), m, h.fullWidth)),
+    e && /* @__PURE__ */ s.jsx(Qt, { availableWidgets: t, onAdd: (h) => {
+      var m;
+      return i((m = o.widgets) == null ? void 0 : m.length, h);
+    }, texts: r })
+  ] }) });
+}, Yi = "_badge_nhser_1", qi = "_sm_nhser_1", Hi = "_md_nhser_4", Bi = "_lg_nhser_7", Jt = {
+  badge: Yi,
+  sm: qi,
+  md: Hi,
+  lg: Bi
+}, zl = ({ children: t, color: e = "primary", size: n = "md", className: r }) => /* @__PURE__ */ s.jsx("span", { className: w(`luminus-badge badge bg-${e} ${r ?? ""}`, Jt.badge, Jt[n]), children: t }), Vi = "_collapse-icon_1ahhn_1", Gi = "_collapsed_1ahhn_6", Zt = {
+  "collapse-icon": "_collapse-icon_1ahhn_1",
+  collapseIcon: Vi,
+  collapsed: Gi
+}, Kl = ({ 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 O(() => {
-    p(e === null ? "" : e.toString());
-  }, [e]), /* @__PURE__ */ s.jsxs(t, { label: r ?? "", hidden: l, withoutLabel: d, className: m, isForTextAreaInput: !0, children: [
-    /* @__PURE__ */ s.jsx(J.Control, { as: "textarea", size: o, value: h ? y : e ?? "", onChange: j, hidden: l, disabled: c, rows: u ?? 2, className: "w-100" }),
-    a && e && n && !c && /* @__PURE__ */ s.jsx("div", { className: "luminus-input-remove-icon", children: /* @__PURE__ */ s.jsx(z, { color: "secondary", size: "sm", onClick: g, children: /* @__PURE__ */ s.jsx(de, {}) }) })
+    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(U, { variant: "h6", children: t }),
+      /* @__PURE__ */ s.jsx(hn, { className: w(Zt.collapseIcon, {
+        [Zt.collapsed]: l
+      }) })
+    ] }),
+    /* @__PURE__ */ s.jsx(In, { in: l, children: /* @__PURE__ */ s.jsx("div", { children: e }) }),
+    /* @__PURE__ */ s.jsx("hr", { className: `my-0 ${l ? "mt-3" : ""}` })
   ] });
-}, Hl = ({ InputContainer: t = Ie, value: e, onChange: n, debounceMs: r, label: o, withoutLabel: a, placeholder: i, size: l, hidden: c, disabled: u, showClearIcon: d, clearValue: h, className: m, step: g, stepperStep: x = 1 }) => {
-  const y = S(() => {
-    if (!n)
-      return;
-    const _ = h ?? null;
-    n(_ ? Number(_) : null);
-  }, [h, n]), p = q(null), [v, j] = P((e == null ? void 0 : e.toString()) ?? ""), f = S((_) => {
-    const C = _;
-    n && n(C == null || C === "" ? null : Number(C));
-  }, [n]), k = S((_) => {
-    var N;
-    const C = (N = _.target) == null ? void 0 : N.value;
-    if (!r) {
-      f(C);
-      return;
-    }
-    j(C), p.current !== null && window.clearTimeout(p.current), p.current = window.setTimeout(() => {
-      f(C);
-    }, r);
-  }, [r, f]);
-  return O(() => {
-    j(e === null ? "" : e.toString());
-  }, [e]), /* @__PURE__ */ s.jsx(t, { withoutLabel: a, label: o ?? "", hidden: c, className: m, children: /* @__PURE__ */ s.jsxs("div", { className: "luminus-input-container position-relative w-100", children: [
-    /* @__PURE__ */ s.jsx(J.Control, { type: "number", placeholder: i ?? o, size: l, value: r ? v : e ?? "", onChange: k, className: `luminus-numeric-stepper ${m ?? ""}`, hidden: c, disabled: u ?? !1, step: g }),
-    /* @__PURE__ */ s.jsx("div", { className: "stepper-icon left", children: !u && /* @__PURE__ */ s.jsx(z, { size: "sm", onClick: (_) => {
-      _.preventDefault(), _.stopPropagation(), f(((e ?? 0) - x).toString());
-    }, children: /* @__PURE__ */ s.jsx(mr, {}) }) }),
-    /* @__PURE__ */ s.jsx("div", { className: "stepper-icon right", children: !u && /* @__PURE__ */ s.jsx(z, { size: "sm", onClick: (_) => {
-      _.preventDefault(), _.stopPropagation(), f(((e ?? 0) + x).toString());
-    }, children: /* @__PURE__ */ s.jsx(pr, {}) }) }),
-    d && e && n && !u && /* @__PURE__ */ s.jsx("div", { className: "luminus-input-remove-icon", children: /* @__PURE__ */ s.jsx(z, { color: "secondary", size: "sm", onClick: y, children: /* @__PURE__ */ s.jsx(de, {}) }) })
-  ] }) });
-}, Bl = ({ InputContainer: t = ge, 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 } = he(), [g, x] = P(void 0), [y, p] = P(!1);
-  O(() => {
-    const j = e.split(".");
-    let f = h.errors;
-    j.forEach((k) => {
-      f !== void 0 && (f = f[k]);
-    }), x(f);
-  }, [h, e]), O(() => {
-    h.isSubmitted && p(!0);
-  }, [h]);
-  const v = g !== void 0;
-  return /* @__PURE__ */ s.jsxs(t, { isForCheckInput: !0, hidden: i, label: `${n}${a ? " *" : ""}`, isInvalid: v, withoutLabel: c, className: u, children: [
-    /* @__PURE__ */ s.jsx(J.Check, { id: `check-${e}`, type: o ?? "checkbox", label: `${n}${a ? " *" : ""}`, ...d(e, {
-      onChange: () => {
-        r && r.forEach((j) => m(j, null, { shouldDirty: !0, shouldValidate: y }));
+}, Ui = "_feedback_esh1j_1", zi = "_feedback-spacer_esh1j_8", en = {
+  feedback: Ui,
+  "feedback-spacer": "_feedback-spacer_esh1j_8",
+  feedbackSpacer: zi
+}, we = ({ message: t }) => /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+  /* @__PURE__ */ s.jsx("div", { className: w("invalid-feedback luminus-invalid-feedback", en.feedback), children: t }),
+  /* @__PURE__ */ s.jsx("div", { className: w("invalid-feedback-spacer", en.feedbackSpacer), children: t })
+] });
+function Ki(t, e, n) {
+  var r = this, o = q(null), a = q(0), i = q(null), l = q([]), c = q(), u = q(), d = q(t), h = q(!0);
+  d.current = t;
+  var m = typeof window < "u", g = !e && e !== 0 && m;
+  if (typeof t != "function")
+    throw new TypeError("Expected a function");
+  e = +e || 0;
+  var x = !!(n = n || {}).leading, y = !("trailing" in n) || !!n.trailing, p = "maxWait" in n, v = "debounceOnServer" in n && !!n.debounceOnServer, j = p ? Math.max(+n.maxWait || 0, e) : null;
+  O(function() {
+    return h.current = !0, function() {
+      h.current = !1;
+    };
+  }, []);
+  var f = V(function() {
+    var k = function(I) {
+      var b = l.current, $ = c.current;
+      return l.current = c.current = null, a.current = I, u.current = d.current.apply($, b);
+    }, _ = function(I, b) {
+      g && cancelAnimationFrame(i.current), i.current = g ? requestAnimationFrame(I) : setTimeout(I, b);
+    }, C = function(I) {
+      if (!h.current)
+        return !1;
+      var b = I - o.current;
+      return !o.current || b >= e || b < 0 || p && I - a.current >= j;
+    }, N = function(I) {
+      return i.current = null, y && l.current ? k(I) : (l.current = c.current = null, u.current);
+    }, T = function I() {
+      var b = Date.now();
+      if (C(b))
+        return N(b);
+      if (h.current) {
+        var $ = e - (b - o.current), F = p ? Math.min($, j - (b - a.current)) : $;
+        _(I, F);
       }
-    }), isInvalid: v, hidden: i, disabled: l, className: "w-100" }),
-    g && /* @__PURE__ */ s.jsx(we, { message: g.message })
-  ] });
-}, Vl = ({ InputContainer: t = ge, 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 } = he(), [g, x] = P(void 0), [y, p] = P(!1), v = V(() => r, [r]);
-  O(() => {
-    const f = n.split(".");
-    let k = d.errors;
-    f.forEach((_) => {
-      k !== void 0 && (k = k[_]);
-    }), x(k);
-  }, [d, n]), O(() => {
-    d.isSubmitted && p(!0);
-  }, [d]);
-  const j = g !== void 0;
-  return /* @__PURE__ */ s.jsxs(t, { isForRadioInput: !0, hidden: l, withoutLabel: !e, label: `${e}${a ? " *" : ""}`, isInvalid: j, className: c, children: [
-    v.map((f) => /* @__PURE__ */ s.jsx(J.Check, { id: `radio-${f.id}`, label: f.name, type: "radio", value: f.id ?? "", checked: m(n) === f.id, ...u(n, {
-      onChange: () => {
-        o && o.forEach((k) => h(k, null, { shouldDirty: !0, shouldValidate: y }));
+    }, E = function() {
+      if (m || v) {
+        var I = Date.now(), b = C(I);
+        if (l.current = [].slice.call(arguments), c.current = r, o.current = I, b) {
+          if (!i.current && h.current)
+            return a.current = o.current, _(T, e), x ? k(o.current) : u.current;
+          if (p)
+            return _(T, e), k(o.current);
+        }
+        return i.current || _(T, e), u.current;
       }
-    }), isInvalid: j, hidden: l, disabled: i, className: "w-100" }, f.id)),
-    g && /* @__PURE__ */ s.jsx(we, { message: g.message })
-  ] });
-}, Gl = ({ InputContainer: t = ge, 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: g }) => {
-  const { register: x, formState: y, setValue: p, watch: v } = he(), [j, f] = P(void 0), [k, _] = P(!1), C = S(() => {
-    const E = i ?? null;
-    p(e, (E == null ? void 0 : E.toString()) ?? "", { shouldDirty: !0, shouldValidate: k });
-  }, [i, p, e, k]), N = S(() => {
-    const E = e.split(".");
-    let I = y.errors;
-    E.forEach((b) => {
-      I !== void 0 && (I = I[b]);
-    }), f(I);
-  }, [y, e]);
+    };
+    return E.cancel = function() {
+      i.current && (g ? cancelAnimationFrame(i.current) : clearTimeout(i.current)), a.current = 0, l.current = o.current = c.current = i.current = null;
+    }, E.isPending = function() {
+      return !!i.current;
+    }, E.flush = function() {
+      return i.current ? N(Date.now()) : u.current;
+    }, E;
+  }, [x, p, e, j, y, g, m, v]);
+  return f;
+}
+function Qi(t, e) {
+  return t === e;
+}
+function Xi(t, e) {
+  return e;
+}
+function wr(t, e, n) {
+  var r = Qi, o = pn(Xi, t), a = o[0], i = o[1], l = Ki(S(function(u) {
+    return i(u);
+  }, [i]), e, n), c = q(t);
+  return r(c.current, t) || (l(t), c.current = t), [a, l];
+}
+const Ji = "_wrapper_uccrb_1", Zi = "_open_uccrb_9", ec = "_dropdown_uccrb_13", tc = "_search-input-container_uccrb_19", nc = "_search-input_uccrb_19", rc = "_loading-container_uccrb_25", oc = "_items-container_uccrb_32", sc = "_header-row_uccrb_38", ac = "_item_uccrb_32", ic = "_name_uccrb_57", cc = "_column-item_uccrb_62", lc = "_icon_uccrb_66", uc = "_clear-button_uccrb_74", oe = {
+  wrapper: Ji,
+  open: Zi,
+  dropdown: ec,
+  "search-input-container": "_search-input-container_uccrb_19",
+  searchInputContainer: tc,
+  "search-input": "_search-input_uccrb_19",
+  searchInput: nc,
+  "loading-container": "_loading-container_uccrb_25",
+  loadingContainer: rc,
+  "items-container": "_items-container_uccrb_32",
+  itemsContainer: oc,
+  "header-row": "_header-row_uccrb_38",
+  headerRow: sc,
+  item: ac,
+  name: ic,
+  "column-item": "_column-item_uccrb_62",
+  columnItem: cc,
+  icon: lc,
+  "clear-button": "_clear-button_uccrb_74",
+  clearButton: uc
+}, Nt = ({ 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: g = !1, inputRef: x }) => {
+  var Y;
+  const y = q(null), p = q(null), v = q(null), j = q(null), [f, k] = P(""), [_] = wr(f, 500), [, C] = P(!1), N = (Y = x.current) == null ? void 0 : Y.getBoundingClientRect(), T = (N == null ? void 0 : N.x) ?? 0, E = ((N == null ? void 0 : N.x) ?? 0) + ((N == null ? void 0 : N.width) ?? 0), I = (N == null ? void 0 : N.y) ?? 0, b = ((N == null ? void 0 : N.y) ?? 0) + ((N == null ? void 0 : N.height) ?? 0), $ = (N == null ? void 0 : N.width) ?? 0, F = (N == null ? void 0 : N.height) ?? 0, W = 5, ne = V(() => T ? T > window.innerWidth / 2 : !1, [T]), G = V(() => I ? I > window.innerHeight / 2 : !1, [I]);
   O(() => {
-    N();
-  }, [N]), O(() => {
-    y.isSubmitted && _(!0);
-  }, [y]);
-  const T = j !== void 0;
-  return /* @__PURE__ */ s.jsxs(t, { label: `${n}${l ? " *" : ""}`, hidden: c, withoutLabel: h, isInvalid: T, className: g, isForTextAreaInput: !0, children: [
-    /* @__PURE__ */ s.jsx(J.Control, { as: "textarea", size: o, ...x(e, {
-      setValueAs: (E) => E == null || E === "" ? null : E,
-      onChange: () => {
-        r && r.forEach((E) => p(E, null, { shouldDirty: !0, shouldValidate: k }));
+    var A;
+    t && ((A = v.current) == null || A.focus());
+  }, [v, t]), O(() => {
+    t || k("");
+  }, [t]), O(() => {
+    a(_);
+  }, [_, a]);
+  const [M, K] = P(null);
+  O(() => {
+    t && n.length > 0 ? K(0) : K(null);
+  }, [n, t]);
+  const re = V(() => M !== null ? n.at(M) ?? null : null, [M, n]), Q = S((A, X) => {
+    var Ct, $t;
+    const ce = document.getElementById(`item-${A}`);
+    if (ce) {
+      const It = ce.clientHeight ?? 0;
+      X === "down" ? (Ct = j.current) == null || Ct.scrollBy({
+        left: 0,
+        top: It,
+        behavior: "smooth"
+      }) : ($t = j.current) == null || $t.scrollBy({
+        left: 0,
+        top: -It,
+        behavior: "smooth"
+      });
+    }
+  }, []), D = S((A) => {
+    if (M === null || m)
+      return;
+    const X = M + A;
+    X < 0 || X >= n.length || K((ce) => (ce !== null && Q(ce, A > 0 ? "down" : "up"), X));
+  }, [M, n, m, Q]), Z = S((A) => {
+    if (t)
+      switch (A.key) {
+        case "Escape":
+          A.stopPropagation(), A.preventDefault(), e();
+          break;
+        case "Enter":
+          A.stopPropagation(), A.preventDefault(), m || o(re);
+          break;
+        case "ArrowUp":
+          A.stopPropagation(), A.preventDefault(), D(-1);
+          break;
+        case "ArrowDown":
+          A.stopPropagation(), A.preventDefault(), D(1);
+          break;
       }
-    }), isInvalid: T, hidden: c, disabled: u, rows: d ?? 2, className: "w-100", ...m }),
-    a && v(e) && /* @__PURE__ */ s.jsx("div", { className: "luminus-input-remove-icon", children: /* @__PURE__ */ s.jsx(z, { color: "secondary", size: "sm", onClick: C, children: /* @__PURE__ */ s.jsx(de, {}) }) }),
-    j && /* @__PURE__ */ s.jsx(we, { message: j.message })
+  }, [e, t, D, re, m, o]), se = S(() => {
+    C((A) => !A);
+  }, []);
+  O(() => (window.addEventListener("scroll", se), () => {
+    window.removeEventListener("scroll", se);
+  }), [se]), O(() => (window.addEventListener("resize", se), () => {
+    window.removeEventListener("resize", se);
+  }), [se]), bn(Z), _n([y, p], e);
+  const Re = l ?? (c && c.length > 0 ? 250 : 0), Ne = (c == null ? void 0 : c.reduce((A, X) => A + (X.width ?? 100), 0)) ?? 0, Se = `calc(max(${$}px, ${Re}px + ${Ne}px))`;
+  return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    /* @__PURE__ */ s.jsx(yr, { show: t, onClick: e }),
+    r && t && !m && /* @__PURE__ */ s.jsx("button", { ref: p, type: "button", className: w("luminus-dropdown-picker-clear-button", oe.clearButton), onClick: () => !m && o(null), style: {
+      top: `calc(${I}px + ${F / 2}px - 12px)`,
+      left: `calc(${T}px - 24px - 8px)`
+    }, children: /* @__PURE__ */ s.jsx(U, { variant: "caption", className: "text-danger", children: /* @__PURE__ */ s.jsx(dn, { size: 16 }) }) }),
+    /* @__PURE__ */ s.jsx("div", { className: w("luminus-dropdown-picker", oe.wrapper, {
+      [oe.open]: t
+    }), style: {
+      top: G ? `calc(${I}px - 50vh - 8px)` : `calc(${b}px + 8px)`,
+      left: ne ? `calc(${E}px - ${Se})` : T,
+      right: ne ? `${E}px` : `calc(${T}px + ${Se})`,
+      width: Se,
+      justifyContent: G ? "flex-end" : "flex-start"
+    }, children: /* @__PURE__ */ s.jsx("div", { ref: y, className: w("shadow rounded", oe.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", oe.searchInputContainer), children: /* @__PURE__ */ s.jsx(J.Control, { ref: v, type: "search", size: "sm", className: oe.searchInput, placeholder: i.searchPlaceholder, value: f, onChange: (A) => {
+        var X;
+        return k(((X = A.target) == null ? void 0 : X.value) ?? "");
+      } }) }),
+      g ? /* @__PURE__ */ s.jsx("div", { className: oe.loadingContainer, children: /* @__PURE__ */ s.jsx(jt, { animation: "border", variant: "primary" }) }) : n.length > 0 && /* @__PURE__ */ s.jsxs("div", { ref: j, className: w("items", oe.itemsContainer), children: [
+        c && c.length > 0 && /* @__PURE__ */ s.jsxs("div", { className: w("header-row border-bottom", oe.headerRow), children: [
+          /* @__PURE__ */ s.jsx("div", { className: oe.name }),
+          c == null ? void 0 : c.map((A) => /* @__PURE__ */ s.jsx("div", { className: oe.columnItem, style: {
+            width: `${A.width ?? 100}px`,
+            minWidth: `${A.width ?? 100}px`,
+            maxWidth: `${A.width ?? 100}px`
+          }, children: /* @__PURE__ */ s.jsx(U, { variant: "caption", children: A.name }) }, A.key))
+        ] }),
+        n == null ? void 0 : n.map((A, X) => /* @__PURE__ */ s.jsxs("button", { id: `item-${X}`, type: "button", className: w("item cursor-pointer", oe.item, {
+          [oe.focused]: M === X
+        }, {
+          focused: M === X
+        }), onClick: () => !m && o(A), onMouseEnter: () => K(X), children: [
+          /* @__PURE__ */ s.jsx("div", { className: oe.name, children: /* @__PURE__ */ s.jsx(U, { variant: "body2", children: u ? A.id : A.name }) }),
+          c == null ? void 0 : c.map((ce) => /* @__PURE__ */ s.jsx("div", { className: oe.columnItem, style: {
+            width: `${ce.width ?? 100}px`,
+            minWidth: `${ce.width ?? 100}px`,
+            maxWidth: `${ce.width ?? 100}px`
+          }, children: /* @__PURE__ */ s.jsx(U, { variant: "caption", className: w("text-muted"), children: A.additionalColumns && A.additionalColumns[ce.key] }) }, ce.key))
+        ] }, A.id))
+      ] })
+    ] }) }) })
   ] });
-}, Ul = ({ InputContainer: t = ge, 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: g, step: x, CustomOnChangeComponent: y, noSelectOnFocus: p, className: v }) => {
-  const { register: j, formState: f, setValue: k, watch: _ } = he(), [C, N] = P(void 0), [T, E] = P(!1), I = S(() => {
-    const M = c ?? null;
-    e === "number" ? k(n, M !== null ? Number(M) : null, {
-      shouldDirty: !0,
-      shouldValidate: T
-    }) : k(n, (M == null ? void 0 : M.toString()) ?? "", { shouldDirty: !0, shouldValidate: T });
-  }, [c, e, k, n, T]), b = S(() => {
-    const M = n.split(".");
-    let K = f.errors;
-    M.forEach((re) => {
-      K !== void 0 && (K = K[re]);
-    }), N(K);
-  }, [f, n]);
-  O(() => {
-    b();
-  }, [b]), O(() => {
-    f.isSubmitted && E(!0);
-  }, [f]);
-  const $ = C !== void 0, [F, W] = P(!1), ne = _(n), G = _n(e, ne ?? null, F);
-  return /* @__PURE__ */ s.jsxs(t, { label: `${r}${u ? " *" : ""}`, hidden: d, withoutLabel: m, isInvalid: $, className: v, children: [
-    /* @__PURE__ */ s.jsxs("div", { className: "luminus-input-container position-relative w-100", children: [
-      /* @__PURE__ */ s.jsx(J.Control, { type: G, placeholder: o ?? r, size: a, onFocus: (M) => {
-        W(!0), !p && M.target.select();
-      }, ...j(n, {
-        setValueAs: (M) => e === "number" ? M == null || M === "" ? null : Number(M) : M == null || M === "" ? null : M,
-        onChange: () => {
-          i && i.forEach((M) => k(M, null, { shouldDirty: !0, shouldValidate: T }));
+}, dc = ({ searchTypes: t, selectedType: e, setSelectedType: n }) => /* @__PURE__ */ s.jsx(vi, { toggle: /* @__PURE__ */ s.jsx(mi, { as: Qr, icon: null, text: e == null ? void 0 : e.text }), children: t.map((r) => /* @__PURE__ */ s.jsx(fi, { icon: null, onClick: () => n(r.key), children: r.text }, r.key)) }), hc = "_dropdown_1ddrg_1", fc = "_open_1ddrg_12", mc = "_loading-container_1ddrg_15", pc = "_groups-container_1ddrg_22", gc = "_group_1ddrg_22", wc = "_header_1ddrg_26", xc = "_item_1ddrg_33", xe = {
+  dropdown: hc,
+  open: fc,
+  "loading-container": "_loading-container_1ddrg_15",
+  loadingContainer: mc,
+  "groups-container": "_groups-container_1ddrg_22",
+  groupsContainer: pc,
+  group: gc,
+  header: wc,
+  item: xc
+}, vc = ({ show: t, query: e, onCancel: n, groups: r, isLoading: o, searchTypes: a }) => {
+  const { LinkComponent: i, appSearchTexts: l } = L(le), c = q(null), u = S((d) => {
+    var m;
+    const h = (m = a.find((g) => g.key === d.type)) == null ? void 0 : m.toPath;
+    return h ? `${h}/${d.searchKey}` : "/not-found";
+  }, [a]);
+  return _n([c], n), /* @__PURE__ */ s.jsx("div", { ref: c, className: w("luminus-app-search-dropdown shadow rounded", xe.dropdown, {
+    [xe.open]: t
+  }), children: o ? /* @__PURE__ */ s.jsx("div", { className: xe.loadingContainer, children: /* @__PURE__ */ s.jsx(jt, { animation: "border", variant: "primary" }) }) : /* @__PURE__ */ s.jsx("div", { className: xe.groupsContainer, children: r == null ? void 0 : r.map((d) => {
+    var h;
+    return /* @__PURE__ */ s.jsxs("div", { className: w(xe.group), children: [
+      /* @__PURE__ */ s.jsxs(i, { to: `/search?query=${e}&type=${d.key.category}`, className: w("group-header", xe.header), onClick: n, children: [
+        /* @__PURE__ */ s.jsx(U, { variant: "body", className: "text-primary", children: d.key.categoryName }),
+        /* @__PURE__ */ s.jsxs(U, { variant: "caption", children: [
+          d.items.length,
+          " ",
+          l.amountFrom,
+          " ",
+          d.key.totalCount
+        ] })
+      ] }),
+      (h = d.items) == null ? void 0 : h.map((m, g) => /* @__PURE__ */ s.jsxs(
+        i,
+        {
+          to: u(m),
+          className: w("search-item d-flex gap-3 align-items-center justify-content-between", xe.item),
+          onClick: n,
+          children: [
+            /* @__PURE__ */ s.jsx(U, { variant: "body2", className: "text-nowrap text-truncate", children: m.name }),
+            /* @__PURE__ */ s.jsx(U, { variant: "caption", className: "text-primary", children: /* @__PURE__ */ s.jsx(Xr, {}) })
+          ]
         },
-        onBlur: () => W(!1)
-      }), isInvalid: $, hidden: d, disabled: h, list: g, className: "w-100", step: x }),
-      y && /* @__PURE__ */ s.jsx("div", { className: "custom-picker-button", children: y })
+        g
+      ))
+    ] }, d.key.category);
+  }) }) });
+}, yc = "_input-group_1lkfy_1", bc = "_input-group-text_1lkfy_5", _c = "_left_1lkfy_9", jc = "_right_1lkfy_13", kc = "_input_1lkfy_1", Nc = "_submit-button_1lkfy_20", ve = {
+  "input-group": "_input-group_1lkfy_1",
+  inputGroup: yc,
+  "input-group-text": "_input-group-text_1lkfy_5",
+  inputGroupText: bc,
+  left: _c,
+  right: jc,
+  input: kc,
+  "submit-button": "_submit-button_1lkfy_20",
+  submitButton: Nc
+}, Cc = (t, e) => {
+  const n = fn(), [r, o] = P(!1), [a, i] = P([]), l = !t || !t.key, c = S(() => {
+    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 O(() => {
+    c();
+  }, [c]), { isLoading: r, searchItems: a };
+}, Ql = ({ searchTypes: t, navigateFunction: e, currentPath: n }) => {
+  var y;
+  const { appSearchTexts: r } = L(le), [o, a] = P(t.length > 0 ? ((y = t.at(0)) == null ? void 0 : y.key) ?? null : null), i = V(() => t.find((p) => p.key === o) ?? null, [t, o]), [l, c] = P(""), [u, d] = wr(l, 500), { isLoading: h, searchItems: m } = Cc(i, u), [g, x] = P(!1);
+  return O(() => {
+    (m.length > 0 || h) && x(!0);
+  }, [m, h]), O(() => {
+    c("");
+  }, [n]), /* @__PURE__ */ s.jsx(J, { onSubmit: (p) => {
+    p.preventDefault(), p.stopPropagation(), d.flush(), x(!1), l.length > 2 && e(`/search?query=${l}${i && i.key && `&type=${i == null ? void 0 : i.key}`}`);
+  }, children: /* @__PURE__ */ s.jsxs(ot, { className: ve.inputGroup, children: [
+    /* @__PURE__ */ s.jsx(ot.Text, { className: w("p-1 rounded", ve.inputGroupText, ve.left), children: /* @__PURE__ */ s.jsx(dc, { searchTypes: t, selectedType: i, setSelectedType: a }) }),
+    /* @__PURE__ */ s.jsx(J.Control, { placeholder: r.searchPlaceholder, type: "text", size: "sm", className: w("luminus-app-search-input", ve.input), value: l, onChange: (p) => {
+      var v;
+      return c(((v = p.target) == null ? void 0 : v.value) ?? "");
+    }, onFocus: () => m.length > 0 && x(!0) }),
+    /* @__PURE__ */ s.jsx(ot.Text, { className: w("p-0 rounded", ve.inputGroupText, ve.right), children: /* @__PURE__ */ s.jsx("button", { type: "submit", className: w("text-primary", ve.submitButton), children: /* @__PURE__ */ s.jsx(di, {}) }) }),
+    /* @__PURE__ */ s.jsx(vc, { query: u, searchTypes: t, show: g, onCancel: () => x(!1), groups: m, isLoading: h })
+  ] }) });
+}, $c = "_card_19733_1", Ic = "_header_19733_6", Sc = "_header-content_19733_13", Tc = "_title_19733_19", Ec = "_collapse-icon_19733_22", Dc = "_collapsed_19733_27", Oc = "_content_19733_30", ye = {
+  card: $c,
+  header: Ic,
+  "header-content": "_header-content_19733_13",
+  headerContent: Sc,
+  title: Tc,
+  "collapse-icon": "_collapse-icon_19733_22",
+  collapseIcon: Ec,
+  collapsed: Dc,
+  content: Oc
+}, Pc = ({ 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 O(() => {
+    u(l);
+  }, [l]), /* @__PURE__ */ s.jsxs("div", { className: w("luminus-card rounded shadow-sm", ye.card, {
+    [r ?? ""]: r
+  }), children: [
+    /* @__PURE__ */ s.jsxs("div", { role: i.collapsible ? "button" : void 0, className: w("header", ye.header, {
+      [o ?? ""]: o
+    }), onClick: () => {
+      i.collapsible && (i.controlled ? i.onToggle(!i.isOpen) : u(!c));
+    }, children: [
+      /* @__PURE__ */ s.jsxs("div", { className: w("header-content", ye.headerContent), children: [
+        /* @__PURE__ */ s.jsx(U, { variant: "h6", className: w("text-primary", ye.title), children: t }),
+        e ?? null
+      ] }),
+      i.collapsible && /* @__PURE__ */ s.jsx(hn, { className: w(ye.collapseIcon, {
+        [ye.collapsed]: d
+      }) })
     ] }),
-    l && _(n) && /* @__PURE__ */ s.jsx("div", { className: `luminus-input-remove-icon ${e !== "text" ? "inset" : ""}`, children: /* @__PURE__ */ s.jsx(z, { color: "secondary", size: "sm", onClick: I, children: /* @__PURE__ */ s.jsx(de, {}) }) }),
-    C && /* @__PURE__ */ s.jsx(we, { message: C.message })
+    /* @__PURE__ */ s.jsx(In, { in: d, children: /* @__PURE__ */ s.jsx("div", { className: w("card-content border-top border-primary", ye.content, {
+      [a ?? ""]: a
+    }), children: n }) })
   ] });
-}, zl = ({ InputContainer: t = ge, 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: g, dropdownItemsNameWidth: x, isLoading: y, withoutLabel: p, additionalColumns: v, CustomOnChangeComponent: j, displayIdAsName: f, onSelect: k, className: _ }) => {
-  const { formState: C, setValue: N, watch: T, control: E } = he(), [I, b] = P(void 0), [$, F] = P(!1), [W, ne] = P(!1), G = T(e) ?? null, M = G === (o == null ? void 0 : o.id) ? o == null ? void 0 : o.name : T(`${e}-DropdownName`), K = V(() => G == null ? null : { id: G ?? null, name: M ?? "" }, [G, M]), re = S(() => {
-    const Y = e.split(".");
-    let A = C.errors;
-    Y.forEach((X) => {
-      A !== void 0 && (A = A[X]);
-    }), b(A);
-  }, [C, e]), Q = S((Y) => {
-    if ((Y == null ? void 0 : Y.id) === G)
-      return;
-    if (k && k(Y), a && a.forEach((X) => N(X, null, { shouldDirty: !0, shouldValidate: W })), Y === null) {
-      N(e, null, {
-        shouldDirty: !0,
-        shouldValidate: W
-      }), N(`${e}-DropdownName`, null);
-      return;
+};
+var Ac = !!(typeof window < "u" && window.document && window.document.createElement), Mc = /* @__PURE__ */ function() {
+  function t(e, n) {
+    for (var r = 0; r < n.length; r++) {
+      var o = n[r];
+      o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, o.key, o);
     }
-    let A = null;
-    i ? A = (Y == null ? void 0 : Y.id) !== null && (Y == null ? void 0 : Y.id) !== "" ? parseInt(Y.id.toString(), 10) : null : A = Y.id === null || Y.id === void 0 || Y.id === "" ? null : Y.id, N(e, A, {
-      shouldDirty: !0,
-      shouldValidate: W
-    }), N(`${e}-DropdownName`, Y.name ?? "");
-  }, [N, e, W, i, a, G, k]), D = S((Y) => {
-    F(!1), Q(Y);
-  }, [Q]), Z = S(() => {
-    F(!1);
-  }, []);
+  }
+  return function(e, n, r) {
+    return n && t(e.prototype, n), r && t(e, r), e;
+  };
+}();
+function Fc(t, e) {
+  if (!(t instanceof e))
+    throw new TypeError("Cannot call a class as a function");
+}
+function Wc(t, e) {
+  if (!t)
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return e && (typeof e == "object" || typeof e == "function") ? e : t;
+}
+function Rc(t, e) {
+  if (typeof e != "function" && e !== null)
+    throw new TypeError("Super expression must either be null or a function, not " + typeof e);
+  t.prototype = Object.create(e && e.prototype, { constructor: { value: t, enumerable: !1, writable: !0, configurable: !0 } }), e && (Object.setPrototypeOf ? Object.setPrototypeOf(t, e) : t.__proto__ = e);
+}
+var xr = function(t) {
+  Rc(e, t);
+  function e() {
+    return Fc(this, e), Wc(this, (e.__proto__ || Object.getPrototypeOf(e)).apply(this, arguments));
+  }
+  return Mc(e, [{
+    key: "componentWillUnmount",
+    value: function() {
+      this.defaultNode && document.body.removeChild(this.defaultNode), this.defaultNode = null;
+    }
+  }, {
+    key: "render",
+    value: function() {
+      return Ac ? (!this.props.node && !this.defaultNode && (this.defaultNode = document.createElement("div"), document.body.appendChild(this.defaultNode)), Ge.createPortal(this.props.children, this.props.node || this.defaultNode)) : null;
+    }
+  }]), e;
+}(ee.Component);
+xr.propTypes = {
+  children: je.node.isRequired,
+  node: je.any
+};
+var Lc = /* @__PURE__ */ function() {
+  function t(e, n) {
+    for (var r = 0; r < n.length; r++) {
+      var o = n[r];
+      o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, o.key, o);
+    }
+  }
+  return function(e, n, r) {
+    return n && t(e.prototype, n), r && t(e, r), e;
+  };
+}();
+function Yc(t, e) {
+  if (!(t instanceof e))
+    throw new TypeError("Cannot call a class as a function");
+}
+function qc(t, e) {
+  if (!t)
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return e && (typeof e == "object" || typeof e == "function") ? e : t;
+}
+function Hc(t, e) {
+  if (typeof e != "function" && e !== null)
+    throw new TypeError("Super expression must either be null or a function, not " + typeof e);
+  t.prototype = Object.create(e && e.prototype, { constructor: { value: t, enumerable: !1, writable: !0, configurable: !0 } }), e && (Object.setPrototypeOf ? Object.setPrototypeOf(t, e) : t.__proto__ = e);
+}
+var vr = function(t) {
+  Hc(e, t);
+  function e() {
+    return Yc(this, e), qc(this, (e.__proto__ || Object.getPrototypeOf(e)).apply(this, arguments));
+  }
+  return Lc(e, [{
+    key: "componentDidMount",
+    value: function() {
+      this.renderPortal();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function(r) {
+      this.renderPortal();
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function() {
+      Ge.unmountComponentAtNode(this.defaultNode || this.props.node), this.defaultNode && document.body.removeChild(this.defaultNode), this.defaultNode = null, this.portal = null;
+    }
+  }, {
+    key: "renderPortal",
+    value: function(r) {
+      !this.props.node && !this.defaultNode && (this.defaultNode = document.createElement("div"), document.body.appendChild(this.defaultNode));
+      var o = this.props.children;
+      typeof this.props.children.type == "function" && (o = ee.cloneElement(this.props.children)), this.portal = Ge.unstable_renderSubtreeIntoContainer(this, o, this.props.node || this.defaultNode);
+    }
+  }, {
+    key: "render",
+    value: function() {
+      return null;
+    }
+  }]), e;
+}(ee.Component);
+vr.propTypes = {
+  children: je.node.isRequired,
+  node: je.any
+};
+var ft = void 0;
+Ge.createPortal ? ft = xr : ft = vr;
+const Bc = "_lightbox_14acg_1", Vc = "_show_14acg_16", Gc = "_header_14acg_20", Uc = "_photo-actions_14acg_26", zc = "_photo-container_14acg_31", Kc = "_photo_14acg_26", Qc = "_nav-button_14acg_41", Xc = "_photos-preview_14acg_49", Jc = "_selected_14acg_62", Zc = "_default-indicator_14acg_66", ae = {
+  lightbox: Bc,
+  show: Vc,
+  header: Gc,
+  "photo-actions": "_photo-actions_14acg_26",
+  photoActions: Uc,
+  "photo-container": "_photo-container_14acg_31",
+  photoContainer: zc,
+  photo: Kc,
+  "nav-button": "_nav-button_14acg_41",
+  navButton: Qc,
+  "photos-preview": "_photos-preview_14acg_49",
+  photosPreview: Xc,
+  selected: Jc,
+  "default-indicator": "_default-indicator_14acg_66",
+  defaultIndicator: Zc
+}, el = "_backdrop_3huvf_1", tl = "_show_3huvf_11", tn = {
+  backdrop: el,
+  show: tl
+}, yr = ({ show: t, onClick: e }) => /* @__PURE__ */ s.jsx("div", { className: w("luminus-backdrop", tn.backdrop, {
+  [tn.show]: t
+}), onClick: () => e && e() }), br = ({ src: t, alt: e, baseUrl: n, customToken: r, placeholder: o, ...a }) => /* @__PURE__ */ s.jsx("img", { ...a, alt: e ?? "", src: t ?? o }), nl = ({ show: t, onClose: e, photos: n, defaultIndex: r, uploadPhotosText: o, noPhotosText: a, onUploadPhotos: i, photoActions: l, baseUrl: c, customToken: u, placeholder: d, ImgComponent: h = br }) => {
+  const m = q(null), [g, x] = P(r), y = n.at(g), p = g > 0, v = g < n.length - 1;
   O(() => {
-    re();
-  }, [re]), O(() => {
-    C.isSubmitted && ne(!0);
-  }, [C]);
-  const se = q(null), Re = I !== void 0, Ne = m !== void 0, Se = Ne && K !== null;
-  return /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsxs(t, { label: `${n}${l ? " *" : ""}`, hidden: c, withoutLabel: p, isInvalid: Re, inputContainerClassName: w({ "luminus-dropdown-select-open": $ }), className: _, children: [
-    /* @__PURE__ */ s.jsxs(br, { currentSelection: K, selectedItemNavigateTo: m, children: [
-      f && (K == null ? void 0 : K.name) && /* @__PURE__ */ s.jsx(U, { variant: "caption", className: "d-flex justify-content-end mt-2 luminus-dropdown-selection-name", children: K.name }),
-      /* @__PURE__ */ s.jsx(vn, { control: E, name: e, render: () => /* @__PURE__ */ s.jsx(J.Select, { size: r, onMouseDown: (Y) => {
-        Y.currentTarget.focus(), Y.preventDefault();
-      }, onClick: () => {
-        !Ne && !u && F(!0);
-      }, ref: se, value: G ?? "", onChange: () => {
-      }, isInvalid: Re, hidden: c, className: w("w-100", {
-        "luminus-dropdown-picker-disabled": u,
-        "luminus-dropdown-picker-link": Se
-      }), children: /* @__PURE__ */ s.jsx("option", { value: G, children: f ? G : (M == null ? void 0 : M.length) > 0 ? M : G }) }) }),
-      j || !u && Ne ? /* @__PURE__ */ s.jsxs("div", { className: "custom-picker-button", children: [
-        !j && !u && Ne && /* @__PURE__ */ s.jsx(z, { size: "sm", color: "secondary", onClick: (Y) => {
-          Y.preventDefault(), Y.stopPropagation(), F(!0);
-        }, children: /* @__PURE__ */ s.jsx(mn, {}) }),
-        j ?? null
-      ] }) : null
-    ] }),
-    I && /* @__PURE__ */ s.jsx(we, { message: I.message }),
-    se.current && /* @__PURE__ */ s.jsx(Nt, { show: $, onCancel: Z, items: d, currentSelection: K, onSelectionChange: D, onSearchQueryChange: h, texts: g, itemsNameWidth: x, additionalColumns: v, displayIdAsName: f, isLoading: y, disabled: u, inputRef: se })
-  ] }) });
-}, Kl = ({ InputContainer: t = ge, 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: g, setValue: x, register: y, formState: p } = he(), [v, j] = P(!1), [f, k] = P(void 0), _ = S(() => {
-    x(n, "");
-  }, [x, n]), C = S(() => {
-    const T = n.split(".");
-    let E = p.errors;
-    T.forEach((I) => {
-      E !== void 0 && (E = E[I]);
-    }), k(E);
-  }, [p, n]);
-  O(C, [C]), O(() => {
-    p.isSubmitted && j(!0);
-  }, [p]);
-  const N = f !== void 0;
-  return /* @__PURE__ */ s.jsxs(t, { label: `${e}${o ? "*" : ""}`, hidden: r, withoutLabel: h, isInvalid: N, className: m, children: [
-    /* @__PURE__ */ s.jsx(wn, { type: "file", multiple: u, accept: d.join(", "), placeholder: a ?? e, isInvalid: N, hidden: r, disabled: i, className: "w-100", ...y(n, {
-      onChange: () => {
-        c && c.forEach((T) => x(T, null, { shouldDirty: !0, shouldValidate: v }));
-      }
-    }) }),
-    l && g(n) && /* @__PURE__ */ s.jsx("div", { className: "luminus-input-remove-icon", children: /* @__PURE__ */ s.jsx(z, { color: "secondary", size: "sm", onClick: _, children: /* @__PURE__ */ s.jsx(de, {}) }) }),
-    f && /* @__PURE__ */ s.jsx(we, { message: f.message })
+    t && x(r);
+  }, [r, t]), O(() => {
+    g >= n.length && x(n.length - 1);
+  }, [n, g]);
+  const j = S((f) => {
+    switch (f.key) {
+      case "ArrowLeft":
+        f.stopPropagation(), p && x((k) => k - 1);
+        break;
+      case "ArrowRight":
+        f.stopPropagation(), v && x((k) => k + 1);
+        break;
+      case "Escape":
+        f.stopPropagation(), e();
+        break;
+    }
+  }, [v, p, e]);
+  return bn(j), /* @__PURE__ */ s.jsxs(ft, { children: [
+    /* @__PURE__ */ s.jsx(yr, { show: t, onClick: e }),
+    /* @__PURE__ */ s.jsxs("div", { ref: m, className: w("luminus-lightbox rounded shadow", ae.lightbox, {
+      [ae.show]: t
+    }), children: [
+      /* @__PURE__ */ s.jsxs("div", { className: ae.header, children: [
+        /* @__PURE__ */ s.jsxs("div", { className: w("rounded", ae.photoActions), children: [
+          i && /* @__PURE__ */ s.jsx(hr, { accept: ".jpg,.jpeg,.png", onUpload: (f) => {
+            f.length > 0 && i(Array.from(f));
+          }, icon: /* @__PURE__ */ s.jsx(mn, { style: { fontSize: 18 } }), multiple: !0, className: "me-3", children: o ?? null }),
+          y && (l == null ? void 0 : l.map(({ label: f, onClick: k, ..._ }, C) => /* @__PURE__ */ s.jsx(
+            ht,
+            {
+              onClick: () => k(y.id),
+              ..._,
+              children: f
+            },
+            `action-${C}`
+          )))
+        ] }),
+        /* @__PURE__ */ s.jsx("div", { role: "button", onClick: e, children: /* @__PURE__ */ s.jsx(de, { 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(U, { variant: "body", children: a ?? "No photos available" }) }),
+      y && /* @__PURE__ */ s.jsxs("div", { className: ae.photoContainer, children: [
+        /* @__PURE__ */ s.jsx("div", { role: p ? "button" : void 0, className: w("align-items-start", ae.navButton), onClick: () => p && x((f) => f - 1), children: p && /* @__PURE__ */ s.jsx(gt, { style: { fontSize: "40px" } }) }),
+        /* @__PURE__ */ s.jsx(h, { src: y.lgSrc, alt: y.alt, className: w("rounded", ae.photo), baseUrl: c, customToken: u, placeholder: d }),
+        /* @__PURE__ */ s.jsx("div", { role: v ? "button" : void 0, className: w("align-items-end", ae.navButton), onClick: () => v && x((f) => f + 1), children: v && /* @__PURE__ */ s.jsx(wt, { style: { fontSize: "40px" } }) })
+      ] }),
+      /* @__PURE__ */ s.jsx("div", { className: ae.photosPreview, children: n.map((f, k) => /* @__PURE__ */ s.jsxs("div", { role: "button", onClick: () => x(k), className: "position-relative", children: [
+        /* @__PURE__ */ s.jsx(h, { role: k !== g ? "button" : void 0, src: f.smSrc, alt: f.alt, className: w("rounded", ae.photo, {
+          [ae.selected]: k === g
+        }), baseUrl: c, customToken: u, placeholder: d }, f.id),
+        f.isDefault && /* @__PURE__ */ s.jsx("div", { className: w("text-primary", ae.defaultIndicator), children: /* @__PURE__ */ s.jsx(Jr, {}) })
+      ] })) })
+    ] })
   ] });
-}, Ql = ({ children: t, onStorno: e, noSpacer: n }) => {
-  const { formState: r } = he(), [o, a] = P(!1);
+}, Xl = ({ photos: t, onUploadPhotos: e, uploadPhotosText: n, photoActions: r, baseUrl: o, customToken: a, placeholder: i, ImgComponent: l = br }) => {
+  const [c, u] = P(null), d = c !== null ? t[c] : null, [h, m] = P(!1);
   return O(() => {
-    a(Object.keys(r.dirtyFields).length > 0);
-  }, [r]), o ? /* @__PURE__ */ s.jsx(ei, { onStorno: e, noSpacer: n, children: t }) : null;
-}, Xl = ({ InputContainer: t = ge, 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: g }) => {
-  const { customSelectTexts: x } = L(le), { formState: y, setValue: p, watch: v, control: j } = he(), [f, k] = P(void 0), [_, C] = P(!1), [N, T] = P(!1), [E, I] = P(""), b = v(n), $ = V(() => e.find((D) => D.id === b) ?? null, [e, b]), F = S(() => {
-    const D = n.split(".");
-    let Z = y.errors;
-    D.forEach((se) => {
-      Z !== void 0 && (Z = Z[se]);
-    }), k(Z);
-  }, [y, n]), W = S((D) => {
-    if ((D == null ? void 0 : D.id) === b)
-      return;
-    if (a && a.forEach((se) => p(se, null, { shouldDirty: !0, shouldValidate: N })), D === null) {
-      p(n, null, {
-        shouldDirty: !0,
-        shouldValidate: N
-      });
+    if (t.length === 0) {
+      u(null), m(!1);
       return;
     }
-    let Z = null;
-    i ? Z = (D == null ? void 0 : D.id) !== null && (D == null ? void 0 : D.id) !== "" ? parseInt(D.id.toString(), 10) : null : Z = D.id === null || D.id === void 0 || D.id === "" ? null : D.id, p(n, Z, {
-      shouldDirty: !0,
-      shouldValidate: N
-    });
-  }, [p, n, i, a, b, N]), ne = S((D) => {
-    C(!1), W(D);
-  }, [W]), G = S((D) => {
-    I(D);
-  }, []);
-  O(() => {
-    F();
-  }, [F]), O(() => {
-    y.isSubmitted && T(!0);
-  }, [y]);
-  const M = S((D) => {
-    var Z;
-    return D === null ? "" : !D.name || D.name.length === 0 ? ((Z = D.id) == null ? void 0 : Z.toString()) ?? "" : m ? `${D.name} (${D.id})` : D.name;
-  }, [m]), K = V(() => e.map((D) => ({
-    id: D.id,
-    name: M(D)
-  })).filter((D) => mo(D.name, E)).sort((D, Z) => h ? 0 : (D.name ?? "").localeCompare(Z.name ?? "")), [e, h, E, M]), re = q(null), Q = f !== void 0;
-  return /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsxs(t, { label: `${r}${l ? " *" : ""}`, hidden: c, withoutLabel: d, isInvalid: Q, inputContainerClassName: w({ "luminus-dropdown-select-open": _ }), className: g, children: [
-    /* @__PURE__ */ s.jsx(vn, { control: j, name: n, render: () => /* @__PURE__ */ s.jsx(J.Select, { size: o, onMouseDown: (D) => {
-      D.currentTarget.focus(), D.preventDefault();
-    }, onClick: () => {
-      C(!0);
-    }, ref: re, value: b ?? "", onChange: () => {
-    }, isInvalid: Q, hidden: c, disabled: u, className: "w-100", children: /* @__PURE__ */ s.jsx("option", { value: ($ == null ? void 0 : $.id) ?? "", children: M($) }) }) }),
-    f && /* @__PURE__ */ s.jsx(we, { message: f.message }),
-    re.current && /* @__PURE__ */ s.jsx(Nt, { show: _, onCancel: () => C(!1), items: K, currentSelection: $ ?? null, onSelectionChange: ne, onSearchQueryChange: G, texts: x, disabled: u, inputRef: re, autoHideSearch: !0, allItemsLength: e.length })
-  ] }) });
-}, Jl = ({ InputContainer: t = ge, formField: e, label: n, placeholder: r, size: o, resetsFields: a, showClearIcon: i, clearValue: l, required: c, hidden: u, disabled: d, withoutLabel: h, step: m, stepperStep: g = 1, className: x }) => {
-  const { register: y, formState: p, setValue: v, watch: j } = he(), [f, k] = P(void 0), [_, C] = P(!1), N = S(() => {
-    const b = l ?? null;
-    v(e, b !== null ? Number(b) : null, {
-      shouldDirty: !0,
-      shouldValidate: _
-    });
-  }, [l, v, e, _]), T = S(() => {
-    const b = e.split(".");
-    let $ = p.errors;
-    b.forEach((F) => {
-      $ !== void 0 && ($ = $[F]);
-    }), k($);
-  }, [p, e]);
-  O(() => {
-    T();
-  }, [T]), O(() => {
-    p.isSubmitted && C(!0);
-  }, [p]);
-  const E = f !== void 0, I = j(e);
-  return /* @__PURE__ */ s.jsxs(t, { label: `${n}${c ? " *" : ""}`, hidden: u, withoutLabel: h, isInvalid: E, className: x, children: [
-    /* @__PURE__ */ s.jsxs("div", { className: "luminus-input-container position-relative w-100", children: [
-      /* @__PURE__ */ s.jsx(J.Control, { type: "number", placeholder: r ?? n, size: o, ...y(e, {
-        setValueAs: (b) => b == null || b === "" ? null : Number(b),
-        onChange: () => {
-          a && a.forEach((b) => v(b, null, { shouldDirty: !0, shouldValidate: _ }));
-        }
-      }), isInvalid: E, hidden: u, disabled: d, className: "w-100 luminus-numeric-stepper", step: m }),
-      /* @__PURE__ */ s.jsx("div", { className: "stepper-icon left", children: !d && /* @__PURE__ */ s.jsx(z, { size: "sm", onClick: (b) => {
-        b.preventDefault(), b.stopPropagation(), v(e, ((I ? Number(I) : 0) - g).toString(), { shouldDirty: !0, shouldValidate: _ });
-      }, children: /* @__PURE__ */ s.jsx(mr, {}) }) }),
-      /* @__PURE__ */ s.jsx("div", { className: "stepper-icon right", children: !d && /* @__PURE__ */ s.jsx(z, { size: "sm", onClick: (b) => {
-        b.preventDefault(), b.stopPropagation(), v(e, ((I ? Number(I) : 0) + g).toString(), { shouldDirty: !0, shouldValidate: _ });
-      }, children: /* @__PURE__ */ s.jsx(pr, {}) }) })
+    const g = t.findIndex((x) => x.isDefault);
+    u(g > -1 ? g : 0);
+  }, [t]), d ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    /* @__PURE__ */ s.jsx(l, { role: "button", src: d.smSrc, alt: d.alt, className: "rounded w-100", onClick: () => m(!0), baseUrl: o, customToken: a, placeholder: i }),
+    /* @__PURE__ */ s.jsx(nl, { show: h, onClose: () => m(!1), photos: t, defaultIndex: c ?? 0, uploadPhotosText: n, onUploadPhotos: e, photoActions: r, baseUrl: o, customToken: a, placeholder: i, ImgComponent: l })
+  ] }) : e ? /* @__PURE__ */ s.jsx(hr, { accept: ".jpg,.jpeg,.png", onUpload: (g) => {
+    g.length > 0 && e(Array.from(g));
+  }, icon: /* @__PURE__ */ s.jsx(mn, { style: { fontSize: 18 } }), multiple: !0, children: n ?? null }) : null;
+}, Jl = ({ appAccessPermissions: t, children: e }) => {
+  const { NavigateComponent: n } = L(le), { useMsal: r, msalScopes: o } = L(Zr), { isAuthenticated: a } = eo(), { userLoginState: i } = L(to), l = i.state === no.LOGGING_IN, c = i.user && (t == null ? void 0 : t.every((u) => {
+    var d, h;
+    return (h = (d = i.user) == null ? void 0 : d.permissions) == null ? void 0 : h.includes(u);
+  }));
+  return r ? /* @__PURE__ */ s.jsx(Za, { interactionType: Ve.Redirect, authenticationRequest: { scopes: o }, children: l || !a() ? /* @__PURE__ */ s.jsx(At, {}) : i.user ? 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 }) }) : l ? /* @__PURE__ */ s.jsx(At, {}) : !a() || !i.user ? /* @__PURE__ */ s.jsx(n, { to: "/login", replace: !0 }) : c ? e : /* @__PURE__ */ s.jsx(n, { to: "/user-not-permitted", replace: !0 });
+}, Zl = (t) => {
+  const { variant: e, children: n, className: r, size: o = "md", typographyVariant: a = o === "sm" ? "body2" : "body", ...i } = { ...t };
+  return /* @__PURE__ */ s.jsx(Ms, { 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(U, { variant: a, children: n }) });
+}, eu = ({ 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(U, { variant: "caption", className: "w-100 text-end", children: [
+  "verze ",
+  t
+] }) }), rl = "_submit-container_a9slg_1", ol = "_spacer_a9slg_14", nn = {
+  "submit-container": "_submit-container_a9slg_1",
+  submitContainer: rl,
+  spacer: ol
+}, sl = ({ children: t, noSpacer: e = !1 }) => /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+  !e && /* @__PURE__ */ s.jsx("div", { className: nn.spacer }),
+  /* @__PURE__ */ s.jsx("div", { className: w("luminus-floating-action-container shadow", nn.submitContainer), children: t })
+] }), al = "_timeline_g1754_1", il = "_step-container_g1754_1", cl = "_step-date_g1754_1", ll = "_step-content_g1754_4", ul = "_content-header_g1754_8", dl = "_content-text_g1754_11", hl = "_step-icon_g1754_14", be = {
+  timeline: al,
+  "step-container": "_step-container_g1754_1",
+  stepContainer: il,
+  "step-date": "_step-date_g1754_1",
+  stepDate: cl,
+  "step-content": "_step-content_g1754_4",
+  stepContent: ll,
+  "content-header": "_content-header_g1754_8",
+  contentHeader: ul,
+  "content-text": "_content-text_g1754_11",
+  contentText: dl,
+  "step-icon": "_step-icon_g1754_14",
+  stepIcon: hl
+}, tu = ({ steps: t }) => /* @__PURE__ */ s.jsx("div", { className: be.timeline, children: t.sort((e, n) => yo(e.date ?? /* @__PURE__ */ new Date(), n.date ?? /* @__PURE__ */ new Date())).map((e, n) => /* @__PURE__ */ s.jsxs("div", { className: w("row g-0 gx-3", be.stepContainer), children: [
+  /* @__PURE__ */ s.jsx("div", { className: "col-3", children: e.date && /* @__PURE__ */ s.jsxs(U, { variant: "caption", className: w("h-100 d-flex flex-column align-items-end justify-content-center gap-0", be.stepDate), children: [
+    /* @__PURE__ */ s.jsx("div", { children: ct(e.date, "dd.MM.yyyy") }),
+    /* @__PURE__ */ s.jsx("div", { children: ct(e.date, "HH:mm") })
+  ] }) }),
+  /* @__PURE__ */ s.jsx("div", { className: "col-9", children: /* @__PURE__ */ s.jsxs("div", { className: w("h-100 d-flex flex-column gap-1 border-start border-2 p-3", be.stepContent), children: [
+    /* @__PURE__ */ s.jsxs("div", { className: w("d-flex gap-2 align-items-center", be.contentHeader), children: [
+      e.person && /* @__PURE__ */ s.jsx(un, { name: e.person.name ?? "", size: 22, fontSize: 12 }),
+      typeof e.title == "string" ? /* @__PURE__ */ s.jsx(U, { variant: "body", className: "fw-bold", children: e.title }) : e.title
     ] }),
-    i && j(e) && /* @__PURE__ */ s.jsx("div", { className: "luminus-input-remove-icon", children: /* @__PURE__ */ s.jsx(z, { color: "secondary", size: "sm", onClick: N, children: /* @__PURE__ */ s.jsx(de, {}) }) }),
-    f && /* @__PURE__ */ s.jsx(we, { message: f.message })
-  ] });
-}, Zl = ({ cell: { value: t } }) => /* @__PURE__ */ s.jsx(s.Fragment, { children: t ? /* @__PURE__ */ s.jsx(fn, { name: t, size: 21, fontSize: 12 }) : /* @__PURE__ */ s.jsx(s.Fragment, {}) }), ll = "_tab-panel_d8l8q_1", ul = "_full-height-no-overflow_d8l8q_5", dl = "_disabled_d8l8q_12", it = {
-  "tab-panel": "_tab-panel_d8l8q_1",
-  tabPanel: ll,
-  "full-height-no-overflow": "_full-height-no-overflow_d8l8q_5",
-  fullHeightNoOverflow: ul,
-  disabled: dl
-}, eu = ({ eventKey: t, activeTab: e, fullHeightNoOverflow: n, disabled: r, className: o, children: a }) => t !== e ? null : /* @__PURE__ */ s.jsx("div", { className: w("luminus-tab-panel", it.tabPanel, { [it.fullHeightNoOverflow]: n }, { disabled: r }, { [it.disabled]: r }, o), children: a }), tu = ({ 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__ */ io(o, { ...a, key: a.eventKey, className: w({ active: t === i }, c), onClick: () => {
-    e(i), u && u(i);
-  } }, l);
-}) }), hl = "_tab_1hdhk_1", fl = "_disabled_1hdhk_8", nn = {
-  tab: hl,
-  disabled: fl
-}, nu = ({ eventKey: t, className: e, onClick: n, disabled: r, children: o }) => /* @__PURE__ */ s.jsx("div", { role: "button", className: w("luminus-tab text-primary rounded", nn.tab, e, {
-  disabled: r
-}, { [nn.disabled]: r }), onClick: () => n && !r && n(t), children: typeof o == "string" ? /* @__PURE__ */ s.jsx(U, { variant: "h6", className: "text-primary", children: o }) : o });
+    e.text && /* @__PURE__ */ s.jsx(U, { variant: "body2", className: be.contentText, children: e.text }),
+    /* @__PURE__ */ s.jsx("div", { className: w("text-primary", be.stepIcon), children: e.icon ?? /* @__PURE__ */ s.jsx(ro, {}) })
+  ] }) })
+] }, n)) }), fl = (t, e, n, r = !0) => {
+  const o = fn({ silent: r, differentBaseUrl: e, customToken: n }), [a, i] = P(!1), [l, c] = P(null), u = S(async (d) => {
+    i(!0), c(null), o.get(t, {
+      signal: d,
+      responseType: "blob"
+    }).then((h) => {
+      i(!1), c(h.data);
+    }).catch(() => {
+      i(!1), c(null);
+    });
+  }, [o, t]);
+  return O(() => {
+    const d = new AbortController();
+    return u(d.signal), () => {
+      d.abort();
+    };
+  }, [u]), { data: l, setData: c, reloadData: u, isLoading: a };
+}, nu = ({ src: t, alt: e, baseUrl: n, customToken: r, placeholder: o, ...a }) => {
+  const { data: i } = fl(t, n, r), [l, c] = P(null);
+  return O(() => {
+    let u = null;
+    return i !== null ? (u = URL.createObjectURL(i), c(u)) : c(null), () => {
+      u !== null && URL.revokeObjectURL(u);
+    };
+  }, [i]), l === null && !o ? null : /* @__PURE__ */ s.jsx("img", { ...a, alt: e ?? "", src: l ?? o });
+};
 export {
-  Ol as Alert,
+  Zl as Alert,
   _l as ApiFileDownloadButton,
-  Tl as AppSearch,
-  Dl as AuthTemplate,
-  fn as AvatarIcon,
-  vr as Backdrop,
-  Cl as Badge,
-  Sc as Card,
-  Wl as CheckInput,
-  $l as Collapse,
+  Ql as AppSearch,
+  Jl as AuthTemplate,
+  un as AvatarIcon,
+  yr as Backdrop,
+  zl as Badge,
+  Pc as Card,
+  Cl as CheckInput,
+  Kl as Collapse,
   ht as ContextButton,
-  sc as Dropdown,
-  Sl as DropdownDivider,
-  Zi as DropdownItem,
-  Yl as DropdownPicker,
-  ec as DropdownToggle,
-  ji as ErrorBoundary,
+  vi as Dropdown,
+  ql as DropdownDivider,
+  fi as DropdownItem,
+  Sl as DropdownPicker,
+  mi as DropdownToggle,
+  Fi as ErrorBoundary,
   hr as FileUploadContextButton,
-  Il as FileUploadDropdownItem,
-  el as FloatingActionContainer,
+  Yl as FileUploadDropdownItem,
+  sl as FloatingActionContainer,
   ei as FloatingFormSubmit,
   Ie as FloatingLabelInput,
-  Nl as HomeDashboard,
-  Bl as HookFormCheckInput,
-  zl as HookFormDropdownPicker,
-  Kl as HookFormFileInput,
-  Ql as HookFormFloatingSubmit,
-  Jl as HookFormNumericStepperInput,
-  Vl as HookFormRadioInput,
-  Xl as HookFormSelectInput,
-  Gl as HookFormTextAreaInput,
-  Ul as HookFormTextInput,
-  Fl as HtmlTooltip,
+  Ul as HomeDashboard,
+  Dl as HookFormCheckInput,
+  Ml as HookFormDropdownPicker,
+  Fl as HookFormFileInput,
+  Wl as HookFormFloatingSubmit,
+  Ll as HookFormNumericStepperInput,
+  Ol as HookFormRadioInput,
+  Rl as HookFormSelectInput,
+  Pl as HookFormTextAreaInput,
+  Al as HookFormTextInput,
+  Nl as HtmlTooltip,
   z as IconButton,
-  Ml as ImgApi,
-  yr as ImgDirect,
+  nu as ImgApi,
+  br as ImgDirect,
   we as InvalidFeedback,
   At as Loading,
   po as LoadingBlock,
   jl as MonthPicker,
   su as NoInputContainer,
-  Hl as NumericStepperInput,
-  El as PhotoLibrary,
-  Xc as PhotoLightbox,
+  El as NumericStepperInput,
+  Xl as PhotoLibrary,
+  nl as PhotoLightbox,
   Pt as PrimaryButton,
   ge as RowLabelInput,
-  Ll as SelectInput,
+  Il as SelectInput,
   Nt as SimplePicker,
-  Kr as SimpleToggle,
+  Qr as SimpleToggle,
   cu as SimpleTooltip,
-  nu as Tab,
-  eu as TabPanel,
-  tu as Tabs,
-  ql as TextAreaInput,
-  Rl as TextInput,
-  Al as Timeline,
+  Gl as Tab,
+  Bl as TabPanel,
+  Vl as Tabs,
+  Tl as TextAreaInput,
+  $l as TextInput,
+  tu as Timeline,
   U as Typography,
   au as UserAvatarToggle,
-  Zl as UserAvatarValueFormat,
-  Pl as VersionInfo,
-  Qt as WidgetCard,
+  Hl as UserAvatarValueFormat,
+  eu as VersionInfo,
+  Xt as WidgetCard,
   kl as YearPicker
 };