@krosoft/react 0.0.224 → 0.0.225

package/dist/{AppActions-BSJrimRT.js → AppActions-QHJ6CP5w.js}

@@ -5,7 +5,7 @@ import "@radix-ui/react-aspect-ratio";
 import { B as p } from "./tooltip-DVeqVwqV.js";
 import "./chart-DntJZGxB.js";
 import "@radix-ui/react-collapsible";
-import "./sheet-C_39QrG0.js";
+import "./sheet-tuC_C3M3.js";
 import { MoreVerticalIcon as h } from "lucide-react";
 import "react-resizable-panels";
 import { c as i } from "./tailwind.helper-B6yFEsav.js";

package/dist/{AppSubTitle-Equl_f9z.js → AppSubTitle-BlwAxtMX.js}

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { useTranslation as l } from "react-i18next";
-import { A as m } from "./AppActions-BSJrimRT.js";
+import { A as m } from "./AppActions-QHJ6CP5w.js";
 function f({ titleKey: s, actions: t, className: o }) {
   const { t: r } = l();
   return /* @__PURE__ */ i("div", { className: "flex flex-col sm:flex-row sm:items-center justify-between gap-4", children: [

package/dist/{AppVerticalTabs-BFq6RKPC.js → AppVerticalTabs-C6MH4a0M.js}

@@ -1,6 +1,6 @@
-import { jsxs as r, jsx as a } from "react/jsx-runtime";
+import { jsxs as n, jsx as a } from "react/jsx-runtime";
 import { C as w, d as S, a as T } from "./chart-DntJZGxB.js";
-import { A as b } from "./AppActions-BSJrimRT.js";
+import { A as b } from "./AppActions-QHJ6CP5w.js";
 import { A as C } from "./AppTitle-D15YXeMx.js";
 import { bi as A, bk as P, bl as k, bj as j, b5 as z } from "./toggle-group-DLLrEwv2.js";
 import { useRef as K, useEffect as V } from "react";
@@ -9,34 +9,35 @@ import { useSearchParams as y } from "react-router-dom";
 import { c as R } from "./tailwind.helper-B6yFEsav.js";
 import { S as q, h as I, i as L, a as H, c as U } from "./select-BpjFWqAY.js";
 import { ConstructionIcon as v } from "lucide-react";
-import { u as D } from "./useKrosoftTranslation-C6AC_uCA.js";
+import "date-fns/locale";
+import { u as D } from "./useKrosoftTranslation-DtdbUewZ.js";
 function E({ titleKey: s, descriptionKey: t, actions: c = [], className: l }) {
-  return /* @__PURE__ */ r("div", { className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between", children: [
+  return /* @__PURE__ */ n("div", { className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between", children: [
     /* @__PURE__ */ a(C, { titleKey: s, descriptionKey: t, isSubTitle: !0 }),
     /* @__PURE__ */ a(b, { actions: c, className: l })
   ] });
 }
-function _({ titleKey: s, descriptionKey: t, actions: c = [], className: l, children: o, isSubTitle: p }) {
-  return /* @__PURE__ */ r(w, { children: [
+function ee({ titleKey: s, descriptionKey: t, actions: c = [], className: l, children: o, isSubTitle: p }) {
+  return /* @__PURE__ */ n(w, { children: [
     /* @__PURE__ */ a(S, { children: /* @__PURE__ */ a(E, { titleKey: s, descriptionKey: t, actions: c, className: l }) }),
     /* @__PURE__ */ a(T, { className: "space-y-4", children: o })
   ] });
 }
-function ee({ tabs: s, itemId: t, item: c, fit: l }) {
+function ae({ tabs: s, itemId: t, item: c, fit: l }) {
   var d, u;
   const { t: o } = g(), [p, f] = y(), i = p.get("tab"), m = ((d = s.find((e) => e.value === i)) == null ? void 0 : d.value) ?? ((u = s[0]) == null ? void 0 : u.value), x = (e) => {
-    const n = new URLSearchParams();
-    n.set("tab", e), f(n);
+    const r = new URLSearchParams();
+    r.set("tab", e), f(r);
   }, h = K(null);
   return V(() => {
-    var n, N;
-    const e = (n = h.current) == null ? void 0 : n.querySelector('[data-state="active"]');
+    var r, N;
+    const e = (r = h.current) == null ? void 0 : r.querySelector('[data-state="active"]');
     (N = e == null ? void 0 : e.scrollIntoView) == null || N.call(e, { behavior: "smooth", block: "nearest", inline: "nearest" });
-  }, [m]), /* @__PURE__ */ r(A, { value: m, onValueChange: x, children: [
-    /* @__PURE__ */ a(P, { ref: h, className: R("w-full justify-start", l && "sm:w-fit"), children: s.map((e) => /* @__PURE__ */ r(k, { value: e.value, className: "gap-2", disabled: e.disabled, children: [
+  }, [m]), /* @__PURE__ */ n(A, { value: m, onValueChange: x, children: [
+    /* @__PURE__ */ a(P, { ref: h, className: R("w-full justify-start", l && "sm:w-fit"), children: s.map((e) => /* @__PURE__ */ n(k, { value: e.value, className: "gap-2", disabled: e.disabled, children: [
       e.icon ? /* @__PURE__ */ a("span", { className: "hidden sm:inline", children: /* @__PURE__ */ a(e.icon, { className: "size-4" }) }) : null,
       /* @__PURE__ */ a("span", { className: "text-xs sm:text-sm", children: o(e.titleKey) ?? "" }),
-      e.count ? /* @__PURE__ */ r("span", { className: "text-gray-500 text-xs", children: [
+      e.count ? /* @__PURE__ */ n("span", { className: "text-gray-500 text-xs", children: [
         "(",
         e.count(c),
         ")"
@@ -45,21 +46,21 @@ function ee({ tabs: s, itemId: t, item: c, fit: l }) {
     s.map((e) => /* @__PURE__ */ a(j, { value: e.value, className: "mt-4", children: e.component ? e.component(t) : null }, e.value))
   ] });
 }
-const ae = ({ tabs: s, item: t }) => {
+const se = ({ tabs: s, item: t }) => {
   var d, u;
   const { t: c } = g(), { t: l } = D(), [o, p] = y(), f = o.get("tab"), i = ((d = s.find((e) => e.value === f)) == null ? void 0 : d.value) ?? ((u = s[0]) == null ? void 0 : u.value), m = (e) => {
-    const n = new URLSearchParams();
-    n.set("tab", e), p(n);
+    const r = new URLSearchParams();
+    r.set("tab", e), p(r);
   }, x = () => {
-    const e = s.find((n) => n.value === i);
+    const e = s.find((r) => r.value === i);
     return e ? e.component ? e.component() : h() : null;
-  }, h = () => /* @__PURE__ */ a("div", { className: "p-4 lg:p-6", children: /* @__PURE__ */ a("div", { className: "flex items-center justify-center h-64 text-gray-500", children: /* @__PURE__ */ r("div", { className: "text-center", children: [
+  }, h = () => /* @__PURE__ */ a("div", { className: "p-4 lg:p-6", children: /* @__PURE__ */ a("div", { className: "flex items-center justify-center h-64 text-gray-500", children: /* @__PURE__ */ n("div", { className: "text-center", children: [
     /* @__PURE__ */ a(v, { className: "h-12 w-12 mx-auto mb-4 text-amber-500" }),
     /* @__PURE__ */ a("p", { className: "text-lg font-medium", children: l("states.underConstruction") }),
     /* @__PURE__ */ a("p", { className: "text-sm text-gray-400", children: l("states.comingSoon") })
   ] }) }) });
-  return /* @__PURE__ */ r("div", { className: "flex flex-col md:flex-row h-full min-w-0  ", children: [
-    /* @__PURE__ */ a("div", { className: "w-64 lg:w-80 flex-shrink-0 hidden md:block border-r border-gray-200 dark:border-gray-700 pr-4", children: /* @__PURE__ */ a(z, { className: "h-full", children: /* @__PURE__ */ a("div", { className: "space-y-1", children: s.map((e, n) => /* @__PURE__ */ r(
+  return /* @__PURE__ */ n("div", { className: "flex flex-col md:flex-row h-full min-w-0  ", children: [
+    /* @__PURE__ */ a("div", { className: "w-64 lg:w-80 flex-shrink-0 hidden md:block border-r border-gray-200 dark:border-gray-700 pr-4", children: /* @__PURE__ */ a(z, { className: "h-full", children: /* @__PURE__ */ a("div", { className: "space-y-1", children: s.map((e, r) => /* @__PURE__ */ n(
       "div",
       {
         className: `px-2 py-2 rounded-control text-sm transition-colors flex items-center gap-2 ${e.disabled ? "text-gray-400 cursor-not-allowed opacity-50" : i === e.value ? "crm-color-styled font-medium cursor-pointer" : "text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700 cursor-pointer"}`,
@@ -67,7 +68,7 @@ const ae = ({ tabs: s, item: t }) => {
         children: [
           e.icon && /* @__PURE__ */ a(e.icon, { className: "size-4" }),
           /* @__PURE__ */ a("span", { className: "flex-1", children: c(e.titleKey) }),
-          e.count && /* @__PURE__ */ r("span", { className: "text-xs text-gray-500", children: [
+          e.count && /* @__PURE__ */ n("span", { className: "text-xs text-gray-500", children: [
             "(",
             e.count(t),
             ")"
@@ -75,27 +76,27 @@ const ae = ({ tabs: s, item: t }) => {
           !e.component && /* @__PURE__ */ a(v, { className: "size-4 text-amber-500" })
         ]
       },
-      n
+      r
     )) }) }) }),
-    /* @__PURE__ */ a("div", { className: "md:hidden w-full border-b pb-4 mb-4", children: /* @__PURE__ */ r(q, { value: i, onValueChange: m, children: [
+    /* @__PURE__ */ a("div", { className: "md:hidden w-full border-b pb-4 mb-4", children: /* @__PURE__ */ n(q, { value: i, onValueChange: m, children: [
       /* @__PURE__ */ a(I, { className: "w-full", children: /* @__PURE__ */ a(L, { placeholder: l("select.section") }) }),
-      /* @__PURE__ */ a(H, { children: s.map((e, n) => /* @__PURE__ */ a(U, { value: e.value, disabled: e.disabled, children: /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ a(H, { children: s.map((e, r) => /* @__PURE__ */ a(U, { value: e.value, disabled: e.disabled, children: /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
         e.icon && /* @__PURE__ */ a(e.icon, { className: "size-4" }),
         /* @__PURE__ */ a("span", { children: c(e.titleKey) }),
-        e.count && /* @__PURE__ */ r("span", { className: "text-xs text-gray-500", children: [
+        e.count && /* @__PURE__ */ n("span", { className: "text-xs text-gray-500", children: [
           "(",
           e.count(t),
           ")"
         ] }),
         !e.component && /* @__PURE__ */ a(v, { className: "size-4 text-amber-500" })
-      ] }) }, n)) })
+      ] }) }, r)) })
     ] }) }),
     /* @__PURE__ */ a("div", { className: "flex-1 md:px-4 min-w-0 overflow-auto", children: x() })
   ] });
 };
 export {
-  _ as A,
+  ee as A,
   E as a,
-  ee as b,
-  ae as c
+  ae as b,
+  se as c
 };

package/dist/{ConfirmationDialog-DN6GePo-.js → ConfirmationDialog-CK65nSle.js}

@@ -1,12 +1,14 @@
 import { jsx as e, jsxs as r, Fragment as M } from "react/jsx-runtime";
-import { u as R } from "./useKrosoftTranslation-C6AC_uCA.js";
+import "date-fns/locale";
+import { useTranslation as O } from "react-i18next";
+import { u as R } from "./useKrosoftTranslation-DtdbUewZ.js";
 import { P as W, d as X, g as $, j, k as q, h as T, i as J, f as Q } from "./toggle-group-DLLrEwv2.js";
 import { A as U, a as V } from "./alert-B9F1N9Qk.js";
 import "@radix-ui/react-aspect-ratio";
 import { B as v } from "./tooltip-DVeqVwqV.js";
 import "./chart-DntJZGxB.js";
 import "@radix-ui/react-collapsible";
-import { D as Y, b as Z, e as _, h as L, c as ee } from "./sheet-C_39QrG0.js";
+import { D as Y, b as Z, e as _, h as L, c as ee } from "./sheet-tuC_C3M3.js";
 import { AlertCircleIcon as le, X as S, Save as I, Pen as K } from "lucide-react";
 import "react-resizable-panels";
 import "clsx";
@@ -15,9 +17,8 @@ import "./select-BpjFWqAY.js";
 import "next-themes";
 import "sonner";
 import { useState as A, useEffect as ie } from "react";
-import { useTranslation as O } from "react-i18next";
-import { G as re } from "./GenericForm-BKePZqqI.js";
-import { E as se } from "./ErrorAlert-BKC2JjNf.js";
+import { G as re } from "./GenericForm-B7L7NkrE.js";
+import { E as se } from "./ErrorAlert-BIQ2Te6B.js";
 function te({ open: t, onOpenChange: d, config: l, isLoading: u, error: s, children: p }) {
   const { t: i } = O(), { title: b, description: c, icon: f, maxWidth: g = "sm:max-w-xl", actions: n } = l;
   return /* @__PURE__ */ e(Y, { open: t, onOpenChange: d, children: /* @__PURE__ */ r(Z, { className: `${g} max-h-[100dvh] sm:max-h-[90vh] border-0 shadow-2xl p-0 flex flex-col overflow-hidden`, children: [
@@ -40,7 +41,7 @@ function te({ open: t, onOpenChange: d, config: l, isLoading: u, error: s, child
     ] }, k)) }) }) : null
   ] }) });
 }
-function Ae({
+function ze({
   open: t,
   onOpenChange: d,
   data: l,
@@ -147,7 +148,7 @@ function Ae({
     }
   );
 }
-function ze({ isLoading: t, error: d, config: l, destructive: u = !1 }) {
+function Ee({ isLoading: t, error: d, config: l, destructive: u = !1 }) {
   const { t: s } = O();
   if (!l) return null;
   const p = (i) => {
@@ -182,6 +183,6 @@ function ze({ isLoading: t, error: d, config: l, destructive: u = !1 }) {
 }
 export {
   te as A,
-  ze as C,
-  Ae as F
+  Ee as C,
+  ze as F
 };

package/dist/{DataTable-NyRTdROD.js → DataTable-DSrsTb_t.js}

@@ -1,13 +1,15 @@
 import { jsxs as n, jsx as e, Fragment as le } from "react/jsx-runtime";
 import { u as de } from "./useDataTable-CxcA5S-s.js";
-import { u as B } from "./useKrosoftTranslation-C6AC_uCA.js";
+import "date-fns/locale";
+import "react-i18next";
+import { u as B } from "./useKrosoftTranslation-DtdbUewZ.js";
 import { a3 as L, ah as V, a5 as O, a7 as ce, E as H, a4 as oe } from "./toggle-group-DLLrEwv2.js";
 import "./alert-B9F1N9Qk.js";
 import "@radix-ui/react-aspect-ratio";
 import { B as b } from "./tooltip-DVeqVwqV.js";
 import "./chart-DntJZGxB.js";
 import "@radix-ui/react-collapsible";
-import "./sheet-C_39QrG0.js";
+import "./sheet-tuC_C3M3.js";
 import { MoreVerticalIcon as he, Loader2Icon as me, AlertTriangleIcon as ge, GripVerticalIcon as ue, ArrowUpIcon as fe, ArrowDownIcon as pe, ArrowUpDownIcon as xe, ChevronLeftIcon as ve, ChevronRightIcon as ye, SettingsIcon as be } from "lucide-react";
 import "react-resizable-panels";
 import "clsx";
@@ -397,7 +399,7 @@ function $e({ columns: l, visibleColumns: a, toggleColumnVisibility: s }) {
     )) })
   ] });
 }
-function Ye({
+function er({
   data: l,
   columns: a,
   getRowId: s,
@@ -541,7 +543,7 @@ function Ye({
   );
 }
 export {
-  Ye as D,
+  er as D,
   De as T,
   Ie as a,
   je as b,

package/dist/{ErrorAlert-BKC2JjNf.js → ErrorAlert-BIQ2Te6B.js}

@@ -1,8 +1,10 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { u as a } from "./useKrosoftTranslation-C6AC_uCA.js";
+import "date-fns/locale";
+import "react-i18next";
+import { u as a } from "./useKrosoftTranslation-DtdbUewZ.js";
 import { A as n, a as c } from "./alert-B9F1N9Qk.js";
 import { AlertTriangle as o } from "lucide-react";
-const h = ({ error: s }) => {
+const x = ({ error: s }) => {
   const { t: i } = a();
   return s ? /* @__PURE__ */ r(n, { variant: "destructive", children: [
     /* @__PURE__ */ e(o, { className: "size-4" }),
@@ -17,5 +19,5 @@ const h = ({ error: s }) => {
   ] }) : null;
 };
 export {
-  h as E
+  x as E
 };

package/dist/{ErrorState-C8pd098n.js → ErrorState-ZtWe5C0s.js}

@@ -1,12 +1,14 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { u as o } from "./useKrosoftTranslation-C6AC_uCA.js";
-const d = ({ message: r }) => {
-  const { t: e } = o();
-  return /* @__PURE__ */ s("div", { className: "p-6 border border-destructive bg-destructive/10 text-destructive rounded-surface animate-fade-in", children: [
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import "date-fns/locale";
+import "react-i18next";
+import { u as s } from "./useKrosoftTranslation-DtdbUewZ.js";
+const n = ({ message: r }) => {
+  const { t: e } = s();
+  return /* @__PURE__ */ o("div", { className: "p-6 border border-destructive bg-destructive/10 text-destructive rounded-surface animate-fade-in", children: [
     /* @__PURE__ */ t("p", { className: "font-semibold mb-2", children: e("states.error") }),
     r !== void 0 && r !== "" ? /* @__PURE__ */ t("p", { className: "text-sm opacity-80", children: r }) : null
   ] });
 };
 export {
-  d as E
+  n as E
 };

package/dist/{GenericForm-BKePZqqI.js → GenericForm-B7L7NkrE.js}

@@ -1,28 +1,29 @@
 import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import { u as q } from "./useKrosoftTranslation-C6AC_uCA.js";
-import { I as D } from "./ImageInput-BkmK7odp.js";
-import { A as V } from "./AppSubTitle-Equl_f9z.js";
-import { M as J } from "./MultiSelect-D0WF96y6.js";
-import { ai as L, al as Q, am as X, an as Y, aj as j, ao as $, bm as F, E as ee } from "./toggle-group-DLLrEwv2.js";
+import "date-fns/locale";
+import { useTranslation as q } from "react-i18next";
+import { u as D } from "./useKrosoftTranslation-DtdbUewZ.js";
+import { I as J } from "./ImageInput-CBDkCEho.js";
+import { A as V } from "./AppSubTitle-BlwAxtMX.js";
+import { M as L } from "./MultiSelect-DWNOCqe1.js";
+import { ai as Q, al as X, am as Y, an as $, aj as j, ao as F, bm as ee, E as te } from "./toggle-group-DLLrEwv2.js";
 import "./alert-B9F1N9Qk.js";
 import "@radix-ui/react-aspect-ratio";
 import { B as P } from "./tooltip-DVeqVwqV.js";
-import { C as te, d as ae, a as re } from "./chart-DntJZGxB.js";
+import { C as ae, d as re, a as se } from "./chart-DntJZGxB.js";
 import "@radix-ui/react-collapsible";
-import { I as C } from "./sheet-C_39QrG0.js";
+import { I as C } from "./sheet-tuC_C3M3.js";
 import "lucide-react";
 import "react-resizable-panels";
 import { c as i } from "./tailwind.helper-B6yFEsav.js";
-import { S as se, h as ne, i as le, a as oe, c as ce } from "./select-BpjFWqAY.js";
+import { S as ne, h as le, i as oe, a as ce, c as ie } from "./select-BpjFWqAY.js";
 import "next-themes";
 import "sonner";
-import { u as ie } from "./useToast-BFTk4lWz.js";
-import { zodResolver as ue } from "@hookform/resolvers/zod";
+import { u as ue } from "./useToast-BFTk4lWz.js";
+import { zodResolver as me } from "@hookform/resolvers/zod";
 import { useState as f } from "react";
-import { useForm as me } from "react-hook-form";
-import { useTranslation as de } from "react-i18next";
+import { useForm as de } from "react-hook-form";
 import { z as y } from "zod";
-const Ze = ({
+const _e = ({
   schema: v,
   isLoading: S,
   error: N,
@@ -34,7 +35,7 @@ const Ze = ({
   onRegisterSubmit: w,
   defaultCols: B = 4
 }) => {
-  const { t: p } = de(), { t: h } = q(), { toast: E } = ie(), [k, T] = f(!1), [pe, I] = f({});
+  const { t: p } = q(), { t: h } = D(), { toast: E } = ue(), [k, T] = f(!1), [pe, I] = f({});
   if (!v) return null;
   const O = (e) => {
     switch (e) {
@@ -75,8 +76,8 @@ const Ze = ({
           }
       });
     }), y.object(e);
-  })(), m = me({
-    resolver: ue(R),
+  })(), m = de({
+    resolver: me(R),
     defaultValues: g || Object.fromEntries(v.sections.flatMap((e) => e.fields.map((t) => [t.key, t.defaultValue ?? null])))
   });
   f(() => {
@@ -152,7 +153,7 @@ const Ze = ({
       case "image": {
         const n = e, o = n.value !== void 0 ? n.value : t.value;
         return /* @__PURE__ */ r(
-          D,
+          J,
           {
             value: o ?? "",
             onChange: (l) => {
@@ -196,7 +197,7 @@ const Ze = ({
       case "checkbox":
         return /* @__PURE__ */ c("div", { className: "flex items-center space-x-2", children: [
           /* @__PURE__ */ r(
-            ee,
+            te,
             {
               id: e.key,
               checked: t.value === !0,
@@ -211,7 +212,7 @@ const Ze = ({
         ] }, e.key);
       case "textarea":
         return /* @__PURE__ */ r(
-          F,
+          ee,
           {
             ...t,
             placeholder: e.placeholderKey ? p(e.placeholderKey) : "",
@@ -242,21 +243,21 @@ const Ze = ({
       }
       case "select": {
         const n = e, o = _(e.rules), l = t.value === null || t.value === void 0 ? "" : t.value, d = n.options, b = d.find((u) => u.value === l);
-        return /* @__PURE__ */ c(se, { value: l, onValueChange: t.onChange, disabled: s, children: [
+        return /* @__PURE__ */ c(ne, { value: l, onValueChange: t.onChange, disabled: s, children: [
           /* @__PURE__ */ r(j, { children: /* @__PURE__ */ r(
-            ne,
+            le,
             {
               className: i(a && "border-destructive"),
               onClear: o && l ? (u) => {
                 u.preventDefault(), u.stopPropagation(), t.onChange(null);
               } : void 0,
-              children: /* @__PURE__ */ r(le, { placeholder: e.placeholderKey ? p(e.placeholderKey) : "", children: b ? /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+              children: /* @__PURE__ */ r(oe, { placeholder: e.placeholderKey ? p(e.placeholderKey) : "", children: b ? /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
                 b.color && /* @__PURE__ */ r("div", { className: "w-4 h-4 rounded-full", style: { backgroundColor: b.color } }),
                 b.label
               ] }) : void 0 })
             }
           ) }),
-          /* @__PURE__ */ r(oe, { children: d.map((u, W) => /* @__PURE__ */ r(ce, { value: u.value, children: /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ r(ce, { children: d.map((u, W) => /* @__PURE__ */ r(ie, { value: u.value, children: /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
             u.color && /* @__PURE__ */ r("div", { className: "w-4 h-4 rounded-full", style: { backgroundColor: u.color } }),
             u.label
           ] }) }, W)) })
@@ -265,7 +266,7 @@ const Ze = ({
       case "multiSelect": {
         const n = e, o = t.value ?? [];
         return /* @__PURE__ */ r(
-          J,
+          L,
           {
             options: n.options,
             selected: o,
@@ -291,19 +292,19 @@ const Ze = ({
     }
   }, U = (e, t) => {
     const a = /* @__PURE__ */ r("div", { className: i("grid grid-cols-4 gap-4"), children: e.fields.map((s) => /* @__PURE__ */ r(
-      Q,
+      X,
       {
         control: m.control,
         name: s.key,
         render: ({ field: n }) => {
           var o;
-          return /* @__PURE__ */ c(X, { className: i(O(((o = s.layout) == null ? void 0 : o.cols) ?? B)), children: [
-            s.type !== "checkbox" && s.type !== "html" && /* @__PURE__ */ c(Y, { children: [
+          return /* @__PURE__ */ c(Y, { className: i(O(((o = s.layout) == null ? void 0 : o.cols) ?? B)), children: [
+            s.type !== "checkbox" && s.type !== "html" && /* @__PURE__ */ c($, { children: [
               p(s.labelKey),
               G(s.rules) && /* @__PURE__ */ r("span", { className: "text-destructive ml-1", children: "*" })
             ] }),
             /* @__PURE__ */ r(j, { children: H(s, n) }),
-            /* @__PURE__ */ r($, {})
+            /* @__PURE__ */ r(F, {})
           ] });
         }
       },
@@ -312,12 +313,12 @@ const Ze = ({
     return v.useCards === !1 ? /* @__PURE__ */ c("div", { className: "space-y-4 mb-6", children: [
       e.titleKey && /* @__PURE__ */ r(V, { titleKey: e.titleKey }),
       a
-    ] }, t) : /* @__PURE__ */ c(te, { className: "mb-6", children: [
-      e.titleKey && /* @__PURE__ */ r(ae, { children: /* @__PURE__ */ r(V, { titleKey: e.titleKey }) }),
-      /* @__PURE__ */ r(re, { children: a })
+    ] }, t) : /* @__PURE__ */ c(ae, { className: "mb-6", children: [
+      e.titleKey && /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(V, { titleKey: e.titleKey }) }),
+      /* @__PURE__ */ r(se, { children: a })
     ] }, t);
   };
-  return /* @__PURE__ */ r(L, { ...m, children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ r(Q, { ...m, children: /* @__PURE__ */ c(
     "form",
     {
       onSubmit: (e) => {
@@ -338,5 +339,5 @@ const Ze = ({
   ) });
 };
 export {
-  Ze as G
+  _e as G
 };

package/dist/{ImageInput-BkmK7odp.js → ImageInput-CBDkCEho.js}

@@ -1,12 +1,14 @@
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { u as x } from "./useKrosoftTranslation-C6AC_uCA.js";
+import "date-fns/locale";
+import "react-i18next";
+import { u as x } from "./useKrosoftTranslation-DtdbUewZ.js";
 import "./toggle-group-DLLrEwv2.js";
 import "./alert-B9F1N9Qk.js";
 import "@radix-ui/react-aspect-ratio";
 import { B as N } from "./tooltip-DVeqVwqV.js";
 import "./chart-DntJZGxB.js";
 import "@radix-ui/react-collapsible";
-import "./sheet-C_39QrG0.js";
+import "./sheet-tuC_C3M3.js";
 import { XIcon as w, ImageIcon as y, UploadIcon as I } from "lucide-react";
 import "react-resizable-panels";
 import { c as p } from "./tailwind.helper-B6yFEsav.js";
@@ -16,12 +18,12 @@ import "sonner";
 import { forwardRef as j, useRef as T } from "react";
 import { u as R } from "./useNotifications-zbUhCvF_.js";
 const P = j(
-  ({ value: a, onChange: n, accept: m = "image/jpeg,image/png,image/webp", maxSizeMB: i = 2, disabled: l = !1, className: f = "", hint: c = "JPG, PNG, WEBP" }, h) => {
+  ({ value: a, onChange: m, accept: n = "image/jpeg,image/png,image/webp", maxSizeMB: i = 2, disabled: l = !1, className: f = "", hint: c = "JPG, PNG, WEBP" }, h) => {
     const { t } = x(), { showError: d } = R(), r = T(null), g = (b) => {
       var u;
       const o = (u = b.target.files) == null ? void 0 : u[0];
       if (!o) return;
-      if (!m.split(",").map((v) => v.trim()).includes(o.type)) {
+      if (!n.split(",").map((v) => v.trim()).includes(o.type)) {
         d(t("states.errorTitle"), t("image.invalidType", { types: c })), r.current && (r.current.value = "");
         return;
       }
@@ -29,12 +31,12 @@ const P = j(
         d(t("states.errorTitle"), t("image.tooLarge", { size: i })), r.current && (r.current.value = "");
         return;
       }
-      n(o), r.current && (r.current.value = "");
+      m(o), r.current && (r.current.value = "");
     };
     return /* @__PURE__ */ e("div", { ref: h, className: f, children: a ? /* @__PURE__ */ s("div", { className: "relative w-32 h-32 rounded-surface overflow-hidden border-2 border-border", children: [
       /* @__PURE__ */ e("img", { src: a, alt: "Preview", className: "w-full h-full object-cover" }),
       !l && /* @__PURE__ */ e(N, { type: "button", variant: "destructive", size: "sm", className: "absolute top-1 right-1 h-6 w-6 p-0", onClick: () => {
-        n(null);
+        m(null);
       }, children: /* @__PURE__ */ e(w, { className: "h-4 w-4" }) })
     ] }) : l ? /* @__PURE__ */ s("div", { className: p("flex flex-col items-center justify-center w-full h-32", "border-2 border-dashed border-border rounded-surface", "bg-muted/30"), children: [
       /* @__PURE__ */ e(y, { className: "h-8 w-8 text-muted-foreground/50 mb-2" }),
@@ -56,7 +58,7 @@ const P = j(
             i,
             "MB)"
           ] }),
-          /* @__PURE__ */ e("input", { ref: r, type: "file", className: "hidden", accept: m, onChange: g })
+          /* @__PURE__ */ e("input", { ref: r, type: "file", className: "hidden", accept: n, onChange: g })
         ]
       }
     ) });

package/dist/{KpiCardsLayout-D44vxMHX.js → KpiCardsLayout-CUDfA-AP.js}

@@ -5,7 +5,7 @@ import "@radix-ui/react-aspect-ratio";
 import { B as c } from "./tooltip-DVeqVwqV.js";
 import "./chart-DntJZGxB.js";
 import "@radix-ui/react-collapsible";
-import "./sheet-C_39QrG0.js";
+import "./sheet-tuC_C3M3.js";
 import { ArrowLeftIcon as l } from "lucide-react";
 import "react-resizable-panels";
 import "clsx";
@@ -14,28 +14,29 @@ import "./select-BpjFWqAY.js";
 import "next-themes";
 import "sonner";
 import "react";
-import { A as f } from "./AppActions-BSJrimRT.js";
+import { A as f } from "./AppActions-QHJ6CP5w.js";
 import { A as d } from "./AppTitle-D15YXeMx.js";
 import { u } from "./useDocumentTitle-WNwdPz-I.js";
 import { useTranslation as g } from "react-i18next";
 import "@krosoft/core/helpers";
-import { b as h, a as x } from "./SkeletonCards-DhsZyG9k.js";
-import { E as A } from "./ErrorState-C8pd098n.js";
-function O({
+import { b as h, a as x } from "./SkeletonCards-CQKcSQW3.js";
+import "date-fns/locale";
+import { E as A } from "./ErrorState-ZtWe5C0s.js";
+function P({
   icon: t,
-  titleKey: e,
-  descriptionKey: i,
+  titleKey: i,
+  descriptionKey: e,
   actions: a,
   onBack: o,
   renderPreActions: s,
   className: p
 }) {
   const { t: n } = g();
-  return u(n(e)), /* @__PURE__ */ m("div", { className: "flex flex-row items-center justify-between gap-3 md:gap-4", children: [
+  return u(n(i)), /* @__PURE__ */ m("div", { className: "flex flex-row items-center justify-between gap-3 md:gap-4", children: [
     /* @__PURE__ */ m("div", { className: "flex min-w-0 items-center gap-3 md:gap-4", children: [
       o && /* @__PURE__ */ r(c, { variant: "ghost", size: "icon", className: "shrink-0", onClick: o, children: /* @__PURE__ */ r(l, { className: "h-4 w-4" }) }),
       t && /* @__PURE__ */ r("div", { className: "size-12 shrink-0 bg-blue-100 rounded-control flex items-center justify-center", children: /* @__PURE__ */ r(t, { className: "h-6 w-6 text-blue-600" }) }),
-      /* @__PURE__ */ r(d, { titleKey: e, descriptionKey: i })
+      /* @__PURE__ */ r(d, { titleKey: i, descriptionKey: e })
     ] }),
     /* @__PURE__ */ m("div", { className: "flex shrink-0 items-center gap-2 md:gap-4", children: [
       s && s(),
@@ -43,8 +44,8 @@ function O({
     ] })
   ] });
 }
-const P = ({ stats: t, isLoading: e, error: i }) => e ? /* @__PURE__ */ r(h, { count: 4 }) : i ? /* @__PURE__ */ r(A, { message: i.message }) : /* @__PURE__ */ r(x, { stats: t });
+const Q = ({ stats: t, isLoading: i, error: e }) => i ? /* @__PURE__ */ r(h, { count: 4 }) : e ? /* @__PURE__ */ r(A, { message: e.message }) : /* @__PURE__ */ r(x, { stats: t });
 export {
-  O as A,
-  P as K
+  P as A,
+  Q as K
 };

package/dist/{MultiSelect-D0WF96y6.js → MultiSelect-DWNOCqe1.js}

@@ -1,5 +1,7 @@
 import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import { u as O } from "./useKrosoftTranslation-C6AC_uCA.js";
+import "date-fns/locale";
+import "react-i18next";
+import { u as O } from "./useKrosoftTranslation-DtdbUewZ.js";
 import { useState as L, useRef as T, useMemo as x, useEffect as z } from "react";
 import { E as I } from "./toggle-group-DLLrEwv2.js";
 import "./alert-B9F1N9Qk.js";
@@ -7,14 +9,14 @@ import "@radix-ui/react-aspect-ratio";
 import { f as P } from "./tooltip-DVeqVwqV.js";
 import "./chart-DntJZGxB.js";
 import "@radix-ui/react-collapsible";
-import "./sheet-C_39QrG0.js";
+import "./sheet-tuC_C3M3.js";
 import { XIcon as q, ChevronDownIcon as S, SearchIcon as F } from "lucide-react";
 import "react-resizable-panels";
 import { c as R } from "./tailwind.helper-B6yFEsav.js";
 import "./select-BpjFWqAY.js";
 import "next-themes";
 import "sonner";
-const te = ({
+const ne = ({
   options: a,
   selected: t,
   onToggle: N,
@@ -143,5 +145,5 @@ const te = ({
   ] });
 };
 export {
-  te as M
+  ne as M
 };