tcce-design-system 0.1.32 → 0.1.33

package/dist/tcce-design-system-components.js

@@ -1334,7 +1334,7 @@ const ul = {
     ${({ size: e = 24 }) => ul[e]}
     margin: 0;
     color: ${({ color: e }) => e || "var(--color-main-blue-primary)"};
-`, kb = C.h2`
+`, Eb = C.h2`
     ${({ size: e = 24 }) => lf[e]}
     margin: 0;
     color: ${({ color: e }) => e || "var(--color-main-blue-primary)"};
@@ -6300,7 +6300,7 @@ const Hg = {
     color: var(--color-main-blue-primary);
     margin: 0 auto;
     text-align: center;
-`, Mb = ({
+`, Ab = ({
   message: e = "Loading...",
   color: t = "primary",
   variant: n = "rotate"
@@ -6521,7 +6521,7 @@ const Hg = {
                   color: ${t || "var(--color-main-blue-primary)"};
                   border: 1px solid ${t || "var(--color-main-blue-primary)"};
               ` : ""}
-`, Ab = ({
+`, Vb = ({
   children: e,
   variant: t = "neutral",
   size: n = "md",
@@ -6544,7 +6544,7 @@ const Hg = {
                 width: ${n || "1px"};
                 height: ${t || "100%"};
             `}
-`, Vb = ({
+`, Db = ({
   orientation: e = "horizontal",
   color: t = "var(--color-dark-300)",
   length: n,
@@ -6825,7 +6825,7 @@ const Te = new x0(), S0 = (e, t) => {
     ...t,
     id: n
   }), n;
-}, C0 = (e) => e && typeof e == "object" && "ok" in e && typeof e.ok == "boolean" && "status" in e && typeof e.status == "number", R0 = S0, $0 = () => Te.toasts, T0 = () => Te.getActiveToasts(), Db = Object.assign(R0, {
+}, C0 = (e) => e && typeof e == "object" && "ok" in e && typeof e.ok == "boolean" && "status" in e && typeof e.status == "number", R0 = S0, $0 = () => Te.toasts, T0 = () => Te.getActiveToasts(), Fb = Object.assign(R0, {
   success: Te.success,
   info: Te.info,
   warning: Te.warning,
@@ -7304,7 +7304,7 @@ const _0 = /* @__PURE__ */ $.forwardRef(function(t, n) {
       });
     })) : null;
   }));
-}), Fb = ({ spinnerColor: e = "orange", ...t }) => /* @__PURE__ */ g(
+}), Ib = ({ spinnerColor: e = "orange", ...t }) => /* @__PURE__ */ g(
   _0,
   {
     position: "bottom-center",
@@ -7407,7 +7407,7 @@ const _0 = /* @__PURE__ */ $.forwardRef(function(t, n) {
     ${({ $clickable: e }) => e && B0}
     ${({ $disabled: e }) => e && z0}
     ${({ $size: e }) => O0[e]}
-`, Ib = ({
+`, Lb = ({
   variant: e = "elevated",
   size: t = "md",
   disabled: n = !1,
@@ -7445,16 +7445,16 @@ const _0 = /* @__PURE__ */ $.forwardRef(function(t, n) {
             border-bottom: 1px solid var(--color-divider);
             padding-bottom: 0.5rem;
         `}
-`, Lb = ({ children: e, showDivider: t = !1, ...n }) => /* @__PURE__ */ g(j0, { $showDivider: t, ...n, children: e }), G0 = C.div`
+`, _b = ({ children: e, showDivider: t = !1, ...n }) => /* @__PURE__ */ g(j0, { $showDivider: t, ...n, children: e }), G0 = C.div`
     flex: 1;
     display: flex;
     flex-direction: column;
-`, _b = ({ children: e, showDivider: t = !1, ...n }) => /* @__PURE__ */ g(G0, { $showDivider: t, ...n, children: e }), U0 = C.div`
+`, Nb = ({ children: e, showDivider: t = !1, ...n }) => /* @__PURE__ */ g(G0, { $showDivider: t, ...n, children: e }), U0 = C.div`
     display: flex;
     align-items: center;
     align-self: stretch;
     gap: 0.5rem;
-`, Nb = ({ children: e, ...t }) => /* @__PURE__ */ g(U0, { ...t, children: e }), W0 = {
+`, Ob = ({ children: e, ...t }) => /* @__PURE__ */ g(U0, { ...t, children: e }), W0 = {
   xs: b`
         ${V[12]}
     `,
@@ -7552,10 +7552,10 @@ const _0 = /* @__PURE__ */ $.forwardRef(function(t, n) {
   inputClassName: t.inputClassName,
   labelClassName: t.labelClassName,
   messageErrorClassName: t.messageErrorClassName
-})), Ob = (e) => e.map((t) => ({
+})), Bb = (e) => e.map((t) => ({
   value: t.value,
   label: t.label
-})), Bb = {
+})), zb = {
   text: (e, t, n) => yt([{ name: e, label: t, type: "text", ...n }])[0],
   email: (e, t, n) => yt([{ name: e, label: t, type: "email", required: !0, ...n }])[0],
   password: (e, t, n) => yt([
@@ -7608,7 +7608,7 @@ const _0 = /* @__PURE__ */ $.forwardRef(function(t, n) {
       ...r
     }
   ])[0]
-}, zb = (e, t, n, r, o, i, s, a) => {
+}, Hb = (e, t, n, r, o, i, s, a) => {
   const { field: l, ...c } = t, u = {
     ...l,
     ...c,
@@ -8645,7 +8645,7 @@ const Ly = C.div`
       children: /* @__PURE__ */ g(Kc, {})
     }
   )
-] }, `${r.name}-${o}`)) }), Hb = ({
+] }, `${r.name}-${o}`)) }), jb = ({
   variant: e = "default",
   multiple: t = !1,
   maxFileSize: n = 10,
@@ -9083,7 +9083,7 @@ const pv = (e, t, n, r, o, i, s = "text", a, l) => {
   o[h].current?.focus();
   const p = d.join("");
   d.every((m) => m !== "") && d.length >= u && l?.(p);
-}, yv = (e) => Array(e).fill(null).map(() => Zu()), jb = (e, t, n = "text") => !(e.length !== t || n === "number" && !/^\d+$/.test(e)), vv = C.div`
+}, yv = (e) => Array(e).fill(null).map(() => Zu()), Gb = (e, t, n = "text") => !(e.length !== t || n === "number" && !/^\d+$/.test(e)), vv = C.div`
     display: flex;
     gap: 8px;
     align-items: center;
@@ -9590,7 +9590,7 @@ const kv = C.div`
       }
     )
   ] })
-), Gb = ({
+), Ub = ({
   id: e,
   name: t,
   label: n,
@@ -9707,7 +9707,7 @@ const kv = C.div`
     duration: 0.3,
     ease: "easeInOut"
   }
-}, Ub = {
+}, Wb = {
   fromBottom: {
     initial: { opacity: 0, y: 20 },
     animate: { opacity: 1, y: 0 },
@@ -10018,7 +10018,7 @@ const kv = C.div`
     ...s,
     children: o
   }
-), Wb = ({
+), Kb = ({
   isOpen: e,
   onAccept: t,
   onCancel: n,
@@ -10770,7 +10770,7 @@ x1.displayName = "Link";
    *
    * @license MIT
    */
-function Kb() {
+function Yb() {
   return {
     accessor: (e, t) => typeof e == "function" ? {
       ...t,
@@ -12846,7 +12846,7 @@ function Tw(e, t) {
   const n = t.toLowerCase().trim();
   return e.filter((r) => r.toLowerCase().includes(n));
 }
-function Yb(e, t, n) {
+function qb(e, t, n) {
   const r = {};
   return e.forEach((o, i) => {
     let s;
@@ -12856,7 +12856,7 @@ function Yb(e, t, n) {
     }
   }), r;
 }
-function qb(e, t) {
+function Xb(e, t) {
   const n = e.find((r) => r.id === t);
   return n ? n.value?.length > 0 : !1;
 }
@@ -12864,7 +12864,7 @@ function Pw(e, t) {
   const n = e.find((r) => r.id === t);
   return n ? n.value || [] : [];
 }
-function Xb(e) {
+function Zb(e) {
   return e.reduce((t, n) => {
     const r = n.value;
     return t + (r?.length || 0);
@@ -13194,46 +13194,61 @@ const Lw = (e) => {
             text-overflow: ellipsis;
             white-space: nowrap;
         `}
-`, jw = ({ cell: e }) => {
-  const { size: t } = Rr(), n = e.column.columnDef.meta, r = e.getValue(), o = typeof r == "string" || typeof r == "number" ? String(r) : void 0;
+`, jw = ({
+  cell: e,
+  rowClassName: t
+}) => {
+  const { size: n } = Rr(), r = e.column.columnDef.meta, o = e.getValue(), i = typeof o == "string" || typeof o == "number" ? String(o) : void 0, s = [r?.className || "", t || ""].filter(Boolean).join(" ");
   return /* @__PURE__ */ g(
     Bw,
     {
-      $size: n?.size || t,
-      $align: n?.align,
+      $size: r?.size || n,
+      $align: r?.align,
       $width: e.column.getSize(),
-      title: n?.ellipsis && o ? o : void 0,
-      className: n?.className,
-      children: /* @__PURE__ */ g(zw, { $align: n?.align, children: /* @__PURE__ */ g(Hw, { $ellipsis: n?.ellipsis, children: tr(e.column.columnDef.cell, e.getContext()) }) })
+      title: r?.ellipsis && i ? i : void 0,
+      className: s,
+      children: /* @__PURE__ */ g(zw, { $align: r?.align, children: /* @__PURE__ */ g(Hw, { $ellipsis: r?.ellipsis, children: tr(e.column.columnDef.cell, e.getContext()) }) })
     }
   );
-}, Gw = zo(function({
-  row: t,
-  className: n
+};
+function Gw({
+  row: e,
+  className: t,
+  cellClassName: n
 }) {
   const { onRowClick: r } = Rr(), o = !!r;
   return /* @__PURE__ */ g(
     Cu,
     {
       $clickable: o,
-      onClick: () => o && r(t.original),
+      onClick: () => o && r(e.original),
       role: o ? "button" : void 0,
       tabIndex: o ? 0 : void 0,
-      className: n,
-      children: t.getVisibleCells().map((i) => /* @__PURE__ */ g(jw, { cell: i }, i.id))
+      className: t,
+      children: e.getVisibleCells().map((i) => /* @__PURE__ */ g(jw, { cell: i, rowClassName: n }, i.id))
     }
   );
-}), Ia = ({
+}
+const Uw = zo(Gw), Ia = ({
   rows: e,
   className: t,
-  rowClassName: n
+  rowClassName: n,
+  cellClassName: r
 }) => /* @__PURE__ */ E("tbody", { className: t, children: [
-  e.map((r) => {
-    const o = typeof n == "function" ? n(r) : n;
-    return /* @__PURE__ */ g(Gw, { row: r, className: o }, r.id);
+  e.map((o) => {
+    const i = typeof n == "function" ? n(o) : n, s = typeof r == "function" ? r(o) : r;
+    return /* @__PURE__ */ g(
+      Uw,
+      {
+        row: o,
+        className: i,
+        cellClassName: s
+      },
+      o.id
+    );
   }),
   e.length === 0 && /* @__PURE__ */ g("tr", { children: /* @__PURE__ */ g("td", { colSpan: 100, className: "py-4 text-center text-[var(--color-main-grey)]", children: "No results found" }) })
-] }), Uw = C.section`
+] }), Ww = C.section`
     display: flex;
     align-items: center;
     gap: 0.5rem;
@@ -13288,9 +13303,9 @@ const Lw = (e) => {
             height: 1rem;
         }
     }
-`, Ww = C(ku)`
+`, Kw = C(ku)`
     min-width: 2rem;
-`, Kw = C.span`
+`, Yw = C.span`
     ${V[14]}
     display: flex;
     align-items: center;
@@ -13299,7 +13314,7 @@ const Lw = (e) => {
     height: 2rem;
     color: var(--color-main-blue-primary);
     user-select: none;
-`, Yw = C.div`
+`, qw = C.div`
     display: flex;
     align-items: center;
     gap: 0.5rem;
@@ -13318,7 +13333,7 @@ const Lw = (e) => {
         justify-content: center;
         order: 10; /* Move to bottom on mobile */
     }
-`, qw = C(Ai)`
+`, Xw = C(Ai)`
     button {
         ${V[14]}
         height: 2rem;
@@ -13334,7 +13349,7 @@ const Lw = (e) => {
     div {
         right: 10%;
     }
-`, Zb = ({
+`, Jb = ({
   onPageChange: e,
   onPerPageChange: t,
   perPage: n = 10,
@@ -13362,7 +13377,7 @@ const Lw = (e) => {
     { value: 50, label: "50" },
     { value: 100, label: "100" }
   ], u = i !== void 0 && i > 0, d = u ? (r - 1) * n + 1 : 0, f = u ? Math.min(r * n, i) : 0;
-  return /* @__PURE__ */ E(Uw, { children: [
+  return /* @__PURE__ */ E(Ww, { children: [
     u && /* @__PURE__ */ E(ur, { size: 14, children: [
       "Showing ",
       d,
@@ -13384,8 +13399,8 @@ const Lw = (e) => {
         ]
       }
     ),
-    l.map((h, p) => h === "..." ? /* @__PURE__ */ g(Kw, { children: "..." }, `ellipsis-${p}`) : /* @__PURE__ */ g(
-      Ww,
+    l.map((h, p) => h === "..." ? /* @__PURE__ */ g(Yw, { children: "..." }, `ellipsis-${p}`) : /* @__PURE__ */ g(
+      Kw,
       {
         onClick: () => e(h),
         $active: r === h,
@@ -13408,9 +13423,9 @@ const Lw = (e) => {
         ]
       }
     ),
-    /* @__PURE__ */ E(Yw, { children: [
+    /* @__PURE__ */ E(qw, { children: [
       /* @__PURE__ */ g(
-        qw,
+        Xw,
         {
           size: "sm",
           value: n,
@@ -13421,7 +13436,7 @@ const Lw = (e) => {
       /* @__PURE__ */ g(ur, { size: 12, children: "Rows per page" })
     ] })
   ] });
-}, Xw = ({
+}, Zw = ({
   sorting: e,
   defaultSorting: t = [],
   onSortingChange: n
@@ -13444,7 +13459,7 @@ const Lw = (e) => {
     isControlled: i,
     setSorting: l
   };
-}, Zw = ({
+}, Jw = ({
   columnFilters: e,
   defaultColumnFilters: t = [],
   onColumnFiltersChange: n
@@ -13474,7 +13489,7 @@ const Lw = (e) => {
   if (!e)
     throw new Error("useTableContext debe usarse dentro de Table");
   return e;
-}, Jw = ({
+}, Qw = ({
   data: e,
   columns: t,
   size: n = "md",
@@ -13496,11 +13511,11 @@ const Lw = (e) => {
   isLoading: S = !1,
   getUniqueValues: w
 }) => {
-  const { sortingState: R, handleSortingChange: x, setSorting: T } = Xw({
+  const { sortingState: R, handleSortingChange: x, setSorting: T } = Zw({
     sorting: s,
     defaultSorting: a,
     onSortingChange: l
-  }), { columnFiltersState: P, handleColumnFiltersChange: k, setColumnFilters: M } = Zw({
+  }), { columnFiltersState: P, handleColumnFiltersChange: k, setColumnFilters: M } = Jw({
     columnFilters: c,
     defaultColumnFilters: u,
     onColumnFiltersChange: d
@@ -13588,34 +13603,35 @@ const Lw = (e) => {
           {
             rows: j.getRowModel().rows,
             className: h?.body,
-            rowClassName: h?.row
+            rowClassName: h?.row,
+            cellClassName: h?.cell
           }
         )
       ] })
     }
   ) });
 };
-Jw.displayName = "Table";
-function Qw(e) {
+Qw.displayName = "Table";
+function eb(e) {
   const t = {};
   for (const n of e)
     t[n.id] = n.desc ? "desc" : "asc";
   return t;
 }
-function Jb(e) {
+function Qb(e) {
   return Object.entries(e).map(([t, n]) => ({
     id: t,
     desc: n === "desc"
   }));
 }
-function eb(e) {
-  return e.length === 0 ? "" : JSON.stringify(Qw(e));
+function tb(e) {
+  return e.length === 0 ? "" : JSON.stringify(eb(e));
 }
-function Qb(e) {
+function ex(e) {
   const t = new URLSearchParams();
-  return e.sorting && e.sorting.length > 0 && t.append("sorts", eb(e.sorting)), e.perPage && t.append("perPage", e.perPage.toString()), e.genericSearch && t.append("genericSearch", e.genericSearch), e.filters && Object.keys(e.filters).length > 0 && t.append("filters", JSON.stringify(e.filters)), t;
+  return e.sorting && e.sorting.length > 0 && t.append("sorts", tb(e.sorting)), e.perPage && t.append("perPage", e.perPage.toString()), e.genericSearch && t.append("genericSearch", e.genericSearch), e.filters && Object.keys(e.filters).length > 0 && t.append("filters", JSON.stringify(e.filters)), t;
 }
-const ex = ({
+const tx = ({
   data: e,
   columns: t,
   initialPage: n = 1,
@@ -13677,30 +13693,30 @@ const ex = ({
     getUniqueValues: m
   };
 };
-function tb(e) {
+function nb(e) {
   const t = {};
   return e.forEach((n) => {
     t[n.id] = n.value;
   }), t;
 }
-function nb(e) {
-  return JSON.stringify(tb(e));
+function rb(e) {
+  return JSON.stringify(nb(e));
 }
-function tx(e, t = ",") {
+function nx(e, t = ",") {
   const n = {};
   return e.forEach((r) => {
     const o = r.value;
     o && o.length > 0 && (n[`filter[${r.id}]`] = o.join(t));
   }), n;
 }
-function nx(e) {
+function rx(e) {
   const t = {};
   return e.forEach((n) => {
     const r = n.value;
     r && r.length > 0 && (t[`filter[${n.id}]`] = r);
   }), t;
 }
-function rx({
+function ox({
   filters: e,
   sorts: t,
   page: n,
@@ -13711,9 +13727,9 @@ function rx({
     const i = t.map((a) => a.id).join(","), s = t.map((a) => a.desc ? "desc" : "asc").join(",");
     o.sort_by = i, o.sort_order = s;
   }
-  return e && e.length > 0 && (o.filters = nb(e)), o;
+  return e && e.length > 0 && (o.filters = rb(e)), o;
 }
-function ox(e, t = ",") {
+function ix(e, t = ",") {
   const n = typeof e == "string" ? new URLSearchParams(e) : e, r = [];
   return n.forEach((o, i) => {
     const s = i.match(/^filter\[(.+)\]$/);
@@ -13723,7 +13739,7 @@ function ox(e, t = ",") {
     }
   }), r;
 }
-function ix(e) {
+function sx(e) {
   try {
     const t = JSON.parse(e);
     return Object.entries(t).map(([n, r]) => ({ id: n, value: r }));
@@ -13731,7 +13747,7 @@ function ix(e) {
     return [];
   }
 }
-function sx(...e) {
+function ax(...e) {
   const t = /* @__PURE__ */ new Map();
   return e.forEach((n) => {
     n.forEach((r) => {
@@ -13739,7 +13755,7 @@ function sx(...e) {
     });
   }), Array.from(t.entries()).map(([n, r]) => ({ id: n, value: r }));
 }
-const rb = C.div`
+const ob = C.div`
     position: relative;
     display: flex;
     align-items: center;
@@ -13757,7 +13773,7 @@ const rb = C.div`
         outline: 2px solid var(--color-main-blue-primary);
         outline-offset: 2px;
     }
-`, ob = C.div`
+`, ib = C.div`
     width: 2rem;
     height: 2rem;
     border-radius: 50%;
@@ -13765,7 +13781,7 @@ const rb = C.div`
     display: flex;
     align-items: center;
     justify-content: center;
-`, ib = C.div`
+`, sb = C.div`
     display: flex;
     flex-direction: column;
     align-items: flex-start;
@@ -13773,7 +13789,7 @@ const rb = C.div`
     @media (max-width: 640px) {
         display: none;
     }
-`, sb = C(rt.div)`
+`, ab = C(rt.div)`
     display: flex;
     align-items: center;
     justify-content: center;
@@ -13782,7 +13798,7 @@ const rb = C.div`
     @media (max-width: 640px) {
         display: none;
     }
-`, ab = C(rt.div)`
+`, lb = C(rt.div)`
     position: absolute;
     top: 100%;
     right: 0;
@@ -13794,7 +13810,7 @@ const rb = C.div`
     box-shadow: var(--shadow-black-card);
     z-index: 100;
     overflow: hidden;
-`, lb = C.button`
+`, cb = C.button`
     width: 100%;
     display: flex;
     align-items: center;
@@ -13860,7 +13876,7 @@ const rb = C.div`
   ], ...r];
   return /* @__PURE__ */ E("div", { ref: s, children: [
     /* @__PURE__ */ E(
-      rb,
+      ob,
       {
         onClick: () => i(!o),
         role: "button",
@@ -13869,13 +13885,13 @@ const rb = C.div`
           (u.key === "Enter" || u.key === " ") && (u.preventDefault(), i(!o));
         },
         children: [
-          /* @__PURE__ */ g(ob, { children: e.avatarUrl ? /* @__PURE__ */ g("img", { src: e.avatarUrl, alt: e.name }) : /* @__PURE__ */ g(lt, { size: 14, color: "var(--color-main-white)", className: "!font-semibold", children: a(e.name) }) }),
-          /* @__PURE__ */ E(ib, { children: [
+          /* @__PURE__ */ g(ib, { children: e.avatarUrl ? /* @__PURE__ */ g("img", { src: e.avatarUrl, alt: e.name }) : /* @__PURE__ */ g(lt, { size: 14, color: "var(--color-main-white)", className: "!font-semibold", children: a(e.name) }) }),
+          /* @__PURE__ */ E(sb, { children: [
             /* @__PURE__ */ g(lt, { size: 14, className: "!font-semibold", children: e.name }),
             /* @__PURE__ */ g(lt, { size: 12, children: e.role })
           ] }),
           /* @__PURE__ */ g(
-            sb,
+            ab,
             {
               animate: { rotate: o ? -180 : 0 },
               transition: { duration: 0.3 },
@@ -13893,14 +13909,14 @@ const rb = C.div`
       }
     ),
     /* @__PURE__ */ g(En, { children: o && /* @__PURE__ */ g(
-      ab,
+      lb,
       {
         initial: { opacity: 0, y: -10, scale: 0.95 },
         animate: { opacity: 1, y: 0, scale: 1 },
         exit: { opacity: 0, y: -10, scale: 0.95 },
         transition: { duration: 0.15 },
         children: c.map((u) => /* @__PURE__ */ g(Bo, { children: /* @__PURE__ */ E(
-          lb,
+          cb,
           {
             onClick: u.onClick,
             className: u.variant === "danger" ? "danger" : "",
@@ -13929,7 +13945,7 @@ const rb = C.div`
   ] });
 };
 Mu.displayName = "UserProfile";
-const cb = ({
+const ub = ({
   hasNotifications: e = !1,
   notificationCount: t
 }) => {
@@ -13940,7 +13956,7 @@ const cb = ({
     badgeLabel: o,
     bellAriaLabel: i
   };
-}, ub = C.button`
+}, db = C.button`
     position: relative;
     background: transparent;
     border: none;
@@ -13964,7 +13980,7 @@ const cb = ({
     &:active {
         transform: scale(0.92);
     }
-`, db = C.span`
+`, fb = C.span`
     position: absolute;
     top: 0.35rem;
     right: 0.35rem;
@@ -13985,12 +14001,12 @@ const cb = ({
   notificationCount: t,
   onNotificationClick: n
 }) => {
-  const { effectiveHasNotifications: r, displayCount: o, bellAriaLabel: i } = cb({
+  const { effectiveHasNotifications: r, displayCount: o, bellAriaLabel: i } = ub({
     hasNotifications: e,
     notificationCount: t
   });
   return /* @__PURE__ */ E(
-    ub,
+    db,
     {
       onClick: n,
       "aria-label": i,
@@ -14005,13 +14021,13 @@ const cb = ({
             color: "var(--color-main-blue-primary)"
           }
         ),
-        r && /* @__PURE__ */ g(db, { $withCount: !!o, "aria-hidden": !!o, children: o && (o > 99 ? "99+" : o) })
+        r && /* @__PURE__ */ g(fb, { $withCount: !!o, "aria-hidden": !!o, children: o && (o > 99 ? "99+" : o) })
       ]
     }
   );
 };
 Au.displayName = "NotificationButton";
-const fb = C.header`
+const hb = C.header`
     position: fixed;
     top: 0;
     left: 0;
@@ -14027,11 +14043,11 @@ const fb = C.header`
     padding: 0 1rem;
     transition: padding-left 0.3s ease-out;
     padding-left: 5rem;
-`, hb = C.div`
+`, pb = C.div`
     display: flex;
     align-items: center;
     gap: 1rem;
-`, pb = C.div`
+`, mb = C.div`
     display: flex;
     align-items: center;
     gap: 1rem;
@@ -14044,9 +14060,9 @@ const fb = C.header`
   onLogout: i,
   userMenuItems: s,
   children: a
-}) => /* @__PURE__ */ E(fb, { children: [
-  /* @__PURE__ */ g(hb, { children: a }),
-  /* @__PURE__ */ E(pb, { children: [
+}) => /* @__PURE__ */ E(hb, { children: [
+  /* @__PURE__ */ g(pb, { children: a }),
+  /* @__PURE__ */ E(mb, { children: [
     /* @__PURE__ */ g(
       Au,
       {
@@ -14067,7 +14083,7 @@ const fb = C.header`
   ] })
 ] });
 Vu.displayName = "Header";
-const mb = C.main`
+const gb = C.main`
     flex: 1;
     margin-top: 4rem;
     /* Mobile-first: no lateral offset so content occupies full width */
@@ -14083,14 +14099,14 @@ const mb = C.main`
     @media (min-width: 1200px) {
         margin-left: 5rem;
     }
-`, Du = ({ children: e, className: t }) => /* @__PURE__ */ g(mb, { className: t, children: e });
+`, Du = ({ children: e, className: t }) => /* @__PURE__ */ g(gb, { className: t, children: e });
 Du.displayName = "LayoutMainContent";
-const gb = C.div`
+const yb = C.div`
     display: flex;
     flex-direction: column;
     height: 100vh;
     overflow: hidden;
-`, yb = ({
+`, vb = ({
   children: e,
   navigationConfig: t,
   userRoles: n = [],
@@ -14106,7 +14122,7 @@ const gb = C.div`
   contentClassName: f,
   logoImgCollapsed: h,
   logoImgExpanded: p
-}) => /* @__PURE__ */ E(gb, { children: [
+}) => /* @__PURE__ */ E(yb, { children: [
   /* @__PURE__ */ g(
     fu,
     {
@@ -14131,8 +14147,8 @@ const gb = C.div`
     }
   ),
   /* @__PURE__ */ g(Du, { className: f, children: e })
-] }), ax = (e) => /* @__PURE__ */ g(Qv, { children: /* @__PURE__ */ g(yb, { ...e }) });
-function lx(e, t, n) {
+] }), lx = (e) => /* @__PURE__ */ g(Qv, { children: /* @__PURE__ */ g(vb, { ...e }) });
+function cx(e, t, n) {
   let r = `${e}=${encodeURIComponent(t)}; path=/; SameSite=Strict; Secure`;
   if (n) {
     const o = new Date(Date.now() + n * 864e5).toUTCString();
@@ -14140,13 +14156,13 @@ function lx(e, t, n) {
   }
   document.cookie = r;
 }
-function cx(e) {
+function ux(e) {
   return document.cookie.split("; ").reduce((t, n) => {
     const r = n.split("=");
     return r[0] === e ? decodeURIComponent(r[1]) : t;
   }, "");
 }
-function ux(e) {
+function dx(e) {
   document.cookie = `${e}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/`;
 }
 const vn = {
@@ -14165,15 +14181,15 @@ const vn = {
     fontSize: V[20],
     line: "3px"
   }
-}, vb = C.div`
+}, wb = C.div`
     display: flex;
     width: 100%;
-`, wb = C.div`
+`, bb = C.div`
     display: flex;
     flex-direction: ${({ $orientation: e }) => e === "vertical" ? "column" : "row"};
     align-items: center;
     width: 100%;
-`, bb = C.div`
+`, xb = C.div`
     display: flex;
     align-items: center;
     justify-content: center;
@@ -14224,7 +14240,7 @@ const vn = {
                 box-shadow: var(--shadow-hover-black-button);
             }
         `}
-`, xb = C.div`
+`, Sb = C.div`
     background-color: ${({ $isCompleted: e }) => e ? "var(--color-main-blue-primary)" : "var(--color-dark-300)"};
     transition: background-color 0.3s ease;
 
@@ -14236,7 +14252,7 @@ const vn = {
                   flex: 1;
                   min-width: 2rem;
               `}
-`, Sb = C.span`
+`, Cb = C.span`
     position: absolute;
     ${V[14]}
     font-weight: 500;
@@ -14269,7 +14285,7 @@ const vn = {
     ${Fu}:hover & {
         opacity: 1;
     }
-`, dx = ({
+`, fx = ({
   steps: e,
   currentStep: t,
   orientation: n = "horizontal",
@@ -14280,10 +14296,10 @@ const vn = {
   const s = (a) => {
     o?.(a);
   };
-  return /* @__PURE__ */ g(vb, { $orientation: n, className: i, children: /* @__PURE__ */ g(wb, { $orientation: n, children: e.map((a, l) => {
+  return /* @__PURE__ */ g(wb, { $orientation: n, className: i, children: /* @__PURE__ */ g(bb, { $orientation: n, children: e.map((a, l) => {
     const c = l === t, u = l < t, d = o != null;
     return /* @__PURE__ */ E(Mt, { children: [
-      /* @__PURE__ */ g(bb, { $orientation: n, children: /* @__PURE__ */ E(
+      /* @__PURE__ */ g(xb, { $orientation: n, children: /* @__PURE__ */ E(
         Fu,
         {
           $isActive: c,
@@ -14300,12 +14316,12 @@ const vn = {
           },
           children: [
             a.content ?? l + 1,
-            a.label && n === "vertical" && /* @__PURE__ */ g(Sb, { children: a.label })
+            a.label && n === "vertical" && /* @__PURE__ */ g(Cb, { children: a.label })
           ]
         }
       ) }),
       l < e.length - 1 && /* @__PURE__ */ g(
-        xb,
+        Sb,
         {
           $isCompleted: u,
           $orientation: n,
@@ -14318,14 +14334,14 @@ const vn = {
 export {
   Z0 as ALLOWED_INPUT_TYPES,
   u1 as Aside,
-  Ab as Badge,
+  Vb as Badge,
   Uc as BaseInput,
   f1 as BrandLogo,
   $n as Button,
-  Ib as Card,
-  _b as CardBody,
-  Nb as CardFooter,
-  Lb as CardHeader,
+  Lb as Card,
+  Nb as CardBody,
+  Ob as CardFooter,
+  _b as CardHeader,
   Sr as Checkbox,
   eu as CheckboxInput,
   lv as CheckboxLabel,
@@ -14336,21 +14352,21 @@ export {
   Hv as DialogBody,
   Gv as DialogFooter,
   Bv as DialogHeader,
-  Vb as Divider,
+  Db as Divider,
   Gc as ErrorMessage,
   tv as FileList,
-  Hb as FileUpload,
+  jb as FileUpload,
   $u as FilterOption,
-  Gb as FormField,
-  Mb as FullScreenSpinner,
+  Ub as FormField,
+  Ab as FullScreenSpinner,
   Vu as Header,
   cf as HeadingBold,
-  kb as HeadingRegular,
+  Eb as HeadingRegular,
   Q as Icon,
   Mi as IconWrapperStyles,
   ur as InfoLabel,
   ki as Label,
-  ax as Layout,
+  lx as Layout,
   Du as LayoutMainContent,
   x1 as Link,
   y1 as LinkDisabledStyles,
@@ -14374,74 +14390,74 @@ export {
   d1 as SidebarHeader,
   Qv as SidebarProvider,
   Pi as Spinner,
-  dx as Stepper,
-  Jw as Table,
+  fx as Stepper,
+  Qw as Table,
   Ia as TableBody,
   jw as TableCell,
   Fa as TableHeader,
   _w as TableHeaderCell,
   Nw as TableHeaderRow,
-  Zb as TablePagination,
-  Gw as TableRow,
-  Wb as TermsAndConditions,
+  Jb as TablePagination,
+  Uw as TableRow,
+  Kb as TermsAndConditions,
   lt as Text,
   Jc as TextAreaInput,
-  Fb as ToastProvider,
+  Ib as ToastProvider,
   Jv as Tooltip,
   Mu as UserProfile,
   on as baseFieldStyles,
   Ei as baseInputStyles,
   V as bodyTextStyles,
-  nx as columnFiltersToArrayQueryParams,
-  nb as columnFiltersToJsonString,
-  tx as columnFiltersToQueryParams,
-  tb as columnFiltersToRecord,
-  Qb as createBackendParams,
-  rx as createBackendParamsWithFilters,
-  Kb as createColumnHelper,
-  Bb as createFieldConfig,
+  rx as columnFiltersToArrayQueryParams,
+  rb as columnFiltersToJsonString,
+  nx as columnFiltersToQueryParams,
+  nb as columnFiltersToRecord,
+  ex as createBackendParams,
+  ox as createBackendParamsWithFilters,
+  Yb as createColumnHelper,
+  zb as createFieldConfig,
   yv as createInputRefs,
-  ux as deleteCookie,
+  dx as deleteCookie,
   At as disabledStyles,
   sn as errorStyles,
   Q0 as flushedStyles,
-  Xb as getActiveFilterCount,
+  Zb as getActiveFilterCount,
   Pw as getActiveFilterValues,
-  Yb as getColumnValueCounts,
-  cx as getCookie,
-  zb as getPropsForInputType,
+  qb as getColumnValueCounts,
+  ux as getCookie,
+  Hb as getPropsForInputType,
   Tu as getUniqueColumnValues,
   pv as handleDigitChange,
   mv as handleKeyDown,
   gv as handlePaste,
-  qb as hasActiveFilters,
+  Xb as hasActiveFilters,
   ka as hasPermission,
   ul as headingBoldStyles,
   lf as headingRegularStyles,
   J0 as isAllowedInputType,
-  sx as mergeFilters,
+  ax as mergeFilters,
   $w as multiSelectFilter,
   yt as normalizeFieldTypes,
-  Ob as normalizeSelectOptions,
+  Bb as normalizeSelectOptions,
   au as overlayAnimation,
-  ix as parseJsonToFilters,
-  ox as parseQueryParamsToFilters,
+  sx as parseJsonToFilters,
+  ix as parseQueryParamsToFilters,
   Tw as searchInArray,
-  lx as setCookie,
+  cx as setCookie,
   xr as sizeStyles,
-  Ub as slideAnimation,
+  Wb as slideAnimation,
   Mv as smartAnimation,
-  Jb as sortRecordToSortingState,
-  eb as sortingStateToJsonString,
-  Qw as sortingStateToRecord,
+  Qb as sortRecordToSortingState,
+  tb as sortingStateToJsonString,
+  eb as sortingStateToRecord,
   Av as submenuAnimationTopDown,
-  Db as toast,
+  Fb as toast,
   Lw as useColumnFilter,
-  cb as useNotifications,
+  ub as useNotifications,
   cu as useSidebar,
   Rr as useTableContext,
-  ex as useTableData,
-  Zw as useTableFiltering,
-  Xw as useTableSorting,
-  jb as validateCode
+  tx as useTableData,
+  Jw as useTableFiltering,
+  Zw as useTableSorting,
+  Gb as validateCode
 };