qaema-ui 0.0.40 → 0.0.42

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/_virtual/index7.js

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

package/dist/_virtual/index8.js

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

package/dist/components/AmountItem.d.ts

@@ -4,6 +4,7 @@ type AmountItemProps = {
     data: AmountCellData;
     type?: CellType;
     width?: string;
+    height?: string;
     numberOptions?: TypographyProps;
     decimalOptions?: TypographyProps;
 };

package/dist/components/AmountItem.js

@@ -2,15 +2,15 @@ import { j as t } from "../_virtual/jsx-runtime.js";
 import r from "styled-components";
 import l from "../assets/svg/Riyal.svg.js";
 import o from "./Typography.js";
-const b = r.div`
+const S = r.div`
   display: flex;
   justify-content: center;
   align-items: center;
   overflow: hidden;
   flex-direction: ${({ theme: e }) => e.dir == "rtl" && "row-reverse"};
-`, S = r.div`
+`, A = r.div`
   width: ${({ $width: e = "12.18rem" }) => e};
-  height: 3.5rem;
+  height: ${({ $height: e = "3.5rem" }) => e};
   display: flex;
   align-items: center;
   gap: 2px;
@@ -20,24 +20,24 @@ const b = r.div`
   whiteSpace: "nowrap",
   overflow: "hidden",
   textOverflow: "ellipsis"
-}, A = r.img`
+}, C = r.img`
   width: ${({ $width: e = ".75rem" }) => e};
   height: 0.75rem;
   object-fit: contain;
   flex-shrink: 0;
   margin-right: 2px;
-`, C = {
+`, $ = {
   SAR: l
-}, T = ({ data: e, width: c, numberOptions: a, decimalOptions: m }) => {
+}, W = ({ data: e, width: c, height: a, numberOptions: m, decimalOptions: h }) => {
   var n;
-  const i = e.value ?? "", [h, d = "00"] = i.split("."), p = Number(h.replace(/,/g, "")).toLocaleString(), g = ((n = e.currencyCode) == null ? void 0 : n.trim()) ?? "SAR", u = C[g] || l, { variant: x = "smText", weight: y = "bold", ...f } = a || {}, { variant: v = "smText", weight: w, ...j } = m || {};
-  return /* @__PURE__ */ t.jsx(S, { $width: c, children: i.length > 0 && /* @__PURE__ */ t.jsxs(b, { children: [
-    /* @__PURE__ */ t.jsx(A, { src: u, alt: e.value }),
-    /* @__PURE__ */ t.jsx(o, { variant: x, weight: y, style: s, ...f, children: p }),
+  const i = e.value ?? "", [d, g = "00"] = i.split("."), p = Number(d.replace(/,/g, "")).toLocaleString(), u = ((n = e.currencyCode) == null ? void 0 : n.trim()) ?? "SAR", x = $[u] || l, { variant: y = "smText", weight: f = "bold", ...v } = m || {}, { variant: w = "smText", weight: j, ...b } = h || {};
+  return /* @__PURE__ */ t.jsx(A, { $width: c, $height: a, children: i.length > 0 && /* @__PURE__ */ t.jsxs(S, { children: [
+    /* @__PURE__ */ t.jsx(C, { src: x, alt: e.value }),
+    /* @__PURE__ */ t.jsx(o, { variant: y, weight: f, style: s, ...v, children: p }),
     ".",
-    /* @__PURE__ */ t.jsx(o, { variant: v, weight: w, style: s, ...j, children: d })
+    /* @__PURE__ */ t.jsx(o, { variant: w, weight: j, style: s, ...b, children: g })
   ] }) });
 };
 export {
-  T as default
+  W as default
 };

package/dist/components/SummaryCard.js

@@ -1,97 +1,101 @@
 import { j as e } from "../_virtual/jsx-runtime.js";
-import d, { useTheme as f } from "styled-components";
-import v from "./Badge.js";
+import i, { useTheme as y } from "styled-components";
+import v from "./AmountItem.js";
+import w from "./Badge.js";
 import j from "./Button.js";
-import w from "./CallOutBox.js";
-import { Card as T } from "./Card.js";
-import a from "./Typography.js";
-const $ = d.div`
+import T from "./CallOutBox.js";
+import { Card as $ } from "./Card.js";
+import d from "./Typography.js";
+const S = i.div`
   padding-bottom: ${(r) => r.theme.spacing.s};
   border-bottom: 1px solid ${(r) => r.theme.colors.grey.n100};
   caption {
     display: inline-block;
     text-align: start;
   }
-`, S = d.div`
+`, B = i.div`
   width: 100%;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
-`, B = d.div`
+`, R = i.div`
   margin-top: ${(r) => r.theme.spacing.s};
   display: flex;
   flex-direction: column;
   gap: ${(r) => r.theme.spacing.s};
-`, R = d.div`
+`, V = i.div`
   display: flex;
   flex-direction: column;
   gap: ${(r) => r.theme.spacing.s};
-`, g = d.div`
+`, b = i.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
-`, E = d(g)``, y = ({
+`, E = i(b)``, f = ({
   variant: r = "text",
   label: o,
   value: l,
-  color: m
+  color: p
 }) => {
-  const x = f();
-  let c = null;
+  const x = y();
+  let t = null;
   if (r === "badge") {
     const n = l;
-    c = /* @__PURE__ */ e.jsx(v, { ...n });
+    t = /* @__PURE__ */ e.jsx(w, { ...n });
   } else if (r === "trend") {
-    const n = typeof l == "object" && l !== null ? l : { value: l }, i = n.direction ?? "neutral", t = x.colors.state.success.n450, s = x.colors.state.error.n450, h = i === "up" ? t : i === "down" ? s : m;
-    c = /* @__PURE__ */ e.jsx(a, { variant: "smText", color: h, children: typeof n.value == "number" ? n.value.toString() : n.value });
+    const n = typeof l == "object" && l !== null ? l : { value: l }, a = n.direction ?? "neutral", c = x.colors.state.success.n450, s = x.colors.state.error.n450, u = a === "up" ? c : a === "down" ? s : p;
+    t = /* @__PURE__ */ e.jsx(d, { variant: "smText", color: u, children: typeof n.value == "number" ? n.value.toString() : n.value });
   } else if (r === "component")
-    c = l;
-  else {
+    t = l;
+  else if (r === "amount") {
+    const a = { value: l };
+    t = /* @__PURE__ */ e.jsx(v, { data: a, width: "auto", height: "auto" });
+  } else {
     const n = l;
-    c = /* @__PURE__ */ e.jsx(a, { variant: "smText", color: m, children: typeof n == "number" ? n.toString() : n });
+    t = /* @__PURE__ */ e.jsx(d, { variant: "smText", color: p, children: typeof n == "number" ? n.toString() : n });
   }
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    r !== "component" && /* @__PURE__ */ e.jsx(a, { variant: "smText", weight: "semiBold", children: o }),
-    c
+    r !== "component" && /* @__PURE__ */ e.jsx(d, { variant: "smText", weight: "semiBold", children: o }),
+    t
   ] });
 };
