qaema-ui 0.0.32 → 0.0.34

package/dist/_virtual/index2.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/prop-types/index.js";
+var p = /* @__PURE__ */ o();
+const s = /* @__PURE__ */ r(p);
 export {
-  m as default
+  s as default
 };

package/dist/_virtual/index3.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 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/index4.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/components/Banner.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+export type BannerVariant = 'primary' | 'teal' | 'green' | 'default';
+export type BannerProps = {
+    children: ReactNode;
+    variant?: BannerVariant;
+    dismissible?: boolean;
+    onDismiss?: () => void;
+};
+declare const Banner: ({ children, variant, dismissible, onDismiss }: BannerProps) => import("react/jsx-runtime").JSX.Element;
+export default Banner;

package/dist/components/Banner.js

@@ -0,0 +1,76 @@
+import { j as e } from "../_virtual/jsx-runtime.js";
+import { IoClose as c } from "../node_modules/react-icons/io5/index.js";
+import s, { css as o } from "styled-components";
+const t = s.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: ${({ theme: r }) => r.spacing.sm};
+  padding: ${({ theme: r }) => `${r.spacing.s} ${r.spacing.m}`};
+  width: 100%;
+  min-height: 3rem;
+  position: relative;
+
+  ${({ $variant: r, theme: n }) => {
+  switch (r) {
+    case "primary":
+      return o`
+          background: linear-gradient(90deg, ${n.colors.primary.purple.n500} 0%, ${n.colors.primary.purple.n400} 100%);
+          color: ${n.colors.grey.n50};
+        `;
+    case "teal":
+      return o`
+          background: ${n.colors.primary.green.n150};
+          color: ${n.colors.grey.n650};
+        `;
+    case "green":
+      return o`
+          background: ${n.colors.state.success.n150};
+          color: ${n.colors.grey.n650};
+        `;
+    case "default":
+    default:
+      return o`
+          background: ${n.colors.grey.n100};
+          color: ${n.colors.grey.n600};
+        `;
+  }
+}}
+`, l = s.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: ${({ theme: r }) => r.spacing.sm};
+  flex: 1;
+`, p = s.button`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  padding: ${({ theme: r }) => r.spacing.xxs};
+  border-radius: ${({ theme: r }) => r.borderRadius.circle};
+  transition: all 0.2s ease-in-out;
+  color: currentColor;
+  flex-shrink: 0;
+
+  &:hover {
+    opacity: 0.7;
+    ${({ $variant: r, theme: n }) => r === "primary" ? o`
+            background: rgba(255, 255, 255, 0.2);
+          ` : o`
+            background: ${n.colors.grey.n200};
+          `}
+  }
+
+  &:active {
+    opacity: 0.5;
+  }
+`, $ = ({ children: r, variant: n = "default", dismissible: a = !1, onDismiss: i }) => /* @__PURE__ */ e.jsxs(t, { $variant: n, children: [
+  /* @__PURE__ */ e.jsx(l, { children: r }),
+  a && /* @__PURE__ */ e.jsx(p, { $variant: n, onClick: i, "aria-label": "Dismiss banner", children: /* @__PURE__ */ e.jsx(c, { size: 20 }) })
+] });
+export {
+  $ as default
+};

package/dist/components/FeatureCard.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export type FeatureCardProps = {
+    icon?: React.ReactNode;
+    title?: string;
+    badge?: React.ReactNode;
+    description?: string;
+    CTAText?: string;
+    CTAAction?: () => void;
+};
+export declare const FeatureCard: React.FC<FeatureCardProps>;

package/dist/components/FeatureCard.js

