qaema-ui 0.0.57 → 0.0.59

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 t } from "../node_modules/react-helmet-async/node_modules/react-fast-compare/index.js";
+var a = t();
+const m = /* @__PURE__ */ r(a);
 export {
-  s as default
+  m 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 { __require as o } from "../node_modules/shallowequal/index.js";
+var a = o();
+const t = /* @__PURE__ */ r(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/_virtual/index7.js

@@ -1,4 +1,5 @@
-var e = { exports: {} };
+import { __require as r } from "../node_modules/recharts/node_modules/react-is/index.js";
+var a = r();
 export {
-  e as __module
+  a as r
 };

package/dist/_virtual/index8.js

@@ -1,5 +1,4 @@
-import { __require as r } from "../node_modules/recharts/node_modules/react-is/index.js";
-var a = r();
+var e = { exports: {} };
 export {
-  a as r
+  e as __module
 };

package/dist/components/RequestCard.d.ts

@@ -10,6 +10,7 @@ export type RequestCardProps = {
     variant?: RequestCardVariant;
     image?: React.ReactNode;
     title: React.ReactNode;
+    titleBadge?: BadgeProps;
     subtitle?: React.ReactNode;
     trackingLabel?: React.ReactNode;
     progress?: number;

package/dist/components/RequestCard.js

@@ -1,31 +1,31 @@
 import { j as n } from "../_virtual/jsx-runtime.js";
 import "react";
-import s, { useTheme as F } from "styled-components";
-import A from "./Badge.js";
+import e, { useTheme as H } from "styled-components";
+import $ from "./Badge.js";
 import p from "./Button.js";
-import { useQaemaCoreTranslation as H } from "../i18n/i18n.js";
-import P from "../assets/svg/Riyal.svg.js";
-import { FeatureList as q, FeatureRow as W, Bullet as E } from "./RequestSummaryCard.js";
+import { useQaemaCoreTranslation as P } from "../i18n/i18n.js";
+import q from "../assets/svg/Riyal.svg.js";
+import { FeatureList as W, FeatureRow as E, Bullet as M } from "./RequestSummaryCard.js";
 import h from "./Typography.js";
-const M = s.div`
+const V = e.div`
   display: flex;
   flex-direction: column;
   justify-content: space-between;
-  height: ${({ image: e, inModal: i }) => e ? i ? "65%" : "unset" : "100%"};
-`, V = s.div`
+  height: ${({ image: i, inModal: s }) => i ? s ? "65%" : "unset" : "100%"};
+`, D = e.div`
   min-width: 9.0625rem;
   display: flex;
-  aspect-ratio: ${({ $inModal: e }) => e ? "23/9" : "11/9"};
-  background: ${({ $background: e, theme: i }) => e ?? `linear-gradient(
+  aspect-ratio: ${({ $inModal: i }) => i ? "23/9" : "11/9"};
+  background: ${({ $background: i, theme: s }) => i ?? `linear-gradient(
       180deg,
-      ${i.colors.primary.purple.n100} 0%,
-      ${i.colors.primary.purple.n300} 100%
+      ${s.colors.primary.purple.n100} 0%,
+      ${s.colors.primary.purple.n300} 100%
     )`};
-  border-radius: ${({ theme: e }) => e.borderRadius.md};
+  border-radius: ${({ theme: i }) => i.borderRadius.md};
 
   place-items: center;
   overflow: hidden;
-  height: ${({ $inModal: e }) => e ? "35%" : "unset"};
+  height: ${({ $inModal: i }) => i ? "35%" : "unset"};
   img,
   svg {
     width: 100%;
@@ -33,99 +33,104 @@ const M = s.div`
     object-fit: cover;
     display: block;
   }
-`, D = s.div`
+`, I = e.div`
   display: grid;
   grid-template-columns: '1fr';
-  gap: ${({ theme: e }) => e.spacing.xs};
-  margin-top: ${({ theme: e }) => e.spacing.xxs};
+  gap: ${({ theme: i }) => i.spacing.xs};
+  margin-top: ${({ theme: i }) => i.spacing.xxs};
   justify-content: 'stretch';
   align-items: center;
-`, I = s(p)`
+`, N = e(p)`
   min-width: 9.3125rem;
   min-height: 2rem;
-  border-radius: ${({ theme: e }) => e.borderRadius.sm};
-  box-shadow: ${({ theme: e }) => e.boxShadow.s3};
-`, N = s.h3`
+  border-radius: ${({ theme: i }) => i.borderRadius.sm};
+  box-shadow: ${({ theme: i }) => i.boxShadow.s3};
+`, Q = e.div`
+  display: flex;
+  align-items: center;
+  gap: ${({ theme: i }) => i.spacing.xs};
+  margin-bottom: ${({ theme: i }) => i.spacing.xxs};
+`, X = e.h3`
   margin: 0;
-  font-family: ${({ theme: e }) => (e == null ? void 0 : e.dir) === "rtl" ? e.fonts.arabic : e.fonts.english};
-  font-weight: ${({ theme: e }) => e.typography.weights.semiBold};
-  font-size: ${({ theme: e }) => {
-  var i;
-  return (i = e.typography.sizes) == null ? void 0 : i.s4;
+  font-family: ${({ theme: i }) => (i == null ? void 0 : i.dir) === "rtl" ? i.fonts.arabic : i.fonts.english};
+  font-weight: ${({ theme: i }) => i.typography.weights.semiBold};
+  font-size: ${({ theme: i }) => {
+  var s;
+  return (s = i.typography.sizes) == null ? void 0 : s.s4;
 }};
-  line-height: ${({ theme: e }) => e.typography.lineHeights.m};
+  line-height: ${({ theme: i }) => i.typography.lineHeights.m};
   letter-spacing: -0.25px;
-  color: ${({ theme: e }) => e.colors.grey.n800};
-`, Q = s.p`
+  color: ${({ theme: i }) => i.colors.grey.n800};
+`, G = e.p`
   margin: 0;
-  color: ${({ theme: e }) => e.colors.grey.n400};
-  font-size: ${({ theme: e }) => {
-  var i;
-  return (i = e.typography.sizes) == null ? void 0 : i.s3;
+  color: ${({ theme: i }) => i.colors.grey.n400};
+  font-size: ${({ theme: i }) => {
+  var s;
+  return (s = i.typography.sizes) == null ? void 0 : s.s3;
 }};
-  line-height: ${({ theme: e }) => e.typography.lineHeights.s};
-`, X = s.div`
+  line-height: ${({ theme: i }) => i.typography.lineHeights.s};
+`, J = e.div`
   display: flex;
   flex-wrap: wrap;
-  gap: ${({ theme: e }) => e.spacing.s};
-  margin-top: ${({ theme: e }) => e.spacing.s};
-  margin-bottom: ${({ theme: e }) => e.spacing.s};
-`, G = s.div`
+  gap: ${({ theme: i }) => i.spacing.s};
+  margin-top: ${({ theme: i }) => i.spacing.s};
+  margin-bottom: ${({ theme: i }) => i.spacing.s};
+`, K = e.div`
   display: flex;
   flex-direction: column;
-  gap: ${({ theme: e }) => e.spacing.xs};
-`, J = s.div`
-  font-family: ${({ theme: e }) => (e == null ? void 0 : e.dir) === "rtl" ? e.fonts.arabic : e.fonts.english};
-  font-weight: ${({ theme: e }) => e.typography.weights.semiBold};
-  font-size: ${({ theme: e }) => {
-  var i;
-  return (i = e.typography.sizes) == null ? void 0 : i.s2;
+  gap: ${({ theme: i }) => i.spacing.xs};
+`, L = e.div`
+  font-family: ${({ theme: i }) => (i == null ? void 0 : i.dir) === "rtl" ? i.fonts.arabic : i.fonts.english};
+  font-weight: ${({ theme: i }) => i.typography.weights.semiBold};
+  font-size: ${({ theme: i }) => {
+  var s;
+  return (s = i.typography.sizes) == null ? void 0 : s.s2;
 }};
-  line-height: ${({ theme: e }) => e.typography.lineHeights.xs};
+  line-height: ${({ theme: i }) => i.typography.lineHeights.xs};
   letter-spacing: 0;
   vertical-align: middle;
-  color: ${({ theme: e }) => e.colors.grey.n650};
-`, K = s.div`
-  width: ${({ $fixed: e }) => e ? "335px" : "100%"};
+  color: ${({ theme: i }) => i.colors.grey.n650};
+`, O = e.div`
+  width: ${({ $fixed: i }) => i ? "335px" : "100%"};
   min-width: 11.1875rem;
   height: 100%;
-  border-radius: ${({ theme: e }) => e.borderRadius.md};
-  padding: ${({ theme: e }) => e.spacing.sm};
+  border-radius: ${({ theme: i }) => i.borderRadius.md};
+  padding: ${({ theme: i }) => i.spacing.sm};
 
-  background: ${({ theme: e }) => e.colors.grey.n50};
-  box-shadow: ${({ theme: e }) => e.boxShadow.s3};
+  background: ${({ theme: i }) => i.colors.grey.n50};
+  box-shadow: ${({ theme: i }) => i.boxShadow.s3};
   border: none;
   display: flex;
   flex-direction: column;
-  gap: ${({ theme: e }) => e.spacing.s};
-`, L = s.div`
+  gap: ${({ theme: i }) => i.spacing.s};
+`, U = e.div`
   position: relative;
   width: 100%;
   height: 0.5rem;
-  background: ${({ theme: e }) => e.colors.grey.n100};
+  background: ${({ theme: i }) => i.colors.grey.n100};
   border-radius: 0;
   overflow: hidden;
   &::after {
     content: '';
     position: absolute;
     inset: 0;
-    width: ${({ $value: e }) => Math.min(Math.max(e, 0), 100)}%;
-    background: ${({ $color: e }) => e};
+    width: ${({ $value: i }) => Math.min(Math.max(i, 0), 100)}%;
+    background: ${({ $color: i }) => i};
     transition: width 250ms ease;
     border-radius: 0;
   }
-`, O = s.span`
-  font-family: ${({ theme: e }) => (e == null ? void 0 : e.dir) === "rtl" ? e.fonts.arabic : e.fonts.english};
-  font-weight: ${({ theme: e }) => e.typography.weights.regular};
-  font-size: ${({ theme: e }) => {
-  var i;
-  return (i = e.typography.sizes) == null ? void 0 : i.s2;
+`, Y = e.span`
+  font-family: ${({ theme: i }) => (i == null ? void 0 : i.dir) === "rtl" ? i.fonts.arabic : i.fonts.english};
+  font-weight: ${({ theme: i }) => i.typography.weights.regular};
+  font-size: ${({ theme: i }) => {
+  var s;
+  return (s = i.typography.sizes) == null ? void 0 : s.s2;
 }};
-  line-height: ${({ theme: e }) => e.typography.lineHeights.xs};
+  line-height: ${({ theme: i }) => i.typography.lineHeights.xs};
   letter-spacing: 0;
-  color: ${({ theme: e }) => e.colors.grey.n400};
-`, U = (e) => {
-  switch (e) {
+  color: ${({ theme: i }) => i.colors.grey.n400};
+`, Z = (i) => {
+  switch (i) {
     case "accepted":
       return { bar: "#1DBA63" };
     case "rejected":
@@ -135,7 +140,7 @@ const M = s.div`
     default:
       return { bar: "#7259ff" };
   }
-}, Y = s.div`
+}, _ = e.div`
   display: flex;
   flex-direction: column;
   justify-content: space-between;
@@ -146,63 +151,67 @@ const M = s.div`
   @media (max-width: 375px) {
     align-items: center;
   }
-`, Z = s.div`
+`, C = e.div`
   display: flex;
   align-items: baseline;
-  color: ${({ theme: e }) => e.colors.grey.n650};
+  color: ${({ theme: i }) => i.colors.grey.n650};
 
   span {
-    color: ${({ theme: e }) => e.colors.grey.n650};
+    color: ${({ theme: i }) => i.colors.grey.n650};
   }
 
   @media (max-width: 375px) {
     text-align: center;
   }
-`, _ = s.div`
+`, ii = e.div`
   display: flex;
   align-items: center;
-`, C = s.img`
-  width: ${({ $width: e = "1rem" }) => e};
+`, ni = e.img`
+  width: ${({ $width: i = "1rem" }) => i};
   height: 1rem;
   object-fit: contain;
   flex-shrink: 0;
   margin-right: 2px;
-`, ce = ({
-  variant: e = "hidden",
-  image: i,
-  title: f,
-  subtitle: x,
-  trackingLabel: $ = "Request Tracking",
-  progress: y = 0,
-  statusText: j,
+`, gi = ({
+  variant: i = "hidden",
+  image: s,
+  title: y,
+  titleBadge: x,
+  subtitle: m,
+  trackingLabel: j = "Request Tracking",
+  progress: b = 0,
+  statusText: w,
   primaryCta: t,
   secondaryCta: l,
-  className: b,
-  style: w,
+  className: v,
+  style: k,
   features: a,
-  featuresTitle: k,
+  featuresTitle: z,
   badgeList: c,
   price: o,
   inModal: u = !1,
-  background: v
+  background: R
 }) => {
-  const { t: r } = H(), z = U(e), B = e !== "hidden", R = r(e === "accepted" ? "accepted" : e === "rejected" ? "rejected" : "submitted"), m = e === "hidden" ? "primary" : e === "accepted" || e === "rejected" ? "light-primary" : "outline-primary", T = e === "rejected", S = F();
-  return /* @__PURE__ */ n.jsxs(K, { className: b, style: w, children: [
-    i ? /* @__PURE__ */ n.jsx(V, { $inModal: u, $background: v, children: i }) : null,
-    /* @__PURE__ */ n.jsxs(M, { image: i, inModal: u, children: [
-      /* @__PURE__ */ n.jsx(N, { children: f }),
-      x ? /* @__PURE__ */ n.jsx(Q, { children: x }) : null,
-      c && c.length > 0 && /* @__PURE__ */ n.jsx(X, { children: c.map((d, g) => /* @__PURE__ */ n.jsx(A, { ...d }, g)) }),
+  const { t: r } = P(), T = Z(i), B = i !== "hidden", S = r(i === "accepted" ? "accepted" : i === "rejected" ? "rejected" : "submitted"), f = i === "hidden" ? "primary" : i === "accepted" || i === "rejected" ? "light-primary" : "outline-primary", F = i === "rejected", A = H();
+  return /* @__PURE__ */ n.jsxs(O, { className: v, style: k, children: [
+    s ? /* @__PURE__ */ n.jsx(D, { $inModal: u, $background: R, children: s }) : null,
+    /* @__PURE__ */ n.jsxs(V, { image: s, inModal: u, children: [
+      /* @__PURE__ */ n.jsxs(Q, { children: [
+        /* @__PURE__ */ n.jsx(X, { children: y }),
+        x && /* @__PURE__ */ n.jsx($, { ...x })
+      ] }),
+      m ? /* @__PURE__ */ n.jsx(G, { children: m }) : null,
+      c && c.length > 0 && /* @__PURE__ */ n.jsx(J, { children: c.map((d, g) => /* @__PURE__ */ n.jsx($, { ...d }, g)) }),
       a && a.length > 0 ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-        /* @__PURE__ */ n.jsx(h, { variant: "h6", color: S.colors.grey.n400, children: k }),
-        /* @__PURE__ */ n.jsx(q, { children: a.map((d, g) => /* @__PURE__ */ n.jsxs(W, { children: [
-          /* @__PURE__ */ n.jsx(E, {}),
+        /* @__PURE__ */ n.jsx(h, { variant: "h6", color: A.colors.grey.n400, children: z }),
+        /* @__PURE__ */ n.jsx(W, { children: a.map((d, g) => /* @__PURE__ */ n.jsxs(E, { children: [
+          /* @__PURE__ */ n.jsx(M, {}),
           /* @__PURE__ */ n.jsx("span", { children: d.label })
         ] }, g)) })
       ] }) : null,
-      o && /* @__PURE__ */ n.jsx(Y, { children: /* @__PURE__ */ n.jsxs(Z, { children: [
-        /* @__PURE__ */ n.jsxs(_, { children: [
-          /* @__PURE__ */ n.jsx(C, { src: P, alt: o == null ? void 0 : o.amount }),
+      o && /* @__PURE__ */ n.jsx(_, { children: /* @__PURE__ */ n.jsxs(C, { children: [
+        /* @__PURE__ */ n.jsxs(ii, { children: [
+          /* @__PURE__ */ n.jsx(ni, { src: q, alt: o == null ? void 0 : o.amount }),
           /* @__PURE__ */ n.jsx(h, { variant: "h5", weight: "bold", children: o == null ? void 0 : o.amount })
         ] }),
         /* @__PURE__ */ n.jsxs(h, { variant: "caption", children: [
@@ -210,23 +219,23 @@ const M = s.div`
           (o == null ? void 0 : o.unit) ?? r("year")
         ] })
       ] }) }),
-      B && /* @__PURE__ */ n.jsxs(G, { children: [
-        /* @__PURE__ */ n.jsx(J, { children: $ }),
-        /* @__PURE__ */ n.jsx(L, { $value: y, $color: z.bar }),
-        /* @__PURE__ */ n.jsx(O, { children: j ?? R })
+      B && /* @__PURE__ */ n.jsxs(K, { children: [
+        /* @__PURE__ */ n.jsx(L, { children: j }),
+        /* @__PURE__ */ n.jsx(U, { $value: b, $color: T.bar }),
+        /* @__PURE__ */ n.jsx(Y, { children: w ?? S })
       ] }),
-      /* @__PURE__ */ n.jsx(D, { children: T ? /* @__PURE__ */ n.jsx(n.Fragment, { children: /* @__PURE__ */ n.jsx(I, { variant: m, size: "xs", onClick: t == null ? void 0 : t.onClick, children: (t == null ? void 0 : t.label) ?? "Send New Request" }) }) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-        t && /* @__PURE__ */ n.jsx(p, { variant: m, size: "md", onClick: t.onClick, children: t.label }),
+      /* @__PURE__ */ n.jsx(I, { children: F ? /* @__PURE__ */ n.jsx(n.Fragment, { children: /* @__PURE__ */ n.jsx(N, { variant: f, size: "xs", onClick: t == null ? void 0 : t.onClick, children: (t == null ? void 0 : t.label) ?? "Send New Request" }) }) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+        t && /* @__PURE__ */ n.jsx(p, { variant: f, size: "md", onClick: t.onClick, children: t.label }),
         l && /* @__PURE__ */ n.jsx(p, { variant: "light-secondary", size: "md", onClick: l.onClick, children: l.label })
       ] }) })
     ] })
   ] });
 };
 export {
-  M as ContentWrapper,
-  L as ProgressBar,
-  O as StatusText,
-  J as TrackingHeader,
-  G as TrackingWrap,
-  ce as default
+  V as ContentWrapper,
+  U as ProgressBar,
+  Y as StatusText,
+  L as TrackingHeader,
+  K as TrackingWrap,
+  gi as default
 };

package/dist/components/Sidemenu.d.ts

@@ -2,6 +2,7 @@ import type React from 'react';
 import type { NavItemType } from './NavItem';
 export type CategoryItem = {
     title: string;
+    code: string;
     navItems: Array<NavItemType>;
 };
 export type SidemenuProps = {

package/dist/components/Sidemenu.js

@@ -129,23 +129,23 @@ const v = o.div`
 }}
   margin-bottom: ${({ theme: r }) => r.spacing.sm};
 `, mr = (r) => {
-  const { logoSrc: C, searchPlaceHolder: k, categories: a, linkComponent: f, open: T, setOpen: E, currentPath: u, extraSideMenuItems: l, onLogoClick: D } = r, p = X(), { t: L } = M(), B = K("sidemenu"), [c, F] = m(""), [e, W] = m(a), g = (n) => {
-    const t = [];
-    a == null || a.forEach((d) => {
+  const { logoSrc: C, searchPlaceHolder: k, categories: a, linkComponent: f, open: T, setOpen: E, currentPath: u, extraSideMenuItems: l, onLogoClick: D } = r, p = X(), { t: L } = M(), B = K("sidemenu"), [c, F] = m(""), [d, N] = m(a), g = (n) => {
+    const e = [];
+    a == null || a.forEach((t) => {
       var h;
-      const s = (h = d == null ? void 0 : d.navItems) == null ? void 0 : h.filter((x) => {
+      const s = (h = t == null ? void 0 : t.navItems) == null ? void 0 : h.filter((x) => {
         var $, y;
         return (y = ($ = x == null ? void 0 : x.title) == null ? void 0 : $.toLowerCase()) == null ? void 0 : y.includes(n == null ? void 0 : n.toLowerCase());
       });
-      (s == null ? void 0 : s.length) > 0 && t.push({ ...d, navItems: s });
-    }), W(t);
-  }, N = (n) => {
+      (s == null ? void 0 : s.length) > 0 && e.push({ ...t, navItems: s });
+    }), N(e);
+  }, W = (n) => {
     n.key === "Enter" && g(c);
   };
   H(() => {
     c === "" && g(c);
   }, [c]);
-  const z = (n, t) => n ? t === n || (t == null ? void 0 : t.startsWith(n + "/")) : !1;
+  const z = (n, e) => n ? e === n || (e == null ? void 0 : e.startsWith(n + "/")) : !1;
   return /* @__PURE__ */ i.jsxs(v, { className: T ? "active" : "", $zIndex: B, children: [
     /* @__PURE__ */ i.jsxs(A, { children: [
       /* @__PURE__ */ i.jsx(J, { onClick: D, children: /* @__PURE__ */ i.jsx(V, { src: C, width: "6.336rem", height: "2rem" }) }),
@@ -169,18 +169,18 @@ const v = o.div`
           onChange: (n) => {
             F(n.target.value);
           },
-          onKeyDown: N
+          onKeyDown: W
         }
       )
     ] }) }),
     /* @__PURE__ */ i.jsxs(G, { children: [
       /* @__PURE__ */ i.jsxs("div", { children: [
-        (e == null ? void 0 : e.length) === 0 && /* @__PURE__ */ i.jsx(ir, { children: /* @__PURE__ */ i.jsx(w, { variant: "smText", children: L("NO_RESULTS_FOUND") }) }),
-        (e == null ? void 0 : e.length) > 0 && (e == null ? void 0 : e.map((n) => {
-          var t, d;
-          return ((t = n == null ? void 0 : n.navItems) == null ? void 0 : t.length) === 0 ? null : /* @__PURE__ */ i.jsxs(rr, { children: [
+        (d == null ? void 0 : d.length) === 0 && /* @__PURE__ */ i.jsx(ir, { children: /* @__PURE__ */ i.jsx(w, { variant: "smText", children: L("NO_RESULTS_FOUND") }) }),
+        (d == null ? void 0 : d.length) > 0 && (d == null ? void 0 : d.map((n) => {
+          var e, t;
+          return ((e = n == null ? void 0 : n.navItems) == null ? void 0 : e.length) === 0 ? null : /* @__PURE__ */ i.jsxs(rr, { className: n == null ? void 0 : n.code, children: [
             /* @__PURE__ */ i.jsx(nr, { variant: "xsText", color: p.colors.grey.n300, children: n == null ? void 0 : n.title }),
-            (d = n == null ? void 0 : n.navItems) == null ? void 0 : d.map((s) => /* @__PURE__ */ i.jsx(j, { to: (s == null ? void 0 : s.path) ?? "/", component: f, wrapper: !0, children: /* @__PURE__ */ i.jsx(b, { item: { variant: "normal", active: z(s.path, u), ...s } }) }, s == null ? void 0 : s.path))
+            (t = n == null ? void 0 : n.navItems) == null ? void 0 : t.map((s) => /* @__PURE__ */ i.jsx(j, { to: (s == null ? void 0 : s.path) ?? "/", component: f, wrapper: !0, children: /* @__PURE__ */ i.jsx(b, { item: { variant: "normal", active: z(s.path, u), ...s } }) }, s == null ? void 0 : s.path))
           ] }, n == null ? void 0 : n.title);
         }))
       ] }),

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

@@ -1,4 +1,4 @@
-import o from "../../../_virtual/index2.js";
+import o from "../../../_virtual/index4.js";
 import * as p from "react";
 import n from "../../../_virtual/index.js";
 import { j as i } from "../../../_virtual/jsx-runtime.js";

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

@@ -1,6 +1,6 @@
 import i from "../../../_virtual/index.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/Form.js

@@ -1,5 +1,5 @@
 import i from "../../../_virtual/index.js";
-import o from "../../../_virtual/index2.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/Image.js

@@ -1,6 +1,6 @@
 import f from "../../../_virtual/index.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-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/index2.js";
 import F from "../../../_virtual/browser.js";
-import te from "../../../_virtual/index4.js";
+import te from "../../../_virtual/index3.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-is/index.js

@@ -1,4 +1,4 @@
-import { __module as e } from "../../_virtual/index7.js";
+import { __module as e } from "../../_virtual/index8.js";
 import { __require as o } from "./cjs/react-is.production.min.js";
 import { __require as t } from "./cjs/react-is.development.js";
 var r;

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/dist/node_modules/recharts/es6/util/ReactUtils.js

@@ -4,7 +4,7 @@ import P from "../../../../_virtual/isString.js";
 import D from "../../../../_virtual/isFunction.js";
 import j from "../../../../_virtual/isObject.js";
 import { Children as p, isValidElement as w } from "react";
-import { r as B } from "../../../../_virtual/index8.js";
+import { r as B } from "../../../../_virtual/index7.js";
 import { isNumber as b } from "./DataUtils.js";
 import { shallowEqual as d } from "./ShallowEqual.js";
 import { SVGElementPropKeys as G, EventKeys as F, FilteredElementKeyMap as s } from "./types.js";

package/package.json

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