qaema-ui 0.0.52 → 0.0.54

package/dist/components/StatCard.js

@@ -1,10 +1,10 @@
 import { j as o } from "../_virtual/jsx-runtime.js";
-import { FiPlus as y, FiMinus as m } from "../node_modules/react-icons/fi/index.js";
-import { IoMdArrowDropup as f, IoMdArrowDropdown as $ } from "../node_modules/react-icons/io/index.js";
-import e from "styled-components";
+import { FiPlus as m, FiMinus as f } from "../node_modules/react-icons/fi/index.js";
+import { IoMdArrowDropup as $, IoMdArrowDropdown as u } from "../node_modules/react-icons/io/index.js";
+import s from "styled-components";
 import { device as t } from "../constants/breakPoints.constant.js";
-import u from "../assets/svg/Riyal.svg.js";
-const j = e.div`
+import j from "../assets/svg/Riyal.svg.js";
+const w = s.div`
   display: flex;
   width: 100%;
   height: 4rem;
@@ -12,8 +12,8 @@ const j = e.div`
   border: 1px solid ${({ theme: r }) => r.colors.grey.n100};
   overflow: hidden;
   background-color: ${({ theme: r }) => r.colors.grey.n50};
-`, w = e.div`
-  border: 1px solid ${({ theme: r }) => r.colors.grey.n150};
+`, b = s.div`
+  /* border: 1px solid ${({ theme: r }) => r.colors.grey.n150}; */
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -24,7 +24,14 @@ const j = e.div`
   @media ${t.tablet} {
     padding: ${({ theme: r }) => r.spacing.xxs} ${({ theme: r }) => r.spacing.xs};
   }
-`, v = e.div`
+  ${({ $isLast: r, theme: e }) => !r && `
+    border-right: 1px solid ${e.colors.grey.n150};
+    [dir='rtl'] {
+      border-right: none !important;
+      border-left: 1px solid ${e.colors.grey.n150};
+    }
+  `}
+`, v = s.div`
   display: flex;
   align-items: center;
   font-size: ${({ theme: r }) => r.typography.sizes.s3};
@@ -33,7 +40,7 @@ const j = e.div`
   @media ${t.tablet} {
     font-size: ${({ theme: r }) => r.typography.sizes.s1};
   }
-`, b = e.div`
+`, z = s.div`
   width: 2.0625rem;
   height: 0.75rem;
   display: flex;
@@ -43,25 +50,25 @@ const j = e.div`
   font-weight: 600;
   font-size: ${({ theme: r }) => r.typography.sizes.s1};
   line-height: 0.8125rem;
-  color: ${({ theme: r, state: s }) => s === "negative" ? r.colors.state.error.n450 : r.colors.grey.n650};
+  color: ${({ theme: r, state: e }) => e === "negative" ? r.colors.state.error.n450 : r.colors.grey.n650};
   svg {
-    color: ${({ theme: r, state: s }) => s === "negative" ? r.colors.state.error.n450 : r.colors.grey.n650};
+    color: ${({ theme: r, state: e }) => e === "negative" ? r.colors.state.error.n450 : r.colors.grey.n650};
     flex-shrink: 0;
   }
-`, p = e.div`
+`, p = s.div`
   display: flex;
   align-items: center;
   justify-content: center;
   svg {
     width: 0.875rem;
     height: 0.875rem;
-    color: ${({ theme: r, state: s }) => s === "positive" ? r.colors.state.success.n450 : r.colors.state.error.n450};
+    color: ${({ theme: r, state: e }) => e === "positive" ? r.colors.state.success.n450 : r.colors.state.error.n450};
   }
-`, z = e.div`
+`, I = s.div`
   display: flex;
   align-items: center;
   gap: ${({ theme: r }) => r.spacing.xxs};
-`, I = e.div`
+`, A = s.div`
   font-size: ${({ theme: r }) => r.typography.sizes.s6};
   font-weight: bold;
   color: ${({ theme: r }) => r.colors.grey.n800};