@@ -0,0 +1,84 @@
+import { j as t } from "../_virtual/jsx-runtime.js";
+import "react";
+import i, { useTheme as l } from "styled-components";
+import c from "./Button.js";
+import { Card as m } from "./Card.js";
+import s from "./Typography.js";
+const g = i(m)`
+  background-color: ${({ theme: r }) => r.colors.grey.n50};
+  width: 23.903rem;
+  min-width: 13.371rem;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+  gap: ${({ theme: r }) => r.spacing.sm};
+  padding: ${({ theme: r }) => r.spacing.sm};
+  border-radius: ${({ theme: r }) => r.borderRadius.md};
+  box-shadow:
+    0px 1.2px 2.39px 0px #0000000f,
+    0px 1.2px 3.59px 0px #0000001a;
+`, x = i.div`
+  border: 1.2px solid ${({ theme: r }) => r.colors.grey.n100};
+  padding: ${({ theme: r }) => r.spacing.xs};
+  border-radius: ${({ theme: r }) => r.borderRadius.md};
+  width: 2.391rem;
+  height: 2.391rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`, h = i.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${({ theme: r }) => r.spacing.xxs};
+`, y = i.div`
+  display: flex;
+  align-items: center;
+  gap: ${({ theme: r }) => r.spacing.xs};
+`, f = i(c)`
+  height: 2.391rem !important;
+  border-radius: ${({ theme: r }) => r.borderRadius.sm} !important;
+  padding: ${({ theme: r }) => r.spacing.s} !important;
+  gap: ${({ theme: r }) => r.spacing.xs} !important;
+  font-size: ${({ theme: r }) => r.typography.sizes.s3} !important;
+  line-height: ${({ theme: r }) => r.typography.lineHeights.s} !important;
+  font-weight: ${({ theme: r }) => r.typography.weights.semiBold} !important;
+  letter-spacing: ${({ theme: r }) => r.typography.letterSpacings.normal} !important;
+  box-shadow:
+    0px 1.2px 2.39px 0px #0000000f,
+    0px 1.2px 3.59px 0px #0000001a !important;
+`, S = ({
+  icon: r,
+  title: a,
+  badge: e,
+  description: p,
+  CTAText: n,
+  CTAAction: d
+}) => {
+  const o = l();
+  return /* @__PURE__ */ t.jsxs(g, { shadowVariant: "none", children: [
+    /* @__PURE__ */ t.jsx(x, { children: r }),
+    /* @__PURE__ */ t.jsxs(h, { children: [
+      /* @__PURE__ */ t.jsxs(y, { children: [
+        /* @__PURE__ */ t.jsx(
+          s,
+          {
+            variant: "h6-lg",
+            fontSize: "s7",
+            lineHeight: "l",
+            letterSpacing: "balancedNarrow",
+            weight: "semiBold",
+            color: o.colors.grey.n800,
+            children: a
+          }
+        ),
+        e && e
+      ] }),
+      /* @__PURE__ */ t.jsx(s, { fontSize: "s3", lineHeight: "s", weight: "regular", color: o.colors.grey.n400, children: p })
+    ] }),
+    n && /* @__PURE__ */ t.jsx(f, { variant: "light-primary", width: "100%", onClick: d, children: n })
+  ] });
+};
+export {
+  S as FeatureCard
+};

package/dist/components/ProductCard.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export type ProductCardProps = {
+    image?: React.ReactNode;
+    category?: string;
+    title?: string;
+    description?: string;
+};
+export declare const ProductCard: React.FC<ProductCardProps>;

package/dist/components/ProductCard.js

@@ -0,0 +1,65 @@
+import { j as i } from "../_virtual/jsx-runtime.js";
+import "react";
+import r from "styled-components";
+import s from "./Badge.js";
+import { Card as l } from "./Card.js";
+import d from "./Typography.js";
+const a = r(l)`
+  background-color: ${({ theme: e }) => e.colors.grey.n50};
+  width: 23.5rem;
+  /* height: 25.188rem; */
+  border-radius: 1.875rem;
+  padding: 0;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: ${({ theme: e }) => e.spacing.xl};
+  padding-bottom: ${({ theme: e }) => e.spacing.m};
+`, c = r.div`
+  width: 100%;
+  height: 13.813rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+
+  & img,
+  & svg {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    display: block;
+  }
+`, g = r.div`
+  display: flex;
+  flex-direction: column;
+  padding: 0 ${({ theme: e }) => e.spacing.m};
+  gap: ${({ theme: e }) => e.spacing.sm};
+`, p = r.div`
+  display: inline-flex;
+  width: fit-content;
+  align-self: flex-start;
+  & > div {
+    border-radius: ${({ theme: e }) => e.borderRadius.sm};
+    & > span {
+      font-size: ${({ theme: e }) => e.typography.sizes.s3};
+    }
+  }
+`, m = r.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${({ theme: e }) => e.spacing.xs};
+`, w = ({ image: e, category: t, title: n, description: o }) => /* @__PURE__ */ i.jsxs(a, { shadowVariant: "default", children: [
+  e && /* @__PURE__ */ i.jsx(c, { children: e }),
+  /* @__PURE__ */ i.jsxs(g, { children: [
+    t && /* @__PURE__ */ i.jsx(p, { children: /* @__PURE__ */ i.jsx(s, { label: t, weight: "semiBold" }) }),
+    /* @__PURE__ */ i.jsxs(m, { children: [
+      n && /* @__PURE__ */ i.jsx(d, { fontSize: "s7", lineHeight: "l", letterSpacing: "balancedNarrow", weight: "semiBold", children: n }),
+      o && /* @__PURE__ */ i.jsx(d, { fontSize: "s3", lineHeight: "s", letterSpacing: "normal", weight: "regular", children: o })
+    ] })
+  ] })
+] });
+export {
+  w as ProductCard
+};

