qaema-ui 0.0.31 → 0.0.32

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 t } from "../node_modules/react-helmet-async/node_modules/react-fast-compare/index.js";
+var a = t();
+const m = /* @__PURE__ */ r(a);
 export {
-  s as default
+  m 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 { __require as o } from "../node_modules/shallowequal/index.js";
+var a = o();
+const t = /* @__PURE__ */ r(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/SummaryCard.js

@@ -3,7 +3,7 @@ import a, { useTheme as b } from "styled-components";
 import j from "./Badge.js";
 import m from "./Button.js";
 import { Card as v } from "./Card.js";
-import c from "./Typography.js";
+import l from "./Typography.js";
 const w = a.div`
   padding-bottom: ${(r) => r.theme.spacing.s};
   border-bottom: 1px solid ${(r) => r.theme.colors.grey.n100};
@@ -11,7 +11,7 @@ const w = a.div`
     display: inline-block;
     text-align: start;
   }
-`, k = a(c)`
+`, k = a(l)`
   font-family: ${({ theme: r }) => r.fonts.arabic};
   font-weight: ${({ theme: r }) => r.typography.weights.semiBold};
   font-size: 15px;
@@ -26,7 +26,7 @@ const w = a.div`
   border-radius: ${({ theme: r }) => r.borderRadius.md};
   display: flex;
   justify-content: space-between;
-  align-items: flex-start;
+  align-items: center;
 
   ${({ $variant: r, theme: e }) => {
   switch (r) {
@@ -54,20 +54,14 @@ const w = a.div`
   }
 }}
 `, T = a.button`
-  width: 3.9375rem;
-  height: 2rem;
   padding: 0.75rem;
   border-radius: 0.25rem;
   border: none;
   cursor: pointer;
-  margin-top: ${({ theme: r }) => r.spacing.m};
-  ${({ $variant: r, theme: e }) => {
-  const i = r === "information" ? e.colors.primary.purple.n450 : r === "error" ? e.colors.state.error.n450 : r === "success" ? e.colors.state.success.n450 : e.colors.secondary.orange.n450;
-  return `
-      background:${e.colors.secondary.orange.n150};
-      color: ${i};
-    `;
-}}
+  ${({ $variant: r, theme: e }) => `
+      background: transparent;
+      color: ${r === "information" ? e.colors.primary.purple.n450 : r === "error" ? e.colors.state.error.n450 : r === "success" ? e.colors.state.success.n450 : e.colors.secondary.orange.n450};
+    `}
 
   font-weight: ${({ theme: r }) => r.typography.weights.semiBold};
   font-size: ${({ theme: r }) => r.typography.sizes.s2};
