qaema-ui 0.0.53 → 0.0.54

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/Divider.d.ts

@@ -1,5 +1,6 @@
 export type DividerProps = {
     marginVertical?: string;
+    color?: string;
 };
 declare const Divider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;

package/dist/components/Divider.js

@@ -1,12 +1,13 @@
-import t from "styled-components";
-const e = t.div.attrs((r) => ({
-  marginVertical: r.marginVertical
+import o from "styled-components";
+const a = o.div.attrs((r) => ({
+  marginVertical: r.marginVertical,
+  color: r.color
 }))`
   width: 100%;
   height: 0;
-  border: 1px solid ${({ theme: r }) => r.colors.grey.n150};
+  border: 1px solid ${({ color: r, theme: i }) => r ?? i.colors.grey.n150};
   margin: ${({ marginVertical: r, theme: i }) => `${r ?? i.spacing.xxs} 0`};
 `;
 export {
-  e as default
+  a as default
 };

package/dist/components/Sidemenu.js

@@ -1,17 +1,18 @@
-import { j as o } from "../_virtual/jsx-runtime.js";
+import { j as i } from "../_virtual/jsx-runtime.js";
 import { useState as m, useEffect as H } from "react";
 import { FaTimesCircle as O, FaSearch as R } from "../node_modules/react-icons/fa/index.js";
-import s, { useTheme as X } from "styled-components";
-import { device as w } from "../constants/breakPoints.constant.js";
+import o, { useTheme as X } from "styled-components";
+import { device as S } from "../constants/breakPoints.constant.js";
 import K from "../hooks/useZIndex.js";
-import { useQaemaCoreTranslation as U } from "../i18n/i18n.js";
+import { useQaemaCoreTranslation as M } from "../i18n/i18n.js";
+import U from "./Divider.js";
 import V from "./Image.js";
 import j from "./Link.js";
-import S from "./NavItem.js";
-import k from "./Typography.js";
+import b from "./NavItem.js";
+import w from "./Typography.js";
 import Z from "../node_modules/react-bootstrap/esm/Button.js";
 import _ from "../node_modules/react-bootstrap/esm/Form.js";
-const A = s.div`
+const v = o.div`
   direction: ${({ theme: r }) => r == null ? void 0 : r.dir};
   position: fixed;
   top: 0;
@@ -28,7 +29,7 @@ const A = s.div`
   flex-direction: column;
   gap: 1rem;
 
-  @media ${w.tablet} {
+  @media ${S.tablet} {
     transform: ${({ theme: r }) => r.dir === "ltr" ? "translateX(-100%)" : "translateX(100%)"}; /* Hide menu off-screen */
     margin-left: 0;
 
@@ -42,19 +43,19 @@ const A = s.div`
   ${({ theme: r }) => {
   if ((r == null ? void 0 : r.dir) === "rtl") return `padding-left: 0 !important;padding-right: ${r.spacing.xs};`;
 }}
-`, J = s.div`
+`, A = o.div`
   display: flex;
   flex-direction: row;
   width: 100%;
   justify-content: space-between;
-`, Q = s.div`
+`, J = o.div`
   padding-right: ${({ theme: r }) => r.spacing.sm};
   padding-left: ${({ theme: r }) => r.spacing.sm};
   cursor: pointer;
-`, q = s.div`
+`, Q = o.div`
   display: none;
 
-  @media ${w.tablet} {
+  @media ${S.tablet} {
     display: unset;
     padding-right: ${({ theme: r }) => r.spacing.s};
     padding-left: ${({ theme: r }) => r.spacing.s};
@@ -63,15 +64,15 @@ const A = s.div`
       height: 1.5rem;
     }
   }
-`, G = s.div`
+`, q = o.div`
   padding-right: ${({ theme: r }) => r.spacing.s};
   padding-left: ${({ theme: r }) => r.spacing.s};
-`, Y = s.div`
+`, G = o.div`
   justify-content: space-between;
   display: flex;
   flex-direction: column;
   height: 100%;
-`, v = s.div`
+`, Y = o.div`
   display: flex;
   flex-direction: row;
   gap: ${({ theme: r }) => r.spacing.xxs};
@@ -79,7 +80,7 @@ const A = s.div`
   background-color: ${({ theme: r }) => r.colors.grey.n150};
   border: 1px solid transparent;
   border-radius: ${({ theme: r }) => r.borderRadius.lg};
-`, P = s(Z)`
+`, P = o(Z)`
   border: none;
   padding: 0;
   margin-top: ${({ theme: r }) => r.spacing.xxs};
@@ -89,7 +90,7 @@ const A = s.div`
   svg {
     background-color: ${({ theme: r }) => r.colors.grey.n150};
   }
-`, I = s(_.Control)`
+`, I = o(_.Control)`
   padding: ${({ theme: r }) => r.spacing.xxs};
   border: none;
   background-color: ${({ theme: r }) => r.colors.grey.n150};
@@ -98,7 +99,7 @@ const A = s.div`
   &:focus-visible {
     outline: none;
   }
-`, b = s.div`
+`, rr = o.div`
   padding-right: ${({ theme: r }) => r.spacing.s};
   button {
     width: 100%;
@@ -107,74 +108,89 @@ const A = s.div`
   ${({ theme: r }) => {
   if ((r == null ? void 0 : r.dir) === "rtl") return `padding-right: 0 !important;padding-left: ${r.spacing.s};`;
 }}
-`, rr = s(k)`
+`, nr = o(w)`
   padding-right: ${({ theme: r }) => r.spacing.s};
   padding-left: ${({ theme: r }) => r.spacing.s};
   margin-top: 0;
   margin-bottom: ${({ theme: r }) => r.spacing.xs};
-`, nr = s.div`
+`, ir = o.div`
   padding: ${({ theme: r }) => r.spacing.m};
   text-align: center;
-`, ur = (r) => {
-  const { logoSrc: C, searchPlaceHolder: T, categories: c, linkComponent: f, open: E, setOpen: L, currentPath: u, extraSideMenuItems: p, onLogoClick: B } = r, a = X(), { t: D } = U(), F = K("sidemenu"), [l, M] = m(""), [t, N] = m(c), g = (n) => {
-    const e = [];
-    c == null || c.forEach((d) => {
+`, or = o.div`
+  button {
+    width: 100%;
+    border-radius: ${({ theme: r }) => r.spacing.xxs};
+  }
+`, sr = o(U)`
+  margin-left: -${({ theme: r }) => r.spacing.xs};
+  width: calc(100% + ${({ theme: r }) => r.spacing.xs});
+  ${({ theme: r }) => {
+  if ((r == null ? void 0 : r.dir) === "rtl") return `margin-left: 0; margin-right: -${r.spacing.xs}; width: calc(100% + ${r.spacing.xs});`;
+}}
+  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) => {
       var h;
-      const i = (h = d == null ? void 0 : d.navItems) == null ? void 0 : h.filter((x) => {
+      const s = (h = d == null ? void 0 : d.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());
       });
-      (i == null ? void 0 : i.length) > 0 && e.push({ ...d, navItems: i });
-    }), N(e);
-  }, W = (n) => {
-    n.key === "Enter" && g(l);
+      (s == null ? void 0 : s.length) > 0 && t.push({ ...d, navItems: s });
+    }), W(t);
+  }, N = (n) => {
+    n.key === "Enter" && g(c);
   };
   H(() => {
-    l === "" && g(l);
-  }, [l]);
-  const z = (n, e) => n ? e === n || (e == null ? void 0 : e.startsWith(n + "/")) : !1;
-  return /* @__PURE__ */ o.jsxs(A, { className: E ? "active" : "", $zIndex: F, children: [
-    /* @__PURE__ */ o.jsxs(J, { children: [
-      /* @__PURE__ */ o.jsx(Q, { onClick: B, children: /* @__PURE__ */ o.jsx(V, { src: C, width: "6.336rem", height: "2rem" }) }),
-      /* @__PURE__ */ o.jsx(q, { onClick: () => L(!1), children: /* @__PURE__ */ o.jsx(O, { color: a.colors.primary.purple.n450 }) })
+    c === "" && g(c);
+  }, [c]);
+  const z = (n, t) => n ? t === n || (t == null ? void 0 : t.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" }) }),
+      /* @__PURE__ */ i.jsx(Q, { onClick: () => E(!1), children: /* @__PURE__ */ i.jsx(O, { color: p.colors.primary.purple.n450 }) })
     ] }),
-    /* @__PURE__ */ o.jsx(G, { children: /* @__PURE__ */ o.jsxs(v, { children: [
-      /* @__PURE__ */ o.jsx(
+    /* @__PURE__ */ i.jsx(q, { children: /* @__PURE__ */ i.jsxs(Y, { children: [
+      /* @__PURE__ */ i.jsx(
         P,
         {
           onClick: () => {
-            g(l);
+            g(c);
           },
-          children: /* @__PURE__ */ o.jsx(R, { color: a.colors.grey.n350 })
+          children: /* @__PURE__ */ i.jsx(R, { color: p.colors.grey.n350 })
         }
       ),
-      /* @__PURE__ */ o.jsx(
+      /* @__PURE__ */ i.jsx(
         I,
         {
-          placeholder: T ?? "Search",
-          value: l,
+          placeholder: k ?? "Search",
+          value: c,
           onChange: (n) => {
-            M(n.target.value);
+            F(n.target.value);
           },
-          onKeyDown: W
+          onKeyDown: N
         }
       )
     ] }) }),
-    /* @__PURE__ */ o.jsxs(Y, { children: [
-      /* @__PURE__ */ o.jsxs("div", { children: [
-        (t == null ? void 0 : t.length) === 0 && /* @__PURE__ */ o.jsx(nr, { children: /* @__PURE__ */ o.jsx(k, { variant: "smText", children: D("NO_RESULTS_FOUND") }) }),
-        (t == null ? void 0 : t.length) > 0 && (t == null ? void 0 : t.map((n) => {
-          var e, d;
-          return ((e = n == null ? void 0 : n.navItems) == null ? void 0 : e.length) === 0 ? null : /* @__PURE__ */ o.jsxs(b, { children: [
-            /* @__PURE__ */ o.jsx(rr, { variant: "xsText", color: a.colors.grey.n300, children: n == null ? void 0 : n.title }),
-            (d = n == null ? void 0 : n.navItems) == null ? void 0 : d.map((i) => /* @__PURE__ */ o.jsx(j, { to: (i == null ? void 0 : i.path) ?? "/", component: f, wrapper: !0, children: /* @__PURE__ */ o.jsx(S, { item: { variant: "normal", active: z(i.path, u), ...i } }) }, i == null ? void 0 : i.path))
+    /* @__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: [
+            /* @__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))
           ] }, n == null ? void 0 : n.title);
         }))
       ] }),
-      /* @__PURE__ */ o.jsx(b, { children: p == null ? void 0 : p.map((n) => /* @__PURE__ */ o.jsx(j, { to: (n == null ? void 0 : n.path) ?? "/", component: f, wrapper: !0, children: /* @__PURE__ */ o.jsx(S, { item: { variant: "normal", active: u === n.path, ...n } }) }, n == null ? void 0 : n.path)) })
+      /* @__PURE__ */ i.jsxs(or, { children: [
+        (l == null ? void 0 : l.length) > 0 && /* @__PURE__ */ i.jsx(sr, { color: p.colors.grey.n150 }),
+        l == null ? void 0 : l.map((n) => /* @__PURE__ */ i.jsx(j, { to: (n == null ? void 0 : n.path) ?? "/", component: f, wrapper: !0, children: /* @__PURE__ */ i.jsx(b, { item: { variant: "normal", active: u === n.path, ...n } }) }, n == null ? void 0 : n.path))
+      ] })
     ] })
   ] });
 };
 export {
-  ur as default
+  mr as default
 };

package/dist/components/Table/Table.styles.js

@@ -259,7 +259,7 @@ const k = r.div`
   /* position: sticky;
   right: 0; */
   flex: 0 0 auto;
-  width: 4.5rem; /* adjust to your icon width */
+  width: 6rem; /* adjust to your icon width */
   table-layout: fixed;
   background-color: ${({ theme: o }) => o.colors.grey.n50};
 `;

package/dist/components/Tabs.js

@@ -42,7 +42,7 @@ const y = (r) => r === "active" ? a`
   padding: ${({ theme: r }) => r.spacing.xxs};
   border-radius: ${({ theme: r }) => r.borderRadius.lg};
   background-color: ${({ theme: r }) => r.colors.grey.n100};
-`, f = d(b)`
+`, $ = d(b)`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -71,13 +71,14 @@ const y = (r) => r === "active" ? a`
   &:hover {
     box-shadow: ${({ theme: r }) => r.boxShadow.s2};
     border-color: transparent;
+    background-color: ${({ theme: r }) => r.colors.grey.n200};
   }
 
   &:active {
     background-color: ${({ theme: r }) => r.colors.grey.n150};
     border-color: transparent;
   }
-`, $ = d(h)`
+`, f = d(h)`
   @media ${e.tablet} {
     font-size: ${({ theme: r }) => r.typography.sizes.s2};
   }
@@ -89,7 +90,7 @@ const y = (r) => r === "active" ? a`
   var l;
   const { items: n, active: c, setActive: t } = r, p = (o, i) => i === (o == null ? void 0 : o.code) ? "active" : o != null && o.disabled ? "disabled" : "neutral";
   return (n == null ? void 0 : n.length) === 0 ? null : /* @__PURE__ */ s.jsx(u, { variant: "pills", defaultActiveKey: (l = n[0]) == null ? void 0 : l.code, children: n == null ? void 0 : n.map((o) => o != null && o.hidden ? null : /* @__PURE__ */ s.jsx(
-    f,
+    $,
     {
       title: o == null ? void 0 : o.title,
       $mode: p(o, c),
@@ -97,7 +98,7 @@ const y = (r) => r === "active" ? a`
         o != null && o.disabled || t(o == null ? void 0 : o.code);
       },
       disabled: (o == null ? void 0 : o.disabled) ?? !1,
-      children: /* @__PURE__ */ s.jsx($, { variant: "mdText", children: o == null ? void 0 : o.title })
+      children: /* @__PURE__ */ s.jsx(f, { variant: "mdText", children: o == null ? void 0 : o.title })
     },
     o == null ? void 0 : o.code
   )) });

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/dist/theme/colors.d.ts

@@ -17,6 +17,7 @@ type ColorScale = {
     n700: string;
     n750?: string;
     n800: string;
+    n375?: string;
 };
 export type ThemeColors = {
     grey: ColorScale;

package/package.json

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