package/dist/components/index.d.ts

@@ -26,6 +26,10 @@ export { default as Image } from './Image';
 export type { ImageProps } from './Image';
 export { default as Card } from './Card';
 export type { CardProps } from './Card';
+export { FeatureCard } from './FeatureCard';
+export type { FeatureCardProps } from './FeatureCard';
+export { ProductCard } from './ProductCard';
+export type { ProductCardProps } from './ProductCard';
 export { default as MethodCard } from './MethodCard';
 export type { MethodCardProps } from './MethodCard';
 export { default as RadioButton } from './Radio';
@@ -93,6 +97,8 @@ export type { QuickStartCardProps } from './QuickStartCard';
 export { default as Divider } from './Divider';
 export type { DividerProps } from './Divider';
 export { default as Badge } from './Badge';
+export { default as Banner } from './Banner';
+export type { BannerProps, BannerVariant } from './Banner';
 export { default as AddOnCardInput } from './AddOnCardInput';
 export type { AddOnCardInputProps } from './AddOnCardInput';
 export { default as ConfirmationPopup } from './ConfirmationPopup';

package/dist/index.js

@@ -1,18 +1,18 @@
-import { default as r } from "./components/Button.js";
+import { default as o } from "./components/Button.js";
 import { default as a } from "./components/InputField.js";
 import { default as d } from "./components/TextArea.js";
 import { default as u } from "./components/Typography.js";
-import { default as m } from "./components/DropDown.js";
+import { default as l } from "./components/DropDown.js";
 import { default as x } from "./components/SearchBar.js";
-import { default as n } from "./components/Hint.js";
+import { default as i } from "./components/Hint.js";
 import { Alert as c } from "./components/Alert.js";
 import { default as I } from "./components/Tabs.js";
 import { default as k } from "./components/InfoCard.js";
 import { default as T } from "./components/ThemeProvider.js";
 import { default as b } from "./components/PackageCard.js";
-import { default as D } from "./components/Draggable.js";
-import { default as y } from "./components/Image.js";
-import { Card as H } from "./components/Card.js";
+import { default as B } from "./components/Draggable.js";
+import { default as L } from "./components/Image.js";
+import { Card as F } from "./components/Card.js";
 import { MethodCard as R } from "./components/MethodCard.js";
 import { default as w } from "./components/Radio.js";
 import { default as G } from "./components/RadioInput.js";
