qaema-ui 0.0.50 → 0.0.52

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/Button.d.ts

@@ -18,6 +18,7 @@ export type ButtonProps = {
     style?: React.CSSProperties;
     disableHoverEffect?: boolean;
     width?: string;
+    loadingLbl?: string;
 };
 declare const Button: React.FC<ButtonProps>;
 export default Button;

package/dist/components/Button.js

@@ -1,11 +1,11 @@
 import { j as u } from "../_virtual/jsx-runtime.js";
 import "react";
-import { useTranslation as x } from "react-i18next";
-import { FiMoreHorizontal as y } from "../node_modules/react-icons/fi/index.js";
+import { useTranslation as y } from "react-i18next";
+import { FiMoreHorizontal as j } from "../node_modules/react-icons/fi/index.js";
 import f, { css as e } from "styled-components";
-import j from "../hooks/useButtonVariant.js";
-import w from "../node_modules/react-bootstrap/esm/Button.js";
-const z = {
+import w from "../hooks/useButtonVariant.js";
+import z from "../node_modules/react-bootstrap/esm/Button.js";
+const C = {
   xxs: e`
     min-height: 1.5rem;
     font-size: 0.55rem;
@@ -32,7 +32,7 @@ const z = {
     font-size: 1rem;
     min-width: 21.563rem;
   `
-}, C = (o, r) => {
+}, a = (o, r) => {
   var l, d, n, c, s, i;
   return e`
     color: ${o.default.color};
@@ -63,9 +63,9 @@ const z = {
       background-color: #e2e4e8;
     }
   `;
-}, a = f(w)`
-  ${({ $variantData: o, $disableHoverEffect: r }) => C(o, r)};
-  ${({ size: o = "md" }) => z[o]};
+}, B = f(z)`
+  ${({ $variantData: o, $disableHoverEffect: r }) => a(o, r)};
+  ${({ size: o = "md" }) => C[o]};
   font-weight: 600;
   font-family: ${({ theme: o }) => o.dir === "rtl" ? o.fonts.arabic : o.fonts.english};
   display: inline-flex;
@@ -76,11 +76,11 @@ const z = {
   padding: 0.75rem 1.25rem;
   cursor: pointer;
   width: ${({ width: o }) => o};
-`, B = f.div`
+`, S = f.div`
   display: flex;
   align-items: flex-end;
   justify-content: center;
-`, M = ({
+`, N = ({
   children: o,
   variant: r = "primary",
   size: l = "md",
@@ -94,14 +94,15 @@ const z = {
   isLoading: t = !1,
   style: g = {},
   disableHoverEffect: h = !1,
-  width: p
+  width: p,
+  loadingLbl: $
 }) => {
-  const $ = j(r), { t: k } = x();
+  const k = w(r), { t: x } = y();
   return /* @__PURE__ */ u.jsxs(
-    a,
+    B,
     {
       variant: r,
-      $variantData: $,
+      $variantData: k,
       size: l,
       type: d,
       disabled: n ?? t,
@@ -110,10 +111,10 @@ const z = {
       $disableHoverEffect: h,
       width: p,
       children: [
-        t && /* @__PURE__ */ u.jsxs(B, { children: [
-          k("LOADING"),
+        t && /* @__PURE__ */ u.jsxs(S, { children: [
+          $ ?? x("LOADING"),
           " ",
-          /* @__PURE__ */ u.jsx(y, {})
+          /* @__PURE__ */ u.jsx(j, {})
         ] }),
         !m && !t && s,
         !m && !t && o,
@@ -124,5 +125,5 @@ const z = {
   );
 };
 export {
-  M as default
+  N as default
 };

package/dist/components/CallOutBox.d.ts

@@ -6,6 +6,7 @@ export interface CalloutConfig {
         label: string;
         onClick: () => void;
     };
+    Icon?: React.ReactNode;
 }
 export type CalloutVariant = 'information' | 'error' | 'success' | 'warning';
 declare function CallOutBox({ callout }: {

package/dist/components/CallOutBox.js

@@ -1,7 +1,7 @@
 import { j as n } from "../_virtual/jsx-runtime.js";
 import i from "styled-components";
 import s from "./Typography.js";
-const t = i(s)`
+const e = i(s)`
   font-family: ${({ theme: r }) => r.fonts.arabic};
   font-weight: ${({ theme: r }) => r.typography.weights.semiBold};
   font-size: 15px;
@@ -10,7 +10,7 @@ const t = i(s)`
   vertical-align: middle;
   color: ${({ theme: r }) => r.colors.grey.n650};
   display: inline-block;
-`, e = i.div`
+`, t = i.div`
   margin-top: ${({ theme: r }) => r.spacing.m};
   padding: ${({ theme: r }) => r.spacing.sm};
   border-radius: ${({ theme: r }) => r.borderRadius.md};
@@ -72,16 +72,24 @@ const t = i(s)`
   &:hover {
     opacity: 0.9;
   }
+`, p = i.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: ${({ theme: r }) => r.spacing.s};
 `;
-function y({ callout: r }) {
-  return /* @__PURE__ */ n.jsxs(e, { $variant: r.variant ?? "warning", children: [
-    /* @__PURE__ */ n.jsxs("div", { children: [
-      /* @__PURE__ */ n.jsx(t, { variant: "span", weight: "semiBold", children: r.title }),
-      r.description && /* @__PURE__ */ n.jsx(a, { variant: "caption", children: r.description })
+function $({ callout: r }) {
+  return /* @__PURE__ */ n.jsxs(t, { $variant: r.variant ?? "warning", children: [
+    /* @__PURE__ */ n.jsxs(p, { children: [
+      (r == null ? void 0 : r.Icon) && /* @__PURE__ */ n.jsx("div", { children: r == null ? void 0 : r.Icon }),
+      /* @__PURE__ */ n.jsxs("div", { children: [
+        /* @__PURE__ */ n.jsx(e, { variant: "span", weight: "semiBold", children: r.title }),
+        r.description && /* @__PURE__ */ n.jsx(a, { variant: "caption", children: r.description })
+      ] })
     ] }),
     r.action && /* @__PURE__ */ n.jsx(c, { $variant: r.variant ?? "warning", onClick: r.action.onClick, children: r.action.label })
   ] });
 }
 export {
-  y as default
+  $ 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-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.50",
+  "version": "0.0.52",
   "type": "module",
   "publishConfig": {
     "access": "public"