@@ -91,7 +85,7 @@ const w = a.div`
   display: flex;
   flex-direction: column;
   gap: ${(r) => r.theme.spacing.s};
-`, z = a(c)`
+`, z = a(l)`
   font-family: ${({ theme: r }) => r.fonts.arabic};
   font-weight: ${({ theme: r }) => r.typography.weights.regular};
   font-size: ${({ theme: r }) => r.typography.sizes.s2};
@@ -113,21 +107,23 @@ const w = a.div`
   value: i,
   color: g
 }) => {
-  const h = b();
-  let l = null;
+  const y = b();
+  let c = null;
   if (r === "badge") {
     const s = i;
-    l = /* @__PURE__ */ n.jsx(j, { ...s });
+    c = /* @__PURE__ */ n.jsx(j, { ...s });
   } else if (r === "trend") {
-    const s = typeof i == "object" && i !== null ? i : { value: i }, t = s.direction ?? "neutral", d = h.colors.state.success.n450, o = h.colors.state.error.n450, y = t === "up" ? d : t === "down" ? o : g;
-    l = /* @__PURE__ */ n.jsx(c, { variant: "smText", color: y, children: typeof s.value == "number" ? s.value.toString() : s.value });
-  } else {
+    const s = typeof i == "object" && i !== null ? i : { value: i }, t = s.direction ?? "neutral", d = y.colors.state.success.n450, o = y.colors.state.error.n450, h = t === "up" ? d : t === "down" ? o : g;
+    c = /* @__PURE__ */ n.jsx(l, { variant: "smText", color: h, children: typeof s.value == "number" ? s.value.toString() : s.value });
+  } else if (r === "component")
+    c = i;
+  else {
     const s = i;
-    l = /* @__PURE__ */ n.jsx(c, { variant: "smText", color: g, children: typeof s == "number" ? s.toString() : s });
+    c = /* @__PURE__ */ n.jsx(l, { variant: "smText", color: g, children: typeof s == "number" ? s.toString() : s });
   }
   return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    /* @__PURE__ */ n.jsx(c, { variant: "smText", weight: "semiBold", children: e }),
-    l
+    r !== "component" && /* @__PURE__ */ n.jsx(l, { variant: "smText", weight: "semiBold", children: e }),
+    c
   ] });
 };
 function G({
@@ -135,8 +131,8 @@ function G({
   total: e,
   title: i,
   subtitle: g,
-  btnLabel: h,
-  btnConfig: l,
+  btnLabel: y,
+  btnConfig: c,
   trailingActionsConfig: s,
   callout: t
 }) {
@@ -144,19 +140,19 @@ function G({
   return /* @__PURE__ */ n.jsxs(v, { padding: "2rem", shadowVariant: "none", hoverEffect: !1, border: `1px solid ${d.colors.grey.n100}`, children: [
     /* @__PURE__ */ n.jsxs(w, { children: [
       /* @__PURE__ */ n.jsxs(S, { children: [
-        /* @__PURE__ */ n.jsx(c, { variant: "h6", weight: "semiBold", children: i }),
-        l && /* @__PURE__ */ n.jsxs(m, { ...l, children: [
-          h ?? "",
+        /* @__PURE__ */ n.jsx(l, { variant: "h6", weight: "semiBold", children: i }),
+        c && /* @__PURE__ */ n.jsxs(m, { ...c, children: [
+          y ?? "",
           " "
         ] })
       ] }),
-      /* @__PURE__ */ n.jsx(c, { variant: "caption", color: d.colors.grey.n400, children: g })
+      /* @__PURE__ */ n.jsx(l, { variant: "caption", color: d.colors.grey.n400, children: g })
     ] }),
     /* @__PURE__ */ n.jsxs(R, { children: [
       r.map((o, u) => {
-        var y;
-        return ((y = o == null ? void 0 : o.items) == null ? void 0 : y.length) === 0 ? null : /* @__PURE__ */ n.jsxs(C, { children: [
-          /* @__PURE__ */ n.jsx(c, { variant: "span", weight: "regular", color: d.colors.grey.n400, children: o.title }),
+        var h;
+        return ((h = o == null ? void 0 : o.items) == null ? void 0 : h.length) === 0 ? null : /* @__PURE__ */ n.jsxs(C, { children: [
+          /* @__PURE__ */ n.jsx(l, { variant: "span", weight: "regular", color: d.colors.grey.n400, children: o.title }),
           o.items.map((p, $) => /* @__PURE__ */ n.jsx(f, { children: /* @__PURE__ */ n.jsx(x, { variant: p == null ? void 0 : p.variant, label: p.label, value: p.value, color: d.colors.grey.n400 }) }, `${u}-${$}`))
         ] }, o.title);
       }),

package/dist/components/TotalsSummary.d.ts

@@ -10,4 +10,4 @@ export type TotalsSummaryProps = {
     showCurrencyIcon?: boolean;
     currencyIconWidth?: string;
 };
-export default function TotalsSummary({ title, items, showCurrencyIcon, currencyIconWidth, }: TotalsSummaryProps): import("react/jsx-runtime").JSX.Element;
+export default function TotalsSummary({ title, items, showCurrencyIcon, currencyIconWidth }: TotalsSummaryProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/TotalsSummary.js

@@ -1,9 +1,10 @@
-import { j as t } from "../_virtual/jsx-runtime.js";
+import { j as i } from "../_virtual/jsx-runtime.js";
 import o from "styled-components";
-import { device as n } from "../constants/breakPoints.constant.js";
 import p from "../assets/icons/RiyalIcon.js";
+import { device as n } from "../constants/breakPoints.constant.js";
 const g = o.div`
   width: 100%;
+  direction: inherit;
 `, c = o.div`
   font-family: ${({ theme: e }) => e.fonts.english};
   font-weight: ${({ theme: e }) => e.typography.weights.semiBold};
@@ -21,7 +22,7 @@ const g = o.div`
   @media ${n.tablet} {
     gap: ${({ theme: e }) => e.spacing.l};
   }
-`, y = o.div`
+`, d = o.div`
   display: flex;
   flex-direction: column;
   gap: ${({ theme: e }) => e.spacing.xs};
@@ -30,55 +31,57 @@ const g = o.div`
   @media ${n.tablet} {
     min-width: 9.5rem;
   }
-`, m = o.div`
+`, y = o.div`
   font-family: ${({ theme: e }) => e.fonts.english};
   font-weight: ${({ theme: e }) => e.typography.weights.semiBold};
   font-size: ${({ theme: e }) => e.typography.sizes.s4};
   line-height: ${({ theme: e }) => e.typography.lineHeights.s};
   letter-spacing: ${({ theme: e }) => e.typography.letterSpacings.balancedNarrow};
   color: ${({ theme: e }) => e.colors.grey.n650};
-`, d = o.div`
+`, m = o.div`
   display: flex;
   align-items: baseline;
   gap: ${({ theme: e }) => e.spacing.xxs};
-  direction: ltr;
-`, $ = o.span`
+  direction: inherit;
+  [dir='rtl'] & {
+    flex-direction: row-reverse;
+  }
+`, f = o.span`
   font-family: ${({ theme: e }) => e.fonts.arabic};
   font-weight: ${({ theme: e }) => e.typography.weights.bold};
   font-size: ${({ theme: e }) => e.typography.sizes.s10};
   line-height: ${({ theme: e }) => e.typography.lineHeights.xl};
   letter-spacing: ${({ theme: e }) => e.typography.letterSpacings.balancedNarrow};
   text-align: center;
-  color: ${({ theme: e, $color: s }) => s || e.colors.grey.n400};
-`, f = o.span`
+  color: ${({ theme: e, $color: r }) => r || e.colors.grey.n400};
+  direction: ltr;
+  unicode-bidi: plaintext;
+`, $ = o.span`
   font-family: ${({ theme: e }) => e.fonts.english};
   font-weight: ${({ theme: e }) => e.typography.weights.regular};
   font-size: ${({ theme: e }) => e.typography.sizes.s2};
   line-height: ${({ theme: e }) => e.typography.lineHeights.xs};
   letter-spacing: ${({ theme: e }) => e.typography.letterSpacings.normal};
-  color: ${({ theme: e, $color: s }) => s || e.colors.grey.n400};
+  color: ${({ theme: e, $color: r }) => r || e.colors.grey.n400};
+  direction: ltr;
+  unicode-bidi: plaintext;
 `;
-function b({
-  title: e,
-  items: s,
-  showCurrencyIcon: r = !0,
-  currencyIconWidth: l = "18px"
-}) {
-  return /* @__PURE__ */ t.jsxs(g, { children: [
-    /* @__PURE__ */ t.jsx(c, { children: e }),
-    /* @__PURE__ */ t.jsx(h, { children: s.map((i, a) => /* @__PURE__ */ t.jsxs(y, { children: [
-      /* @__PURE__ */ t.jsx(m, { children: i.title }),
-      /* @__PURE__ */ t.jsxs(d, { children: [
-        r && /* @__PURE__ */ t.jsx(p, { width: l, height: "20", color: i.color }),
-        /* @__PURE__ */ t.jsx($, { $color: i.color, children: i.amount }),
-        i.decimal ? /* @__PURE__ */ t.jsxs(f, { $color: i.color, children: [
+function j({ title: e, items: r, showCurrencyIcon: s = !0, currencyIconWidth: l = "18px" }) {
+  return /* @__PURE__ */ i.jsxs(g, { children: [
+    /* @__PURE__ */ i.jsx(c, { children: e }),
+    /* @__PURE__ */ i.jsx(h, { children: r.map((t, a) => /* @__PURE__ */ i.jsxs(d, { children: [
+      /* @__PURE__ */ i.jsx(y, { children: t.title }),
+      /* @__PURE__ */ i.jsxs(m, { children: [
+        s && /* @__PURE__ */ i.jsx(p, { width: l, height: "20", color: t.color }),
+        /* @__PURE__ */ i.jsx(f, { $color: t.color, children: t.amount }),
+        t.decimal ? /* @__PURE__ */ i.jsxs($, { $color: t.color, children: [
           ".",
-          i.decimal
+          t.decimal
         ] }) : null
       ] })
-    ] }, `${i.title}-${a}`)) })
+    ] }, `${t.title}-${a}`)) })
   ] });
 }
 export {
-  b as default
+  j as default
 };

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

@@ -1,4 +1,4 @@
-import o from "../../../_virtual/index2.js";
+import o from "../../../_virtual/index4.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/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/Form.js

@@ -1,5 +1,5 @@
 import i from "../../../_virtual/index.js";
-import o from "../../../_virtual/index2.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/Image.js

@@ -1,6 +1,6 @@
 import f from "../../../_virtual/index.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-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/index2.js";
 import F from "../../../_virtual/browser.js";
-import te from "../../../_virtual/index4.js";
+import te from "../../../_virtual/index3.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/package.json

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