@@ -25,21 +25,21 @@ import { default as K } from "./components/Modal.js";
 import { default as X } from "./components/Stepper.js";
 import { default as _ } from "./components/ProgressBar.js";
 import { default as ee } from "./components/InfoItem.js";
-import { default as re } from "./components/AmountItem.js";
+import { default as oe } from "./components/AmountItem.js";
 import { default as ae } from "./components/Layout.js";
 import { default as de } from "./components/DatePicker.js";
 import { default as ue } from "./components/PasswordInputField.js";
-import { default as me } from "./components/ToastNotification.js";
+import { default as le } from "./components/ToastNotification.js";
 import { default as xe } from "./components/OTP.js";
-import { default as ne } from "./components/NumberInput.js";
+import { default as ie } from "./components/NumberInput.js";
 import { default as ce } from "./components/CollapsableCard.js";
 import { default as Ie } from "./components/Toggle.js";
 import { default as ke } from "./components/Spinner.js";
 import { default as Te } from "./components/AddOnCard.js";
 import { default as be } from "./components/Legend.js";
-import { default as De } from "./components/HorizontalChart.js";
-import { default as ye } from "./components/Chart.js";
-import { default as He } from "./components/ActionInput.js";
+import { default as Be } from "./components/HorizontalChart.js";
+import { default as Le } from "./components/Chart.js";
+import { default as Fe } from "./components/ActionInput.js";
 import { default as Re } from "./components/StatusFeedback.js";
 import { default as we } from "./components/StepperProcess.js";
 import { default as Ge } from "./components/Table/Table.js";
@@ -51,107 +51,113 @@ import { default as Ee } from "./components/NavItem.js";
 import { default as Ke } from "./components/QuickStartCard.js";
 import { default as Xe } from "./components/Divider.js";
 import { default as _e } from "./components/Badge.js";
