qaema-ui 0.0.27 → 0.0.28

package/dist/components/NavigationPanel.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
-import { NavItemType } from './NavItem';
+import React from 'react';
+import { type NavItemType } from '@components/NavItem';
 export type NavigationCategory = {
     title: string;
     items: NavItemType[];

package/dist/components/NextActionBox.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 export type NextActionItem = {
     id: string;
     label: string;

package/dist/components/NextActionBox.js

@@ -0,0 +1,104 @@
+import { j as e } from "../_virtual/jsx-runtime.js";
+import i from "styled-components";
+import { device as o } from "../constants/breakPoints.constant.js";
+import p from "./Typography.js";
+const s = i.div`
+  width: 100%;
+  display: flex;
+  justify-content: center;
+`, a = i.div`
+  width: 100%;
+  max-width: 26rem;
+  padding: ${({ theme: t }) => t.spacing.m};
+  text-align: center;
+  background: transparent;
+
+  @media ${o.tablet} {
+    max-width: 100%;
+    padding: ${({ theme: t }) => t.spacing.sm};
+  }
+`, l = i.div`
+  font-family: ${({ theme: t }) => t.fonts.english};
+  font-weight: ${({ theme: t }) => t.typography.weights.semiBold};
+  font-size: ${({ theme: t }) => t.typography.sizes.s4};
+  line-height: ${({ theme: t }) => t.typography.lineHeights.s};
+  letter-spacing: -0.0025em;
+  text-align: center;
+  color: #000000;
+  margin-bottom: ${({ theme: t }) => t.spacing.m};
+`, c = i.div`
+  display: flex;
+  justify-content: center;
+  gap: ${({ theme: t }) => t.spacing.l};
+  flex-wrap: wrap;
+
+  @media ${o.tablet} {
+    gap: ${({ theme: t }) => t.spacing.m};
+  }
+`, x = i.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`, d = i.button`
+  width: 56px;
+  height: 56px;
+  min-height: 56px;
+  border-radius: 8px;
+  border: none;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+
+  background: ${({ theme: t }) => t.colors.primary.purple.n100};
+
+  box-shadow:
+    0px 1px 2px 0px #0000000f,
+    0px 1px 3px 0px #0000001a;
+
+  transition: all 0.15s ease-in-out;
+
+  svg {
+    width: 20px;
+    height: 20px;
+    color: ${({ theme: t }) => t.colors.primary.purple.n450};
+  }
+
+  &:hover {
+    background: ${({ theme: t }) => t.colors.primary.purple.n100};
+    box-shadow:
+      0px 2px 4px 0px #00000014,
+      0px 4px 8px 0px #0000001f;
+    transform: translateY(-2px);
+  }
+`, g = i.div`
+  margin-top: 8px;
+  width: 56px;
+  min-height: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`, h = i(p)`
+  font-family: ${({ theme: t }) => t.fonts.english};
+  font-weight: ${({ theme: t }) => t.typography.weights.semiBold};
+  font-size: ${({ theme: t }) => t.typography.sizes.s2};
+  line-height: ${({ theme: t }) => t.typography.lineHeights.xs};
+  letter-spacing: ${({ theme: t }) => t.typography.letterSpacings.normal};
+  text-align: center;
+  vertical-align: middle;
+  color: ${({ theme: t }) => t.colors.primary.purple.n450};
+  white-space: nowrap;
+  text-wrap :auto ;
+`;
+function $({ title: t, items: r }) {
+  return /* @__PURE__ */ e.jsx(s, { children: /* @__PURE__ */ e.jsxs(a, { children: [
+    /* @__PURE__ */ e.jsx(l, { children: t }),
+    /* @__PURE__ */ e.jsx(c, { children: r.map((n) => /* @__PURE__ */ e.jsxs(x, { children: [
+      /* @__PURE__ */ e.jsx(d, { onClick: n.onClick, disabled: n.disabled, type: "button", children: n.icon }),
+      /* @__PURE__ */ e.jsx(g, { children: /* @__PURE__ */ e.jsx(h, { variant: "smText", children: n.label }) })
+    ] }, n.id)) })
+  ] }) });
+}
+export {
+  $ as default
+};

package/dist/components/NumberInput.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 export type NumberInputProps = {
     name: string;
     value: string;

package/dist/components/OTP.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 interface OtpInputProps {
     length?: number;
     onComplete: (otp: string) => void;

package/dist/components/OptionCardGroup.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 export type OptionSelectCardProps = {
     id: string | number;
     title: string;
@@ -24,7 +24,7 @@ export type OptionSelectGroupProps = {
     className?: string;
     style?: React.CSSProperties;
 };
-export declare const OptionSelectGroupWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const OptionSelectGroupWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $rowGap: number;
     $columnGap: number;
     $columns: 1 | 2;

package/dist/components/OptionCardGroup.js

@@ -1,4 +1,4 @@
-import { j as i } from "../_virtual/jsx-runtime.js";
+import { j as s } from "../_virtual/jsx-runtime.js";
 import { useMemo as k, createContext as G, useContext as R } from "react";
 import c, { css as j } from "styled-components";
 import z from "./RadioInput.js";
@@ -117,10 +117,10 @@ const v = G(null), S = () => R(v), I = c.button`
 }) => {
   const r = S(), u = h ?? e, y = r == null ? void 0 : r.value, $ = r && typeof y < "u", b = $ ? y === u : !!m, w = (r == null ? void 0 : r.name) ?? x ?? String(e), f = () => {
     n || ($ && (r != null && r.onChange) ? r.onChange(u) : l == null || l(e));
-  }, C = (s) => {
-    n || (s.key === " " || s.key === "Enter") && (s.preventDefault(), f());
+  }, C = (i) => {
+    n || (i.key === " " || i.key === "Enter") && (i.preventDefault(), f());
   };
-  return /* @__PURE__ */ i.jsxs(
+  return /* @__PURE__ */ s.jsxs(
     I,
     {
       className: d,
@@ -131,22 +131,22 @@ const v = G(null), S = () => R(v), I = c.button`
       "aria-disabled": n || void 0,
       tabIndex: n ? -1 : 0,
       children: [
-        /* @__PURE__ */ i.jsx(D, { children: a }),
-        /* @__PURE__ */ i.jsxs(N, { children: [
-          /* @__PURE__ */ i.jsx("h5", { className: "title", children: o }),
-          !!t && /* @__PURE__ */ i.jsx("p", { className: "desc", children: t })
+        /* @__PURE__ */ s.jsx(D, { children: a }),
+        /* @__PURE__ */ s.jsxs(N, { children: [
+          /* @__PURE__ */ s.jsx("h5", { className: "title", children: o }),
+          !!t && /* @__PURE__ */ s.jsx("p", { className: "desc", children: t })
         ] }),
-        /* @__PURE__ */ i.jsxs(O, { onClick: (s) => s.stopPropagation(), children: [
+        /* @__PURE__ */ s.jsxs(O, { onClick: (i) => i.stopPropagation(), children: [
           p,
-          /* @__PURE__ */ i.jsx(
+          /* @__PURE__ */ s.jsx(
             z,
             {
               name: w,
               label: "",
               options: [{ label: "", value: String(u) }],
               value: b ? String(u) : "",
-              onChange: (s) => {
-                s.preventDefault(), f();
+              onChange: (i) => {
+                i.preventDefault(), f();
               },
               disabled: n,
               optional: !1
@@ -168,7 +168,7 @@ const v = G(null), S = () => R(v), I = c.button`
   style: h
 }) => {
   const l = k(() => ({ name: n, value: a, onChange: p }), [n, a, p]), d = typeof a < "u";
-  return /* @__PURE__ */ i.jsx(v.Provider, { value: l, children: /* @__PURE__ */ i.jsx(
+  return /* @__PURE__ */ s.jsx(v.Provider, { value: l, children: /* @__PURE__ */ s.jsx(
     V,
     {
       className: x,
@@ -178,12 +178,13 @@ const v = G(null), S = () => R(v), I = c.button`
       $columns: m,
       role: d ? "radiogroup" : void 0,
       "aria-label": d ? n : void 0,
-      children: e.map((g) => /* @__PURE__ */ i.jsx(E, { ...g }, g.id))
+      children: e.map((g) => /* @__PURE__ */ s.jsx(E, { ...g }, g.id))
     }
   ) });
 };
 export {
   E as OptionSelectCard,
   M as OptionSelectGroup,
-  V as OptionSelectGroupWrapper
+  V as OptionSelectGroupWrapper,
+  M as default
 };

package/dist/components/Pagination.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 export type PaginationProps = {
     currentPage: number;
     totalPages: number;

package/dist/components/PasswordInputField.d.ts

@@ -9,7 +9,7 @@ export type InputFieldProps = {
     endIcon?: React.ReactNode;
     dir?: 'rtl' | 'ltr';
 };
-export declare const EyeIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react-icons/lib').IconBaseProps, never>> & string & Omit<import('react-icons/lib').IconType, keyof import('react').Component<any, {}, any>>;
-export declare const VisibleEyeIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react-icons/lib').IconBaseProps, never>> & string & Omit<import('react-icons/lib').IconType, keyof import('react').Component<any, {}, any>>;
+export declare const EyeIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react-icons/lib").IconBaseProps, never>> & string & Omit<import("react-icons/lib").IconType, keyof import("react").Component<any, {}, any>>;
+export declare const VisibleEyeIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react-icons/lib").IconBaseProps, never>> & string & Omit<import("react-icons/lib").IconType, keyof import("react").Component<any, {}, any>>;
 declare const PasswordInputField: React.FC<InputFieldProps>;
 export default PasswordInputField;

package/dist/components/PaymentLinkDetails.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 export type PaymentStatus = 'unpaid' | 'expired' | 'paid';
 export type PaymentLinkDetailsProps = {
     title?: string;

package/dist/components/PaymentTooltip.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
-import { PaymentLinkDetailsProps } from './PaymentLinkDetails';
+import React from 'react';
+import { type PaymentLinkDetailsProps } from './PaymentLinkDetails';
 export type PaymentTooltipProps = {
     title: React.ReactNode;
     subtitle?: React.ReactNode;

package/dist/components/PhoneInputField.d.ts

@@ -46,10 +46,10 @@ type CountryCode = {
     dialCode: string;
     flag: string;
 };
-export declare const VerticalSeparator: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const VerticalSeparator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $error?: string;
 }>> & string;
-export declare const HelperTextWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const HelperTextWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     error: string;
 }>> & string;
 declare const PhoneInputField: React.FC<PhoneInputFieldProps>;

package/dist/components/QuickActionItem.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
-import { LinkProps } from './Link';
+import React from 'react';
+import { type LinkProps } from './Link';
 export type QuickAction = {
     id: string | number;
     title: string;

package/dist/components/QuickStartCard.d.ts

@@ -1,7 +1,7 @@
-import { default as React } from 'react';
-import { BadgeProps } from './Badge';
-import { ButtonProps } from './Button';
-import { LinkProps } from './Link';
+import React from 'react';
+import type { BadgeProps } from './Badge';
+import type { ButtonProps } from './Button';
+import { type LinkProps } from './Link';
 export type QuickStartCardProps = {
     disabled?: boolean;
     title: string;

package/dist/components/RadioInput.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import type React from 'react';
 type RadioInputOption = {
     label: string;
     value: string | number;

package/dist/components/ReconciliationGroups.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 type TableConfig = {
     titleRef: string;
     titleAmount: string;

package/dist/components/RequestCard.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
-import { FeatureItem } from './RequestSummaryCard';
+import React from 'react';
+import { type FeatureItem } from './RequestSummaryCard';
 export type RequestCardVariant = 'hidden' | 'accepted' | 'rejected' | 'inProgress';
 type ContentWrapperProps = {
     image?: React.ReactNode;
@@ -32,13 +32,13 @@ export type RequestCardProps = {
     inModal?: boolean;
     background?: string;
 };
-export declare const ContentWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContentWrapperProps>> & string;
-export declare const TrackingWrap: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const TrackingHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ProgressBar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const ContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContentWrapperProps>> & string;
+export declare const TrackingWrap: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TrackingHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ProgressBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $color: string;
     $value: number;
 }>> & string;
-export declare const StatusText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const StatusText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 declare const RequestCard: React.FC<RequestCardProps>;
 export default RequestCard;

package/dist/components/RequestSummaryCard.d.ts

@@ -1,6 +1,6 @@
-import { default as React } from 'react';
-import { ButtonVariant } from '../hooks/useButtonVariant';
-import { RequestCardVariant } from './RequestCard';
+import React from 'react';
+import type { ButtonVariant } from '@hooks/useButtonVariant';
+import { type RequestCardVariant } from './RequestCard';
 type RequestState = 'accepted' | 'rejected';
 export type FeatureVariant = 'default' | 'tag';
 export type FeatureItem = {
@@ -31,9 +31,9 @@ export type RequestSummaryCardProps = {
     trackingLabel?: string;
     imgPadding?: string;
 };
-export declare const FeatureList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
-export declare const FeatureRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
-export declare const Bullet: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+export declare const FeatureList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
+export declare const FeatureRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
+export declare const Bullet: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
     $stroke?: boolean;
 }>> & string;
 declare const RequestSummaryCard: React.FC<RequestSummaryCardProps>;

package/dist/components/SectionHeader.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import type React from 'react';
 export type SectionHeaderProps = {
     title?: string;
     subtitle?: string;

package/dist/components/SideMenuLinks.d.ts

@@ -1,4 +1,4 @@
-import { NavItemType } from './NavItem';
+import type { NavItemType } from './NavItem';
 export interface SideMenuLinksProps {
     navItems: Array<NavItemType & {
         icon: React.ReactNode | React.FunctionComponent;

package/dist/components/Sidemenu.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
-import { NavItemType } from './NavItem';
+import type React from 'react';
+import type { NavItemType } from './NavItem';
 export type CategoryItem = {
     title: string;
     navItems: Array<NavItemType>;

package/dist/components/Spinner.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 type SpinnerType = 'dots' | 'circle';
 interface SpinnerProps {
     type?: SpinnerType;

package/dist/components/StatCard.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 type IndicatorState = 'positive' | 'negative';
 interface IndicatorOptions {
     arrow?: boolean;

package/dist/components/StatIndicator.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 type Direction = 'up' | 'down' | 'default';
 export type StatIndicatorProps = {
     value: number | string;

package/dist/components/StatusFeedback.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
-import { StepVariant } from './StepperProcess';
+import React from 'react';
+import { type StepVariant } from './StepperProcess';
 export type StatusFeedbackProps = {
     children?: React.ReactNode;
     status: StepVariant;