qaema-ui 0.0.60 → 0.0.61

package/dist/_virtual/index.js

@@ -1,7 +1,7 @@
-import { getDefaultExportFromCjs as s } from "./_commonjsHelpers.js";
-import { __require as r } from "../node_modules/classnames/index.js";
-var a = r();
-const t = /* @__PURE__ */ s(a);
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as t } from "../node_modules/react-helmet-async/node_modules/react-fast-compare/index.js";
+var a = t();
+const m = /* @__PURE__ */ r(a);
 export {
-  t as default
+  m as default
 };

package/dist/_virtual/index2.js

@@ -1,7 +1,7 @@
 import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../node_modules/prop-types/index.js";
-var p = /* @__PURE__ */ o();
-const s = /* @__PURE__ */ r(p);
+import { __require as o } from "../node_modules/shallowequal/index.js";
+var a = o();
+const t = /* @__PURE__ */ r(a);
 export {
-  s as default
+  t as default
 };

package/dist/_virtual/index3.js

@@ -1,7 +1,7 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as t } from "../node_modules/react-helmet-async/node_modules/react-fast-compare/index.js";
-var a = t();
-const m = /* @__PURE__ */ r(a);
+import { getDefaultExportFromCjs as s } from "./_commonjsHelpers.js";
+import { __require as r } from "../node_modules/classnames/index.js";
+var a = r();
+const t = /* @__PURE__ */ s(a);
 export {
-  m as default
+  t as default
 };

package/dist/_virtual/index4.js

@@ -1,7 +1,7 @@
 import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../node_modules/shallowequal/index.js";
-var a = o();
-const t = /* @__PURE__ */ r(a);
+import { __require as o } from "../node_modules/prop-types/index.js";
+var p = /* @__PURE__ */ o();
+const s = /* @__PURE__ */ r(p);
 export {
-  t as default
+  s as default
 };

package/dist/components/DropDownWithTable/Table/Table.js

@@ -6,28 +6,28 @@ import Y from "../../Pagination.js";
 import Z from "../../Typography.js";
 import O, { CheckboxCell as H } from "./components/CellComponents.js";
 import z from "./components/TableHead.js";