-function q({
+function z({
   sections: r,
   total: o,
   title: l,
-  subtitle: m,
+  subtitle: p,
   btnLabel: x,
-  btnConfig: c,
+  btnConfig: t,
   trailingActionsConfig: n,
-  callout: i
+  callout: a
 }) {
-  const t = f();
-  return /* @__PURE__ */ e.jsxs(T, { padding: "2rem", shadowVariant: "none", hoverEffect: !1, border: `1px solid ${t.colors.grey.n100}`, children: [
-    /* @__PURE__ */ e.jsxs($, { children: [
-      /* @__PURE__ */ e.jsxs(S, { children: [
-        /* @__PURE__ */ e.jsx(a, { variant: "h6", weight: "semiBold", children: l }),
-        c && /* @__PURE__ */ e.jsxs(j, { ...c, children: [
+  const c = y();
+  return /* @__PURE__ */ e.jsxs($, { padding: "2rem", shadowVariant: "none", hoverEffect: !1, border: `1px solid ${c.colors.grey.n100}`, children: [
+    /* @__PURE__ */ e.jsxs(S, { children: [
+      /* @__PURE__ */ e.jsxs(B, { children: [
+        /* @__PURE__ */ e.jsx(d, { variant: "h6", weight: "semiBold", children: l }),
+        t && /* @__PURE__ */ e.jsxs(j, { ...t, children: [
           x ?? "",
           " "
         ] })
       ] }),
-      /* @__PURE__ */ e.jsx(a, { variant: "caption", color: t.colors.grey.n400, children: m })
+      /* @__PURE__ */ e.jsx(d, { variant: "caption", color: c.colors.grey.n400, children: p })
     ] }),
-    /* @__PURE__ */ e.jsxs(B, { children: [
-      r.map((s, u) => {
-        var h;
-        return ((h = s == null ? void 0 : s.items) == null ? void 0 : h.length) === 0 ? null : /* @__PURE__ */ e.jsxs(R, { children: [
-          /* @__PURE__ */ e.jsx(a, { variant: "span", weight: "regular", color: t.colors.grey.n400, children: s.title }),
-          s.items.map((p, b) => /* @__PURE__ */ e.jsx(g, { children: /* @__PURE__ */ e.jsx(y, { variant: p == null ? void 0 : p.variant, label: p.label, value: p.value, color: t.colors.grey.n400 }) }, `${u}-${b}`))
+    /* @__PURE__ */ e.jsxs(R, { children: [
+      r.map((s, h) => {
+        var u;
+        return ((u = s == null ? void 0 : s.items) == null ? void 0 : u.length) === 0 ? null : /* @__PURE__ */ e.jsxs(V, { children: [
+          /* @__PURE__ */ e.jsx(d, { variant: "span", weight: "regular", color: c.colors.grey.n400, children: s.title }),
+          s.items.map((m, g) => /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsx(f, { variant: m == null ? void 0 : m.variant, label: m.label, value: m.value, color: c.colors.grey.n400 }) }, `${h}-${g}`))
         ] }, s.title);
       }),
-      o && /* @__PURE__ */ e.jsx(E, { children: /* @__PURE__ */ e.jsx(y, { variant: o == null ? void 0 : o.variant, label: (o == null ? void 0 : o.label) ?? "", value: (o == null ? void 0 : o.value) ?? "", color: t.colors.grey.n400 }) }),
+      o && /* @__PURE__ */ e.jsx(E, { children: /* @__PURE__ */ e.jsx(f, { variant: o == null ? void 0 : o.variant, label: (o == null ? void 0 : o.label) ?? "", value: (o == null ? void 0 : o.value) ?? "", color: c.colors.grey.n400 }) }),
       n && (n == null ? void 0 : n.length) > 0 && n.map((s) => /* @__PURE__ */ e.jsx(j, { ...s == null ? void 0 : s.btnConfig, children: (s == null ? void 0 : s.label) ?? "" })),
-      i && /* @__PURE__ */ e.jsx(w, { callout: i })
+      a && /* @__PURE__ */ e.jsx(T, { callout: a })
     ] })
   ] });
 }
 export {
-  q as default
+  z as default
 };

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-is/index.js

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

package/dist/node_modules/react-smooth/es6/Animate.js

@@ -1,5 +1,5 @@
 import x, { Children as w, cloneElement as z, PureComponent as F } from "react";
-import a from "../../../_virtual/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/dist/node_modules/recharts/es6/util/ReactUtils.js

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

package/package.json

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