@@ -69,18 +76,18 @@ const j = e.div`
   @media ${t.tablet} {
     font-size: ${({ theme: r }) => r.typography.sizes.s3};
   }
-`, A = e.span`
+`, R = s.span`
   font-size: ${({ theme: r }) => r.typography.sizes.s3};
   color: ${({ theme: r }) => r.colors.grey.n400};
   @media ${t.tablet} {
     font-size: ${({ theme: r }) => r.typography.sizes.s1};
   }
-`, R = e.img`
+`, k = s.img`
   width: ${({ $width: r = "1rem" }) => r};
   height: 1rem;
   object-fit: contain;
   flex-shrink: 0;
-`, k = e.div`
+`, C = s.div`
   width: 1.5rem;
   height: 1.5rem;
   border: none;
@@ -93,42 +100,43 @@ const j = e.div`
     height: 1rem;
     color: ${({ theme: r }) => r.colors.grey.n400};
   }
-`, C = ({
+`, D = ({
   title: r,
-  amount: s,
+  amount: e,
   decimal: i = "00",
-  percentage: d,
+  percentage: a,
   state: n,
   indicators: h,
   variant: g = "currency",
-  icon: x
+  icon: x,
+  $isLast: y
 }) => {
-  const { arrow: c = !0, sign: l = !0, percentage: a = !0 } = h || {};
-  return /* @__PURE__ */ o.jsxs(w, { children: [
+  const { arrow: c = !0, sign: l = !0, percentage: d = !0 } = h || {};
+  return /* @__PURE__ */ o.jsxs(b, { $isLast: y, children: [
     /* @__PURE__ */ o.jsxs(v, { children: [
       /* @__PURE__ */ o.jsx("span", { children: r }),
-      (c || l || a) && /* @__PURE__ */ o.jsx(b, { state: n, children: n === "positive" ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-        l && /* @__PURE__ */ o.jsx(y, {}),
-        a && `${d}%`,
-        c && /* @__PURE__ */ o.jsx(p, { state: n, children: /* @__PURE__ */ o.jsx(f, {}) })
-      ] }) : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-        c && /* @__PURE__ */ o.jsx(p, { state: n, children: /* @__PURE__ */ o.jsx($, {}) }),
+      (c || l || d) && /* @__PURE__ */ o.jsx(z, { state: n, children: n === "positive" ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
         l && /* @__PURE__ */ o.jsx(m, {}),
-        a && `${d}%`
+        d && `${a}%`,
+        c && /* @__PURE__ */ o.jsx(p, { state: n, children: /* @__PURE__ */ o.jsx($, {}) })
+      ] }) : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+        c && /* @__PURE__ */ o.jsx(p, { state: n, children: /* @__PURE__ */ o.jsx(u, {}) }),
+        l && /* @__PURE__ */ o.jsx(f, {}),
+        d && `${a}%`
       ] }) })
     ] }),
-    /* @__PURE__ */ o.jsxs(z, { children: [
-      g === "icon" ? /* @__PURE__ */ o.jsx(k, { children: x }) : /* @__PURE__ */ o.jsx(R, { src: u, alt: "Riyal" }),
-      /* @__PURE__ */ o.jsxs(I, { children: [
-        s,
-        g !== "icon" && i && /* @__PURE__ */ o.jsxs(A, { children: [
+    /* @__PURE__ */ o.jsxs(I, { children: [
+      g === "icon" ? /* @__PURE__ */ o.jsx(C, { children: x }) : /* @__PURE__ */ o.jsx(k, { src: j, alt: "Riyal" }),
+      /* @__PURE__ */ o.jsxs(A, { children: [
+        e,
+        g !== "icon" && i && /* @__PURE__ */ o.jsxs(R, { children: [
           ".",
           i
         ] })
       ] })
     ] })
   ] });
-}, B = ({ data: r }) => /* @__PURE__ */ o.jsx(j, { children: r.map((s, i) => /* @__PURE__ */ o.jsx(C, { ...s }, i)) });
+}, E = ({ data: r }) => /* @__PURE__ */ o.jsx(w, { children: r.map((e, i) => /* @__PURE__ */ o.jsx(D, { ...e, $isLast: i === r.length - 1 }, i)) });
 export {
-  B as default
+  E 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;