-import { default as eo } from "./components/AddOnCardInput.js";
-import { default as ro } from "./components/ConfirmationPopup.js";
-import { default as ao } from "./components/BulletItem.js";
-import { default as po } from "./components/CardsList.js";
-import { default as lo } from "./components/StatCard.js";
-import { default as so } from "./components/ListToolbar.js";
-import { default as io } from "./components/Pagination.js";
-import { default as Co } from "./components/ViewItem.js";
-import { default as go } from "./components/NavigationPanel.js";
-import { default as Po } from "./components/ToggleForm.js";
-import { default as So } from "./components/ToggleHeader.js";
-import { default as ho } from "./components/QuickActionItem.js";
-import { default as Ao } from "./components/StatIndicator.js";
-import { default as Lo } from "./components/ReconciliationGroups.js";
-import { default as Bo } from "./components/AccordionCard.js";
-import { default as Fo } from "./components/FileDownloadCard.js";
-import { default as vo, HelpCardGroup as wo } from "./components/HelpCard.js";
-import { default as Go } from "./components/ConfigList.js";
-import { default as Oo } from "./components/RequestCard.js";
-import { default as Qo } from "./components/RequestSummaryCard.js";
-import { default as zo } from "./components/PaymentLinkDetails.js";
-import { default as Zo } from "./components/PaymentTooltip.js";
-import { default as Eo } from "./components/ModalWithRequestCard.js";
-import { default as Ko } from "./components/DropDownWithTable/DropDownWithTable.js";
-import { default as Xo } from "./components/TotalsSummary.js";
-import { default as _o } from "./components/NextActionBox.js";
-import { default as er } from "./hooks/useFormikInput.js";
-import { default as rr } from "./hooks/useZIndex.js";
-import { default as ar } from "./hooks/useBreakpointCheck.js";
-import { OptionSelectGroup as dr } from "./components/OptionCardGroup.js";
-import { defaultTheme as ur } from "./theme/theme.js";
-import { darkColors as mr, lightColors as sr } from "./theme/colors.js";
-import { setQaemaCoreLanguage as ir } from "./i18n/i18n.js";
-import { breakPoints as Cr, device as cr } from "./constants/breakPoints.constant.js";
+import { default as er } from "./components/Banner.js";
+import { default as or } from "./components/AddOnCardInput.js";
+import { default as ar } from "./components/ConfirmationPopup.js";
+import { default as dr } from "./components/BulletItem.js";
+import { default as ur } from "./components/CardsList.js";
+import { default as lr } from "./components/StatCard.js";
+import { default as xr } from "./components/ListToolbar.js";
+import { default as ir } from "./components/Pagination.js";
+import { default as cr } from "./components/ViewItem.js";
+import { default as Ir } from "./components/NavigationPanel.js";
+import { default as kr } from "./components/ToggleForm.js";
+import { default as Tr } from "./components/ToggleHeader.js";
+import { default as br } from "./components/QuickActionItem.js";
+import { default as Br } from "./components/StatIndicator.js";
+import { default as Lr } from "./components/ReconciliationGroups.js";
+import { default as Fr } from "./components/AccordionCard.js";
+import { default as Rr } from "./components/FileDownloadCard.js";
+import { default as wr, HelpCardGroup as Nr } from "./components/HelpCard.js";
+import { default as Mr } from "./components/ConfigList.js";
+import { default as qr } from "./components/RequestCard.js";
+import { default as Wr } from "./components/RequestSummaryCard.js";
+import { default as Vr } from "./components/PaymentLinkDetails.js";
+import { default as jr } from "./components/PaymentTooltip.js";
+import { default as Jr } from "./components/ModalWithRequestCard.js";
+import { default as Ur } from "./components/DropDownWithTable/DropDownWithTable.js";
+import { default as Yr } from "./components/TotalsSummary.js";
+import { default as $r } from "./components/NextActionBox.js";
+import { default as ro } from "./hooks/useFormikInput.js";
+import { default as to } from "./hooks/useZIndex.js";
+import { default as fo } from "./hooks/useBreakpointCheck.js";
+import { FeatureCard as uo } from "./components/FeatureCard.js";
+import { ProductCard as lo } from "./components/ProductCard.js";
+import { OptionSelectGroup as xo } from "./components/OptionCardGroup.js";
+import { defaultTheme as io } from "./theme/theme.js";
+import { darkColors as co, lightColors as go } from "./theme/colors.js";
+import { setQaemaCoreLanguage as Po } from "./i18n/i18n.js";
+import { breakPoints as So, device as To } from "./constants/breakPoints.constant.js";
 export {
-  Bo as AccordionCard,
-  He as ActionInput,
+  Fr as AccordionCard,
+  Fe as ActionInput,
   Te as AddOnCard,
-  eo as AddOnCardInput,
+  or as AddOnCardInput,
   c as Alert,
-  re as AmountItem,
+  oe as AmountItem,
   _e as Badge,
-  ao as BulletItem,
-  r as Button,
-  H as Card,
-  po as CardsList,
-  ye as Chart,
+  er as Banner,
+  dr as BulletItem,
+  o as Button,
+  F as Card,
+  ur as CardsList,
+  Le as Chart,
   O as Checkbox,
   ce as CollapsableCard,
-  Go as ConfigList,
-  ro as ConfirmationPopup,
+  Mr as ConfigList,
+  ar as ConfirmationPopup,
   de as DatePicker,
   Xe as Divider,
-  D as Draggable,
-  m as DropDown,
-  Ko as DropDownWithTable,
-  Fo as FileDownloadCard,
+  B as Draggable,
+  l as DropDown,
+  Ur as DropDownWithTable,
+  uo as FeatureCard,
+  Rr as FileDownloadCard,
   Q as Header,
-  vo as HelpCard,
-  wo as HelpCardGroup,
-  n as Hint,
-  De as HorizontalChart,
-  y as Image,
+  wr as HelpCard,
+  Nr as HelpCardGroup,
+  i as Hint,
+  Be as HorizontalChart,
+  L as Image,
   k as InfoCard,
   ee as InfoItem,
   a as InputField,
   ae as Layout,
   be as Legend,
   Z as Link,
-  so as ListToolbar,
+  xr as ListToolbar,
   R as MethodCard,
   K as Modal,
-  Eo as ModalWithRequestCard,
+  Jr as ModalWithRequestCard,
   Ee as NavItem,
-  go as NavigationPanel,
-  _o as NextActionBox,
-  ne as NumberInput,
-  dr as OptionSelectGroup,
+  Ir as NavigationPanel,
+  $r as NextActionBox,
+  ie as NumberInput,
+  xo as OptionSelectGroup,
   xe as OtpInput,
   b as PackageCard,
   Ze as PageHeader,
-  io as Pagination,
+  ir as Pagination,
   ue as PasswordInputField,
-  zo as PaymentLinkDetails,
-  Zo as PaymentTooltip,
+  Vr as PaymentLinkDetails,
+  jr as PaymentTooltip,
   Qe as PhoneInputField,
   E as PriceAmount,
+  lo as ProductCard,
   _ as ProgressBar,
-  ho as QuickActionItem,
+  br as QuickActionItem,
   Ke as QuickStartCard,
   w as RadioButton,
   G as RadioInput,
-  Lo as ReconciliationGroups,
-  Oo as RequestCard,
-  Qo as RequestSummaryCard,
+  Lr as ReconciliationGroups,
+  qr as RequestCard,
+  Wr as RequestSummaryCard,
   x as SearchBar,
   ze as SectionHeader,
   Oe as SideMenuLinks,
   ke as Spinner,
-  lo as StatCardGroup,
-  Ao as StatIndicator,
+  lr as StatCardGroup,
+  Br as StatIndicator,
   Re as StatusFeedback,
   X as Stepper,
   we as StepperProcess,
@@ -160,20 +166,20 @@ export {
   I as Tabs,
   d as TextArea,
   T as ThemeProvider,
-  me as ToastNotification,
+  le as ToastNotification,
   Ie as Toggle,
-  Po as ToggleForm,
-  So as ToggleHeader,
-  Xo as TotalsSummary,
+  kr as ToggleForm,
+  Tr as ToggleHeader,
+  Yr as TotalsSummary,
   u as Typography,
-  Co as ViewItem,
-  Cr as breakPoints,
-  mr as darkColors,
-  ur as defaultTheme,
-  cr as device,
-  sr as lightColors,
-  ir as setQaemaCoreLanguage,
-  ar as useBreakpointCheck,
-  er as useFormikInput,
-  rr as useZIndex
+  cr as ViewItem,
+  So as breakPoints,
+  co as darkColors,
+  io as defaultTheme,
+  To as device,
+  go as lightColors,
+  Po as setQaemaCoreLanguage,
+  fo as useBreakpointCheck,
+  ro as useFormikInput,
+  to as useZIndex
 };

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

@@ -1,4 +1,4 @@
-import o from "../../../_virtual/index4.js";
+import o from "../../../_virtual/index2.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/index4.js";
+import e from "../../../_virtual/index2.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/index4.js";
+import o from "../../../_virtual/index2.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/index4.js";
+import o from "../../../_virtual/index2.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/index2.js";
+import ee from "../../../_virtual/index3.js";
 import F from "../../../_virtual/browser.js";
-import te from "../../../_virtual/index3.js";
+import te from "../../../_virtual/index4.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/index4.js";
+import a from "../../../_virtual/index2.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/index4.js";
+import o from "../../../_virtual/index2.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/index4.js";
+import e from "../../../../_virtual/index2.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.32",
+  "version": "0.0.34",
   "type": "module",
   "publishConfig": {
     "access": "public"