-import { TableContainer as D, LoadingOverlay as k, TablesWrapper as F, DataScrollBox as R, StyledTable as w, TableBody as W, EmptyState as ee, TableRow as y, TableCellContainer as b, ActionsTable as te, TableFooter as ne } from "./Table.styles.js";
+import { TableContainer as D, LoadingOverlay as k, TablesWrapper as F, DataScrollBox as R, StyledTable as w, TableBody as W, EmptyState as ee, TableRow as y, TableCellContainer as b, ActionsTable as te, TableFooter as se } from "./Table.styles.js";
 function xe({
   columns: T,
-  data: n,
+  data: s,
   keyField: l,
   selectable: j = !1,
-  onRowSelect: m,
+  onRowSelect: o,
   rowActions: x,
   stickyHeader: $ = !1,
   loading: f = !1,
   emptyStateMessage: I,
-  pagination: s,
+  pagination: n,
   onRowClick: u,
   rowClassName: p,
   isRowDisabled: d,
-  breakpoint: _ = "md",
+  breakpoint: N = "md",
   alignHeader: C = "start",
   // Dropdown related props
-  isTableHeadVisible: K = !1,
+  isTableHeadVisible: _ = !1,
   isRowSelected: S
 }) {
-  const [h, g] = v([]), [B, P] = v(_), [M, A] = v(null), { t: N } = U();
+  const [h, g] = v([]), [B, a] = v(N), [K, A] = v(null), { t: M } = U();
   L(() => {
     const e = () => {
       A(null);
@@ -38,31 +38,31 @@ function xe({
   }, []), L(() => {
     const e = () => {
       const i = window.innerWidth;
-      i < 576 ? P("sm") : i < 992 ? P("md") : P("lg");
+      i < 576 ? a("sm") : i < 992 ? a("md") : a("lg");
     };
     return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
   }, []);
-  const a = Q(() => T.filter((e) => typeof e.hidden == "function" ? !e.hidden(B) : !e.hidden), [T, B]), V = () => {
-    h.length === n.length ? g([]) : g([...n]), m && m(h.length === n.length ? [] : [...n]);
+  const P = Q(() => T.filter((e) => typeof e.hidden == "function" ? !e.hidden(B) : !e.hidden), [T, B]), V = () => {
+    h.length === s.length ? g([]) : g([...s]), o && o(h.length === s.length ? [] : [...s]);
   }, q = (e) => {
     const i = h.filter((r) => e[l] === r[l]);
     return i && i.length > 0;
   }, G = (e) => {
-    const i = h.some((o) => o[l] === e[l]);
+    const i = h.some((m) => m[l] === e[l]);
     let r;
-    i ? r = h.filter((o) => o[l] !== e[l]) : r = [...h, e], g(r), m && m(r);
+    i ? r = h.filter((m) => m[l] !== e[l]) : r = [...h, e], g(r), o && o(r);
   };
   return /* @__PURE__ */ t.jsxs(D, { children: [
     f && /* @__PURE__ */ t.jsx(k, { children: /* @__PURE__ */ t.jsx(X, { size: "3rem" }) }),
     /* @__PURE__ */ t.jsxs(F, { children: [
       /* @__PURE__ */ t.jsx(R, { children: /* @__PURE__ */ t.jsxs(w, { children: [
-        K && /* @__PURE__ */ t.jsx(
+        _ && /* @__PURE__ */ t.jsx(
           z,
           {
-            data: n,
+            data: s,
             handleSelectAll: V,
             selectedRows: h,
-            visibleColumns: a,
+            visibleColumns: P,
             alignHeader: C,
             rowActions: void 0,
             stickyHeader: $,
@@ -70,12 +70,12 @@ function xe({
             loading: f
           }
         ),
-        /* @__PURE__ */ t.jsx(W, { children: n.length === 0 ? /* @__PURE__ */ t.jsx("tr", { children: /* @__PURE__ */ t.jsx("td", { colSpan: (j ? 1 : 0) + a.length, children: /* @__PURE__ */ t.jsx(ee, { children: /* @__PURE__ */ t.jsx(Z, { variant: "mdText", children: I ?? N("NO_DATA_AVAILABLE") }) }) }) }) : n == null ? void 0 : n.map((e, i) => {
-          const r = (d == null ? void 0 : d(e)) ?? !1, o = S ? S(e) : h.some((c) => c[l] === e[l]), E = e[l], J = (p == null ? void 0 : p(e, i)) ?? "";
+        /* @__PURE__ */ t.jsx(W, { children: s.length === 0 ? /* @__PURE__ */ t.jsx("tr", { children: /* @__PURE__ */ t.jsx("td", { colSpan: (j ? 1 : 0) + P.length, children: /* @__PURE__ */ t.jsx(ee, { children: /* @__PURE__ */ t.jsx(Z, { variant: "mdText", children: I ?? M("NO_DATA_AVAILABLE") }) }) }) }) : s == null ? void 0 : s.map((e, i) => {
+          const r = (d == null ? void 0 : d(e)) ?? !1, m = S ? S(e) : h.some((c) => c[l] === e[l]), E = e[l], J = (p == null ? void 0 : p(e, i)) ?? "";
           return /* @__PURE__ */ t.jsxs(
             y,
             {
-              $selected: o,
+              $selected: m,
               $disabled: r,
               $clickable: !!u && !r,
               onClick: () => !r && (u == null ? void 0 : u(e)),
@@ -93,13 +93,14 @@ function xe({
                     }
                   }
                 ) }),
-                a.map((c) => /* @__PURE__ */ t.jsx(b, { $align: c.align, children: /* @__PURE__ */ t.jsx(
+                P.map((c) => /* @__PURE__ */ t.jsx(b, { $align: c.align, children: /* @__PURE__ */ t.jsx(
                   O,
                   {
                     column: c,
                     row: e,
                     type: c.cellType ?? "text",
                     align: c.align,
+                    className: c.className,
                     width: c.width ?? "",
                     minWidth: c.minWidth ?? "",
                     maxWidth: c.maxWidth ?? ""
@@ -115,7 +116,7 @@ function xe({
         /* @__PURE__ */ t.jsx(
           z,
           {
-            data: n,
+            data: s,
             handleSelectAll: () => {
             },
             selectedRows: h,
@@ -127,7 +128,7 @@ function xe({
             loading: f
           }
         ),
-        /* @__PURE__ */ t.jsx(W, { children: n.length === 0 ? /* @__PURE__ */ t.jsx("tr", { children: /* @__PURE__ */ t.jsx("td", { children: /* @__PURE__ */ t.jsx("div", { style: { height: "3.5rem" } }) }) }) : n == null ? void 0 : n.map((e) => {
+        /* @__PURE__ */ t.jsx(W, { children: s.length === 0 ? /* @__PURE__ */ t.jsx("tr", { children: /* @__PURE__ */ t.jsx("td", { children: /* @__PURE__ */ t.jsx("div", { style: { height: "3.5rem" } }) }) }) : s == null ? void 0 : s.map((e) => {
           const i = (d == null ? void 0 : d(e)) ?? !1;
           return /* @__PURE__ */ t.jsx(y, { $disabled: i, children: /* @__PURE__ */ t.jsx(b, { $align: "center", $isActionCell: !0, children: /* @__PURE__ */ t.jsx(
             O,
@@ -137,7 +138,7 @@ function xe({
               iconOptions: {
                 keyField: l,
                 rowActions: x,
-                activeDropdown: M,
+                activeDropdown: K,
                 setActiveDropdown: A
               }
             }
@@ -145,21 +146,21 @@ function xe({
         }) })
       ] })
     ] }),
-    s && s.enabled && /* @__PURE__ */ t.jsx(ne, { children: /* @__PURE__ */ t.jsx(
+    n && n.enabled && /* @__PURE__ */ t.jsx(se, { children: /* @__PURE__ */ t.jsx(
       Y,
       {
-        currentPage: s.currentPage,
-        totalPages: s.totalPages,
-        onChange: s.onPageChange,
+        currentPage: n.currentPage,
+        totalPages: n.totalPages,
+        onChange: n.onPageChange,
         disabled: f,
-        hidePrevButton: s.hidePrevButton,
-        hideNextButton: s.hideNextButton,
-        siblingCount: s.siblingCount,
-        boundaryCount: s.boundaryCount,
-        itemsPerPage: s.pageSize,
-        totalItems: s.totalItems,
-        itemsPerPageOptions: s.itemsPerPageOptions,
-        onItemsPerPageChange: s.onItemsPerPageChange
+        hidePrevButton: n.hidePrevButton,
+        hideNextButton: n.hideNextButton,
+        siblingCount: n.siblingCount,
+        boundaryCount: n.boundaryCount,
+        itemsPerPage: n.pageSize,
+        totalItems: n.totalItems,
+        itemsPerPageOptions: n.itemsPerPageOptions,
+        onItemsPerPageChange: n.onItemsPerPageChange
       }
     ) })
   ] });

package/dist/components/DropDownWithTable/Table/Table.types.d.ts

@@ -4,6 +4,7 @@ export type TableColumn<T> = {
     id: string;
     header: string | React.ReactNode;
     accessor: keyof T | ((row: T) => React.ReactNode);
+    className?: string;
     width?: string;
     minWidth?: string;
     maxWidth?: string;

package/dist/components/StatCard.js

@@ -7,10 +7,11 @@ import j from "../assets/svg/Riyal.svg.js";
 const w = s.div`
   display: flex;
   width: 100%;
-  height: 4rem;
+  height: 5rem;
   border-radius: ${({ theme: r }) => r.borderRadius.md};
   border: 1px solid ${({ theme: r }) => r.colors.grey.n100};
-  overflow: hidden;
+  overflow-x: auto;
+  overflow-y: hidden;
   background-color: ${({ theme: r }) => r.colors.grey.n50};
 `, b = s.div`
   /* border: 1px solid ${({ theme: r }) => r.colors.grey.n150}; */
@@ -19,7 +20,7 @@ const w = s.div`
   flex-direction: column;
   justify-content: center;
   padding: 0.625rem ${({ theme: r }) => r.spacing.s};
-  gap: ${({ theme: r }) => r.spacing.xxs};
+
   background-color: ${({ theme: r }) => r.colors.grey.n50};
   @media ${t.tablet} {
     padding: ${({ theme: r }) => r.spacing.xxs} ${({ theme: r }) => r.spacing.xs};
@@ -108,11 +109,11 @@ const w = s.div`
   state: n,
   indicators: h,
   variant: g = "currency",
-  icon: x,
-  $isLast: y
+  icon: y,
+  $isLast: x
 }) => {
   const { arrow: c = !0, sign: l = !0, percentage: d = !0 } = h || {};
-  return /* @__PURE__ */ o.jsxs(b, { $isLast: y, children: [
+  return /* @__PURE__ */ o.jsxs(b, { $isLast: x, children: [
     /* @__PURE__ */ o.jsxs(v, { children: [
       /* @__PURE__ */ o.jsx("span", { children: r }),
       (c || l || d) && /* @__PURE__ */ o.jsx(z, { state: n, children: n === "positive" ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
@@ -126,7 +127,7 @@ const w = s.div`
       ] }) })
     ] }),
     /* @__PURE__ */ o.jsxs(I, { children: [
-      g === "icon" ? /* @__PURE__ */ o.jsx(C, { children: x }) : /* @__PURE__ */ o.jsx(k, { src: j, alt: "Riyal" }),
+      g === "icon" ? /* @__PURE__ */ o.jsx(C, { children: y }) : /* @__PURE__ */ o.jsx(k, { src: j, alt: "Riyal" }),
       /* @__PURE__ */ o.jsxs(A, { children: [
         e,
         g !== "icon" && i && /* @__PURE__ */ o.jsxs(R, { children: [

package/dist/components/Table/Table.js

@@ -1,7 +1,7 @@
 import { j as t } from "../../_virtual/jsx-runtime.js";
-import { useState as v, useEffect as E, useMemo as G } from "react";
-import { useTranslation as J } from "react-i18next";
-import N from "../Spinner.js";
+import { useState as v, useEffect as E, useMemo as q } from "react";
+import { useTranslation as G } from "react-i18next";
+import J from "../Spinner.js";
 import Q from "../Pagination.js";
 import U from "../Typography.js";
 import L, { CheckboxCell as X } from "./components/CellComponents.js";
@@ -9,22 +9,22 @@ import O from "./components/TableHead.js";
 import { TableContainer as Y, LoadingOverlay as Z, TablesWrapper as H, DataScrollBox as D, StyledTable as k, TableBody as z, EmptyState as F, TableRow as W, TableCellContainer as b, ActionsTable as R, TableFooter as w } from "./Table.styles.js";
 function de({
   columns: T,
-  data: i,
+  data: c,
   keyField: r,
-  selectable: u = !1,
-  onRowSelect: x,
-  rowActions: m,
+  selectable: j = !1,
+  onRowSelect: m,
+  rowActions: x,
   stickyHeader: $ = !1,
   loading: a = !1,
   emptyStateMessage: y,
   pagination: n,
   onRowClick: f,
-  rowClassName: j,
+  rowClassName: u,
   isRowDisabled: d,
   breakpoint: I = "md",
   alignHeader: C = "start"
 }) {
-  const [h, p] = v([]), [S, g] = v(I), [_, B] = v(null), { t: K } = J();
+  const [h, p] = v([]), [S, g] = v(I), [N, B] = v(null), { t: _ } = G();
   E(() => {
     const e = () => {
       B(null);
@@ -39,36 +39,36 @@ function de({
     };
     return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
   }, []);
-  const P = G(() => T.filter((e) => typeof e.hidden == "function" ? !e.hidden(S) : !e.hidden), [T, S]), M = () => {
-    h.length === i.length ? p([]) : p([...i]), x && x(h.length === i.length ? [] : [...i]);
-  }, V = (e) => {
+  const P = q(() => T.filter((e) => typeof e.hidden == "function" ? !e.hidden(S) : !e.hidden), [T, S]), K = () => {
+    h.length === c.length ? p([]) : p([...c]), m && m(h.length === c.length ? [] : [...c]);
+  }, M = (e) => {
     const l = h.filter((s) => e[r] === s[r]);
     return l && l.length > 0;
-  }, q = (e) => {
+  }, V = (e) => {
     const l = h.some((o) => o[r] === e[r]);
     let s;
-    l ? s = h.filter((o) => o[r] !== e[r]) : s = [...h, e], p(s), x && x(s);
+    l ? s = h.filter((o) => o[r] !== e[r]) : s = [...h, e], p(s), m && m(s);
   };
   return /* @__PURE__ */ t.jsxs(Y, { children: [
-    a && /* @__PURE__ */ t.jsx(Z, { children: /* @__PURE__ */ t.jsx(N, { size: "3rem" }) }),
+    a && /* @__PURE__ */ t.jsx(Z, { children: /* @__PURE__ */ t.jsx(J, { size: "3rem" }) }),
     /* @__PURE__ */ t.jsxs(H, { children: [
       /* @__PURE__ */ t.jsx(D, { children: /* @__PURE__ */ t.jsxs(k, { children: [
         /* @__PURE__ */ t.jsx(
           O,
           {
-            data: i,
-            handleSelectAll: M,
+            data: c,
+            handleSelectAll: K,
             selectedRows: h,
             visibleColumns: P,
             alignHeader: C,
             rowActions: void 0,
             stickyHeader: $,
-            selectable: u,
+            selectable: j,
             loading: a
           }
         ),
-        /* @__PURE__ */ t.jsx(z, { children: i.length === 0 ? /* @__PURE__ */ t.jsx("tr", { children: /* @__PURE__ */ t.jsx("td", { colSpan: (u ? 1 : 0) + P.length, children: /* @__PURE__ */ t.jsx(F, { children: /* @__PURE__ */ t.jsx(U, { variant: "mdText", children: y ?? K("NO_DATA_AVAILABLE") }) }) }) }) : i.map((e, l) => {
-          const s = (d == null ? void 0 : d(e)) ?? !1, o = h.some((c) => c[r] === e[r]), A = e[r];
+        /* @__PURE__ */ t.jsx(z, { children: c.length === 0 ? /* @__PURE__ */ t.jsx("tr", { children: /* @__PURE__ */ t.jsx("td", { colSpan: (j ? 1 : 0) + P.length, children: /* @__PURE__ */ t.jsx(F, { children: /* @__PURE__ */ t.jsx(U, { variant: "mdText", children: y ?? _("NO_DATA_AVAILABLE") }) }) }) }) : c.map((e, l) => {
+          const s = (d == null ? void 0 : d(e)) ?? !1, o = h.some((i) => i[r] === e[r]), A = e[r];
           return /* @__PURE__ */ t.jsxs(
             W,
             {
@@ -76,55 +76,56 @@ function de({
               $disabled: s,
               $clickable: !!f && !s,
               onClick: () => !s && (f == null ? void 0 : f(e)),
-              className: (j == null ? void 0 : j(e, l)) ?? "",
+              className: (u == null ? void 0 : u(e, l)) ?? "",
               children: [
-                u && /* @__PURE__ */ t.jsx(b, { $align: "center", $isFirstColumn: !0, children: /* @__PURE__ */ t.jsx(
+                j && /* @__PURE__ */ t.jsx(b, { $align: "center", $isFirstColumn: !0, children: /* @__PURE__ */ t.jsx(
                   X,
                   {
                     checkBoxOptions: {
-                      checked: V(e),
+                      checked: M(e),
                       $variant: "primary",
                       $disabled: s,
                       $size: "sm",
-                      onChange: () => !s && q(e)
+                      onChange: () => !s && V(e)
                     }
                   }
                 ) }),
-                P.map((c) => /* @__PURE__ */ t.jsx(b, { $align: c.align, children: /* @__PURE__ */ t.jsx(
+                P.map((i) => /* @__PURE__ */ t.jsx(b, { $align: i.align, children: /* @__PURE__ */ t.jsx(
                   L,
                   {
-                    column: c,
+                    column: i,
                     row: e,
-                    type: c.cellType ?? "text",
-                    align: c.align,
-                    width: c.width ?? "",
-                    minWidth: c.minWidth ?? "",
-                    maxWidth: c.maxWidth ?? ""
+                    type: i.cellType ?? "text",
+                    align: i.align,
+                    className: i.className,
+                    width: i.width ?? "",
+                    minWidth: i.minWidth ?? "",
+                    maxWidth: i.maxWidth ?? ""
                   }
-                ) }, `${A}-${c.id}`))
+                ) }, `${A}-${i.id}`))
               ]
             },
             A
           );
         }) })
       ] }) }),
-      m && m.length > 0 && /* @__PURE__ */ t.jsxs(R, { children: [
+      x && x.length > 0 && /* @__PURE__ */ t.jsxs(R, { children: [
         /* @__PURE__ */ t.jsx(
           O,
           {
-            data: i,
+            data: c,
             handleSelectAll: () => {
             },
             selectedRows: h,
             visibleColumns: [],
             alignHeader: C,
-            rowActions: m,
+            rowActions: x,
             stickyHeader: $,
             selectable: !1,
             loading: a
           }
         ),
-        /* @__PURE__ */ t.jsx(z, { children: i.length === 0 ? /* @__PURE__ */ t.jsx("tr", { children: /* @__PURE__ */ t.jsx("td", { children: /* @__PURE__ */ t.jsx("div", { style: { height: "3.5rem" } }) }) }) : i.map((e) => {
+        /* @__PURE__ */ t.jsx(z, { children: c.length === 0 ? /* @__PURE__ */ t.jsx("tr", { children: /* @__PURE__ */ t.jsx("td", { children: /* @__PURE__ */ t.jsx("div", { style: { height: "3.5rem" } }) }) }) : c.map((e) => {
           const l = (d == null ? void 0 : d(e)) ?? !1;
           return /* @__PURE__ */ t.jsx(W, { $disabled: l, children: /* @__PURE__ */ t.jsx(b, { $align: "center", $isActionCell: !0, children: /* @__PURE__ */ t.jsx(
             L,
@@ -133,8 +134,8 @@ function de({
               type: "icon",
               iconOptions: {
                 keyField: r,
-                rowActions: m,
-                activeDropdown: _,
+                rowActions: x,
+                activeDropdown: N,
                 setActiveDropdown: B
               }
             }

package/dist/components/Table/Table.types.d.ts

@@ -4,6 +4,7 @@ export type TableColumn<T> = {
     id: string;
     header: string | React.ReactNode;
     accessor: keyof T | ((row: T) => React.ReactNode);
+    className?: string;
     width?: string;
     minWidth?: string;
     maxWidth?: string;

package/dist/components/Table/components/CellComponents.js

@@ -25,7 +25,7 @@ const i = g.div`
   duplicate: /* @__PURE__ */ r.jsx(j, {}),
   approve: /* @__PURE__ */ r.jsx(u, {}),
   print: /* @__PURE__ */ r.jsx(u, {})
-}, R = (e) => E[e.toLowerCase()] ?? null, D = ({ data: e, type: t, width: s, maxWidth: n, minWidth: o }) => /* @__PURE__ */ r.jsx(i, { width: s, maxWidth: n, minWidth: o, children: e && /* @__PURE__ */ r.jsx(d, { data: e, type: t, width: s }) }), L = ({ data: e, type: t, width: s, maxWidth: n, minWidth: o }) => /* @__PURE__ */ r.jsx(i, { width: s, maxWidth: n, minWidth: o, children: e && /* @__PURE__ */ r.jsx(d, { data: e, type: t, width: s }) }), M = ({ data: e, type: t, width: s, maxWidth: n, minWidth: o }) => /* @__PURE__ */ r.jsx(i, { width: s, maxWidth: n, minWidth: o, children: e && /* @__PURE__ */ r.jsx(d, { data: e, type: t, width: s }) }), S = ({ data: e, type: t, width: s, maxWidth: n, minWidth: o }) => /* @__PURE__ */ r.jsx(i, { width: s, maxWidth: n, minWidth: o, children: e && /* @__PURE__ */ r.jsx(d, { data: e, type: t, width: s }) }), V = ({ data: e, type: t, width: s, maxWidth: n, minWidth: o }) => /* @__PURE__ */ r.jsx(i, { width: s, maxWidth: n, minWidth: o, children: e && /* @__PURE__ */ r.jsx(b, { data: e, type: t, width: s }) }), H = ({ data: e, width: t, maxWidth: s, minWidth: n }) => /* @__PURE__ */ r.jsx(i, { width: t, maxWidth: s, minWidth: n, children: /* @__PURE__ */ r.jsx($, { value: e.value, direction: e.transactionType }) }), K = ({ checkBoxOptions: e, width: t, maxWidth: s, minWidth: n }) => {
+}, R = (e) => E[e.toLowerCase()] ?? null, D = ({ data: e, type: t, width: s, maxWidth: n, minWidth: o }) => /* @__PURE__ */ r.jsx(i, { width: s, maxWidth: n, minWidth: o, children: e && /* @__PURE__ */ r.jsx(d, { data: e, type: t, width: s }) }), L = ({ data: e, type: t, width: s, maxWidth: n, minWidth: o }) => /* @__PURE__ */ r.jsx(i, { width: s, maxWidth: n, minWidth: o, children: e && /* @__PURE__ */ r.jsx(d, { data: e, type: t, width: s }) }), M = ({ data: e, type: t, width: s, maxWidth: n, minWidth: o }) => /* @__PURE__ */ r.jsx(i, { width: s, maxWidth: n, minWidth: o, children: e && /* @__PURE__ */ r.jsx(d, { data: e, type: t, width: s }) }), S = ({ data: e, type: t, width: s, maxWidth: n, minWidth: o, className: c }) => /* @__PURE__ */ r.jsx(i, { className: c, width: s, maxWidth: n, minWidth: o, children: e && /* @__PURE__ */ r.jsx(d, { data: e, type: t, width: s }) }), V = ({ data: e, type: t, width: s, maxWidth: n, minWidth: o }) => /* @__PURE__ */ r.jsx(i, { width: s, maxWidth: n, minWidth: o, children: e && /* @__PURE__ */ r.jsx(b, { data: e, type: t, width: s }) }), H = ({ data: e, width: t, maxWidth: s, minWidth: n }) => /* @__PURE__ */ r.jsx(i, { width: t, maxWidth: s, minWidth: n, children: /* @__PURE__ */ r.jsx($, { value: e.value, direction: e.transactionType }) }), K = ({ checkBoxOptions: e, width: t, maxWidth: s, minWidth: n }) => {
   const o = e ? { ...e, name: e.name ?? "" } : void 0;
   return /* @__PURE__ */ r.jsx(i, { width: t, maxWidth: s, minWidth: n, children: /* @__PURE__ */ r.jsx(F, { ...o }) });
 }, P = ({ radioButtonOptions: e, width: t, maxWidth: s, minWidth: n }) => {

package/dist/node_modules/react-bootstrap/esm/Alert.js

@@ -1,4 +1,4 @@
-import k from "../../../_virtual/index.js";
+import k from "../../../_virtual/index3.js";
 import * as v from "react";
 import N from "../../uncontrollable/lib/esm/hook.js";
 import "../../../_virtual/browser.js";

package/dist/node_modules/react-bootstrap/esm/AlertHeading.js

@@ -1,5 +1,5 @@
 import * as m from "react";
-import i from "../../../_virtual/index.js";
+import i from "../../../_virtual/index3.js";
 import { useBootstrapPrefix as l } from "./ThemeProvider.js";
 import d from "./divWithClassName.js";
 import { j as p } from "../../../_virtual/jsx-runtime.js";

package/dist/node_modules/react-bootstrap/esm/AlertLink.js

@@ -1,5 +1,5 @@
 import * as s from "react";
-import e from "../../../_virtual/index.js";
+import e from "../../../_virtual/index3.js";
 import i from "../../@restart/ui/esm/Anchor.js";
 import { useBootstrapPrefix as p } from "./ThemeProvider.js";
 import { j as f } from "../../../_virtual/jsx-runtime.js";

package/dist/node_modules/react-bootstrap/esm/Button.js

@@ -1,4 +1,4 @@
-import l from "../../../_virtual/index.js";
+import l from "../../../_virtual/index3.js";
 import * as x from "react";
 import { useButtonProps as N } from "../../@restart/ui/esm/Button.js";
 import { useBootstrapPrefix as B } from "./ThemeProvider.js";

package/dist/node_modules/react-bootstrap/esm/CloseButton.js

@@ -1,6 +1,6 @@
-import o from "../../../_virtual/index2.js";
+import o from "../../../_virtual/index4.js";
 import * as p from "react";
-import n from "../../../_virtual/index.js";
+import n from "../../../_virtual/index3.js";
 import { j as i } from "../../../_virtual/jsx-runtime.js";
 const m = {
   /** An accessible label indicating the relevant information about the Close Button. */

package/dist/node_modules/react-bootstrap/esm/Col.js

@@ -1,4 +1,4 @@
-import $ from "../../../_virtual/index.js";
+import $ from "../../../_virtual/index3.js";
 import * as d from "react";
 import { useBootstrapPrefix as B, useBootstrapBreakpoints as h, useBootstrapMinBreakpoint as N } from "./ThemeProvider.js";
 import { j } from "../../../_virtual/jsx-runtime.js";

package/dist/node_modules/react-bootstrap/esm/Collapse.js

@@ -1,4 +1,4 @@
-import j from "../../../_virtual/index.js";
+import j from "../../../_virtual/index3.js";
 import d from "../../dom-helpers/esm/css.js";
 import h, { useMemo as r } from "react";
 import { ENTERED as G, ENTERING as L, EXITING as B, EXITED as M } from "../../react-transition-group/esm/Transition.js";

package/dist/node_modules/react-bootstrap/esm/Dropdown.js

@@ -1,4 +1,4 @@
-import j from "../../../_virtual/index.js";
+import j from "../../../_virtual/index3.js";
 import * as P from "react";
 import { useContext as R, useMemo as S } from "react";
 import $ from "../../@restart/ui/esm/Dropdown.js";

package/dist/node_modules/react-bootstrap/esm/DropdownDivider.js

@@ -1,5 +1,5 @@
 import * as m from "react";
-import p from "../../../_virtual/index.js";
+import p from "../../../_virtual/index3.js";
 import { useBootstrapPrefix as d } from "./ThemeProvider.js";
 import { j as i } from "../../../_virtual/jsx-runtime.js";
 const f = /* @__PURE__ */ m.forwardRef(({

package/dist/node_modules/react-bootstrap/esm/DropdownHeader.js

@@ -1,5 +1,5 @@
 import * as d from "react";
-import m from "../../../_virtual/index.js";
+import m from "../../../_virtual/index3.js";
 import { useBootstrapPrefix as p } from "./ThemeProvider.js";
 import { j as f } from "../../../_virtual/jsx-runtime.js";
 const i = /* @__PURE__ */ d.forwardRef(({

package/dist/node_modules/react-bootstrap/esm/DropdownItem.js

@@ -1,4 +1,4 @@
-import c from "../../../_virtual/index.js";
+import c from "../../../_virtual/index3.js";
 import * as w from "react";
 import { useDropdownItem as x } from "../../@restart/ui/esm/DropdownItem.js";
 import l from "../../@restart/ui/esm/Anchor.js";

package/dist/node_modules/react-bootstrap/esm/DropdownItemText.js

@@ -1,5 +1,5 @@
 import * as m from "react";
-import s from "../../../_virtual/index.js";
+import s from "../../../_virtual/index3.js";
 import { useBootstrapPrefix as p } from "./ThemeProvider.js";
 import { j as d } from "../../../_virtual/jsx-runtime.js";
 const f = /* @__PURE__ */ m.forwardRef(({

package/dist/node_modules/react-bootstrap/esm/DropdownMenu.js

@@ -1,4 +1,4 @@
-import W from "../../../_virtual/index.js";
+import W from "../../../_virtual/index3.js";
 import * as C from "react";
 import { useContext as x } from "react";
 import { useDropdownMenu as I } from "../../@restart/ui/esm/DropdownMenu.js";

package/dist/node_modules/react-bootstrap/esm/DropdownToggle.js

@@ -1,7 +1,7 @@
 import a from "../../@restart/hooks/esm/useMergedRefs.js";
 import d from "../../@restart/ui/esm/DropdownContext.js";
 import { useDropdownToggle as g } from "../../@restart/ui/esm/DropdownToggle.js";
-import l from "../../../_virtual/index.js";
+import l from "../../../_virtual/index3.js";
 import * as u from "react";
 import { useContext as w } from "react";
 import x from "./Button.js";

package/dist/node_modules/react-bootstrap/esm/Fade.js

@@ -1,4 +1,4 @@
-import l from "../../../_virtual/index.js";
+import l from "../../../_virtual/index3.js";
 import * as s from "react";
 import { useCallback as d } from "react";
 import { ENTERED as E, ENTERING as c } from "../../react-transition-group/esm/Transition.js";

package/dist/node_modules/react-bootstrap/esm/Feedback.js

@@ -1,6 +1,6 @@
-import i from "../../../_virtual/index.js";
+import i from "../../../_virtual/index3.js";
 import * as f from "react";
-import e from "../../../_virtual/index2.js";
+import e from "../../../_virtual/index4.js";
 import { j as l } from "../../../_virtual/jsx-runtime.js";
 const c = {
   /**

package/dist/node_modules/react-bootstrap/esm/FloatingLabel.js

@@ -1,4 +1,4 @@
-import i from "../../../_virtual/index.js";
+import i from "../../../_virtual/index3.js";
 import * as f from "react";
 import p from "./FormGroup.js";
 import { useBootstrapPrefix as n } from "./ThemeProvider.js";

package/dist/node_modules/react-bootstrap/esm/Form.js

@@ -1,5 +1,5 @@
-import i from "../../../_virtual/index.js";
-import o from "../../../_virtual/index2.js";
+import i from "../../../_virtual/index3.js";
+import o from "../../../_virtual/index4.js";
 import * as s from "react";
 import f from "./FormCheck.js";
 import l from "./FormControl.js";

package/dist/node_modules/react-bootstrap/esm/FormCheck.js

@@ -1,4 +1,4 @@
-import O from "../../../_virtual/index.js";
+import O from "../../../_virtual/index3.js";
 import * as B from "react";
 import { useContext as E, useMemo as M } from "react";
 import T from "./Feedback.js";

package/dist/node_modules/react-bootstrap/esm/FormCheckInput.js

@@ -1,4 +1,4 @@
-import f from "../../../_virtual/index.js";
+import f from "../../../_virtual/index3.js";
 import * as n from "react";
 import { useContext as l } from "react";
 import u from "./FormContext.js";

package/dist/node_modules/react-bootstrap/esm/FormCheckLabel.js

@@ -1,4 +1,4 @@
-import s from "../../../_virtual/index.js";
+import s from "../../../_virtual/index3.js";
 import * as l from "react";
 import { useContext as c } from "react";
 import f from "./FormContext.js";

package/dist/node_modules/react-bootstrap/esm/FormControl.js

@@ -1,4 +1,4 @@
-import C from "../../../_virtual/index.js";
+import C from "../../../_virtual/index3.js";
 import * as F from "react";
 import { useContext as N } from "react";
 import $ from "../../../_virtual/warning.js";

package/dist/node_modules/react-bootstrap/esm/FormFloating.js

@@ -1,5 +1,5 @@
 import * as s from "react";
-import e from "../../../_virtual/index.js";
+import e from "../../../_virtual/index3.js";
 import { useBootstrapPrefix as f } from "./ThemeProvider.js";
 import { j as i } from "../../../_virtual/jsx-runtime.js";
 const p = /* @__PURE__ */ s.forwardRef(({

package/dist/node_modules/react-bootstrap/esm/FormLabel.js

@@ -1,4 +1,4 @@
-import c from "../../../_virtual/index.js";
+import c from "../../../_virtual/index3.js";
 import * as d from "react";
 import { useContext as u } from "react";
 import x from "../../../_virtual/warning.js";

package/dist/node_modules/react-bootstrap/esm/FormRange.js

@@ -1,4 +1,4 @@
-import s from "../../../_virtual/index.js";
+import s from "../../../_virtual/index3.js";
 import * as n from "react";
 import { useContext as p } from "react";
 import { useBootstrapPrefix as f } from "./ThemeProvider.js";

package/dist/node_modules/react-bootstrap/esm/FormSelect.js

@@ -1,4 +1,4 @@
-import c from "../../../_virtual/index.js";
+import c from "../../../_virtual/index3.js";
 import * as p from "react";
 import { useContext as n } from "react";
 import { useBootstrapPrefix as d } from "./ThemeProvider.js";

package/dist/node_modules/react-bootstrap/esm/FormText.js

@@ -1,4 +1,4 @@
-import s from "../../../_virtual/index.js";
+import s from "../../../_virtual/index3.js";
 import * as f from "react";
 import { useBootstrapPrefix as p } from "./ThemeProvider.js";
 import { j as x } from "../../../_virtual/jsx-runtime.js";

package/dist/node_modules/react-bootstrap/esm/Image.js

@@ -1,6 +1,6 @@
-import f from "../../../_virtual/index.js";
+import f from "../../../_virtual/index3.js";
 import * as d from "react";
-import o from "../../../_virtual/index2.js";
+import o from "../../../_virtual/index4.js";
 import { useBootstrapPrefix as u } from "./ThemeProvider.js";
 import { j as p } from "../../../_virtual/jsx-runtime.js";
 o.string, o.bool, o.bool, o.bool, o.bool;

package/dist/node_modules/react-bootstrap/esm/Nav.js

@@ -1,4 +1,4 @@
-import P from "../../../_virtual/index.js";
+import P from "../../../_virtual/index3.js";
 import * as j from "react";
 import { useContext as m } from "react";
 import y from "../../uncontrollable/lib/esm/hook.js";

package/dist/node_modules/react-bootstrap/esm/NavItem.js

@@ -1,5 +1,5 @@
 import * as s from "react";
-import e from "../../../_virtual/index.js";
+import e from "../../../_virtual/index3.js";
 import { useBootstrapPrefix as p } from "./ThemeProvider.js";
 import { j as f } from "../../../_virtual/jsx-runtime.js";
 const i = /* @__PURE__ */ s.forwardRef(({

package/dist/node_modules/react-bootstrap/esm/NavLink.js

@@ -1,4 +1,4 @@
-import c from "../../../_virtual/index.js";
+import c from "../../../_virtual/index3.js";
 import * as p from "react";
 import v from "../../@restart/ui/esm/Anchor.js";
 import { useNavItem as l } from "../../@restart/ui/esm/NavItem.js";

package/dist/node_modules/react-bootstrap/esm/Navbar.js

@@ -1,4 +1,4 @@
-import P from "../../../_virtual/index.js";
+import P from "../../../_virtual/index3.js";
 import * as T from "react";
 import { useCallback as j, useMemo as h } from "react";
 import y from "../../@restart/ui/esm/SelectableContext.js";

package/dist/node_modules/react-bootstrap/esm/NavbarBrand.js

@@ -1,4 +1,4 @@
-import e from "../../../_virtual/index.js";
+import e from "../../../_virtual/index3.js";
 import * as n from "react";
 import { useBootstrapPrefix as f } from "./ThemeProvider.js";
 import { j as p } from "../../../_virtual/jsx-runtime.js";

package/dist/node_modules/react-bootstrap/esm/NavbarText.js

@@ -1,5 +1,5 @@
 import * as e from "react";
-import m from "../../../_virtual/index.js";
+import m from "../../../_virtual/index3.js";
 import { useBootstrapPrefix as p } from "./ThemeProvider.js";
 import { j as f } from "../../../_virtual/jsx-runtime.js";
 const x = /* @__PURE__ */ e.forwardRef(({

package/dist/node_modules/react-bootstrap/esm/NavbarToggle.js

@@ -1,4 +1,4 @@
-import g from "../../../_virtual/index.js";
+import g from "../../../_virtual/index3.js";
 import * as u from "react";
 import { useContext as d } from "react";
 import x from "../../@restart/hooks/esm/useEventCallback.js";

package/dist/node_modules/react-bootstrap/esm/Offcanvas.js

@@ -1,4 +1,4 @@
-import v from "../../../_virtual/index.js";
+import v from "../../../_virtual/index3.js";
 import Q from "../../@restart/hooks/esm/useBreakpoint.js";
 import U from "../../@restart/hooks/esm/useEventCallback.js";
 import * as V from "react";

package/dist/node_modules/react-bootstrap/esm/OffcanvasBody.js

@@ -1,5 +1,5 @@
 import * as t from "react";
-import m from "../../../_virtual/index.js";
+import m from "../../../_virtual/index3.js";
 import { useBootstrapPrefix as e } from "./ThemeProvider.js";
 import { j as p } from "../../../_virtual/jsx-runtime.js";
 const c = /* @__PURE__ */ t.forwardRef(({

package/dist/node_modules/react-bootstrap/esm/OffcanvasHeader.js

@@ -1,4 +1,4 @@
-import f from "../../../_virtual/index.js";
+import f from "../../../_virtual/index3.js";
 import * as m from "react";
 import { useBootstrapPrefix as c } from "./ThemeProvider.js";
 import l from "./AbstractModalHeader.js";

package/dist/node_modules/react-bootstrap/esm/OffcanvasTitle.js

@@ -1,5 +1,5 @@
 import * as e from "react";
-import m from "../../../_virtual/index.js";
+import m from "../../../_virtual/index3.js";
 import f from "./divWithClassName.js";
 import { useBootstrapPrefix as i } from "./ThemeProvider.js";
 import { j as l } from "../../../_virtual/jsx-runtime.js";

package/dist/node_modules/react-bootstrap/esm/OffcanvasToggling.js

@@ -1,4 +1,4 @@
-import c from "../../../_virtual/index.js";
+import c from "../../../_virtual/index3.js";
 import * as n from "react";
 import { ENTERING as t, EXITING as g, ENTERED as d } from "../../react-transition-group/esm/Transition.js";
 import { getChildRef as N } from "../../@restart/ui/esm/utils.js";

package/dist/node_modules/react-bootstrap/esm/Toast.js

@@ -1,6 +1,6 @@
 import * as $ from "react";
 import { useRef as l, useEffect as x, useCallback as k, useMemo as A } from "react";
-import M from "../../../_virtual/index.js";
+import M from "../../../_virtual/index3.js";
 import b from "../../@restart/hooks/esm/useTimeout.js";
 import q from "./ToastFade.js";
 import w from "./ToastHeader.js";

package/dist/node_modules/react-bootstrap/esm/ToastBody.js

@@ -1,5 +1,5 @@
 import * as m from "react";
-import e from "../../../_virtual/index.js";
+import e from "../../../_virtual/index3.js";
 import { useBootstrapPrefix as p } from "./ThemeProvider.js";
 import { j as d } from "../../../_virtual/jsx-runtime.js";
 const f = /* @__PURE__ */ m.forwardRef(({

package/dist/node_modules/react-bootstrap/esm/ToastHeader.js

@@ -1,4 +1,4 @@
-import d from "../../../_virtual/index.js";
+import d from "../../../_virtual/index3.js";
 import * as f from "react";
 import { useContext as u } from "react";
 import C from "../../@restart/hooks/esm/useEventCallback.js";

package/dist/node_modules/react-bootstrap/esm/divWithClassName.js

@@ -1,5 +1,5 @@
 import * as r from "react";
-import e from "../../../_virtual/index.js";
+import e from "../../../_virtual/index3.js";
 import { j as o } from "../../../_virtual/jsx-runtime.js";
 const i = ((a) => (
   // eslint-disable-next-line react/display-name

package/dist/node_modules/react-helmet-async/lib/index.esm.js

@@ -2,9 +2,9 @@ var Q = Object.defineProperty;
 var X = (e, t, r) => t in e ? Q(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
 var h = (e, t, r) => X(e, typeof t != "symbol" ? t + "" : t, r);
 import y, { Component as R } from "react";
-import ee from "../../../_virtual/index3.js";
+import ee from "../../../_virtual/index.js";
 import F from "../../../_virtual/browser.js";
-import te from "../../../_virtual/index4.js";
+import te from "../../../_virtual/index2.js";
 var Y = /* @__PURE__ */ ((e) => (e.BASE = "base", e.BODY = "body", e.HEAD = "head", e.HTML = "html", e.LINK = "link", e.META = "meta", e.NOSCRIPT = "noscript", e.SCRIPT = "script", e.STYLE = "style", e.TITLE = "title", e.FRAGMENT = "Symbol(react.fragment)", e))(Y || {}), $ = {
   link: { rel: ["amphtml", "canonical", "alternate"] },
   script: { type: ["application/ld+json"] },

package/dist/node_modules/react-smooth/es6/Animate.js

@@ -1,5 +1,5 @@
 import x, { Children as w, cloneElement as z, PureComponent as F } from "react";
-import a from "../../../_virtual/index2.js";
+import a from "../../../_virtual/index4.js";
 import { deepEqual as H } from "../../fast-equals/dist/esm/index.js";
 import L from "./AnimateManager.js";
 import { configEasing as V } from "./easing.js";

package/dist/node_modules/react-transition-group/esm/Transition.js

@@ -1,6 +1,6 @@
 import C from "../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js";
 import D from "../../@babel/runtime/helpers/esm/inheritsLoose.js";
-import o from "../../../_virtual/index2.js";
+import o from "../../../_virtual/index4.js";
 import v from "react";
 import b from "react-dom";
 import T from "./config.js";

package/dist/node_modules/react-transition-group/esm/utils/PropTypes.js

@@ -1,4 +1,4 @@
-import e from "../../../../_virtual/index2.js";
+import e from "../../../../_virtual/index4.js";
 var n = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.shape({
   enter: e.number,
   exit: e.number,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "qaema-ui",
   "private": false,
-  "version": "0.0.60",
+  "version": "0.0.61",
   "type": "module",
   "publishConfig": {
     "access": "public"