@tesouro/embedded-components-react 0.2.226 → 0.2.227

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index196.js

@@ -1,16 +1,101 @@
-import { useMoniteContext as o } from "./index57.js";
-const s = (t, e = !0) => {
+import { jsx as t, jsxs as r } from "@emotion/react/jsx-runtime";
+import { useState as f } from "react";
+import { toast as n } from "react-hot-toast";
+import "./index57.js";
+import { useLingui as _ } from "@lingui/react";
+import "./index92.js";
+import { useFileInput as z } from "./index61.js";
+import "react-dom";
+import "@mui/x-data-grid";
+import { Button as s } from "./index84.js";
+import { Popover as D, PopoverTrigger as P, PopoverContent as k } from "./index388.js";
+import { cn as F } from "./index100.js";
+import { ChevronUpIcon as I, ChevronDownIcon as U, CloudUpload as j, Copy as A, Plus as E } from "lucide-react";
+const K = ({
+  isCreateAllowed: u,
+  onCreateInvoice: h,
+  handleFileUpload: w
+}) => {
   const {
-    api: n
-  } = o();
-  return n.finops.getDocumentsIdNextNumbers.useQuery({
-    path: {
-      entity_id: t
+    i18n: e
+  } = _(), [c, a] = f(!1), {
+    FileInput: x,
+    openFileInput: b,
+    checkFileError: y
+  } = z(), [g, i] = f(!1), v = (l) => {
+    l.preventDefault(), i(!0);
+  }, N = (l) => {
+    l.preventDefault(), i(!1);
+  }, d = 10, C = (l) => {
+    l.preventDefault(), i(!1);
+    const o = Array.from(l.dataTransfer.files);
+    if (o.length > d) {
+      n.error(e._("You can only upload up to {fileCount} files at a time", {
+        fileCount: d
+      })), a(!1);
+      return;
     }
-  }, {
-    enabled: e && !!t
-  });
+    o.forEach((m) => {
+      const p = y(m);
+      if (p) {
+        n.error(p);
+        return;
+      }
+      w(m);
+    }), a(!1);
+  };
+  return /* @__PURE__ */ t("div", { className: "Monite-Payables", children: /* @__PURE__ */ r(D, { open: c, onOpenChange: a, children: [
+    /* @__PURE__ */ t(P, { asChild: !0, children: /* @__PURE__ */ r(s, { size: "lg", disabled: !u, children: [
+      e._("Add new bill"),
+      c ? /* @__PURE__ */ t(I, {}) : /* @__PURE__ */ t(U, {})
+    ] }) }),
+    /* @__PURE__ */ r(k, { align: "end", className: "ttw:w-auto ttw:min-w-110 ttw:border-none ttw:p-6", children: [
+      /* @__PURE__ */ r("div", { className: "ttw:w-110 ttw:flex ttw:flex-col ttw:gap-4", onClick: (l) => {
+        l.preventDefault(), l.stopPropagation();
+      }, children: [
+        /* @__PURE__ */ r("div", { children: [
+          /* @__PURE__ */ t("h3", { className: "ttw:text-xl ttw:font-semibold ttw:text-zinc-950", children: e._("Upload bills") }),
+          /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:font-normal ttw:text-zinc-500", children: e._("Upload your bills and we'll automatically pull the details so you can review and approve.") })
+        ] }),
+        /* @__PURE__ */ t("div", { className: F("ttw:box-border ttw:cursor-pointer ttw:w-full ttw:h-36.5 ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:text-center ttw:border ttw:rounded-lg ttw:border-dashed ttw:border-zinc-200 ttw:bg-zinc-50", g && "ttw:bg-transparent"), onDragOver: v, onDragLeave: N, onDrop: C, onClick: b, children: /* @__PURE__ */ r("div", { className: "ttw:mx-auto ttw:flex ttw:flex-col ttw:items-center ttw:gap-2", children: [
+          /* @__PURE__ */ t("div", { className: "ttw:w-11 ttw:h-11 ttw:rounded-full ttw:bg-primary ttw:flex ttw:items-center ttw:justify-center", children: /* @__PURE__ */ t(j, { className: "ttw:text-white ttw:size-5" }) }),
+          /* @__PURE__ */ r("p", { className: "ttw:text-sm ttw:font-medium ttw:text-zinc-950", children: [
+            e._("Drop your files here, or"),
+            " ",
+            /* @__PURE__ */ t("span", { className: "ttw:text-primary ttw:underline", children: e._("click to browse") })
+          ] }),
+          /* @__PURE__ */ t("p", { className: "ttw:text-xs ttw:font-normal ttw:text-zinc-500", children: e._("PDF, PNG or JPG (max. 20MB)") })
+        ] }) }),
+        /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col", children: [
+          /* @__PURE__ */ t("h3", { className: "ttw:text-primary ttw:text-sm ttw:font-semibold", children: e._("Send via email") }),
+          /* @__PURE__ */ t("p", { className: "ttw:text-zinc-500 ttw:font-normal ttw:text-sm", children: e._("Email your bills here and they'll appear in your bill pay inbox, ready to review and pay.") })
+        ] }),
+        /* @__PURE__ */ r("div", { className: "ttw:px-3 ttw:h-14 ttw:border ttw:border-zinc-200 ttw:rounded-lg ttw:flex ttw:items-center ttw:justify-between ttw:gap-6", children: [
+          /* @__PURE__ */ t("span", { children: e._("bills@business-banking.com") }),
+          /* @__PURE__ */ r(s, { type: "button", variant: "ghost", size: "sm", className: "ttw:text-primary ttw:hover:bg-primary-foreground ttw:hover:text-primary", onClick: () => {
+            navigator.clipboard.writeText("bills@business-banking.com"), n.success(e._("Email address copied to clipboard"));
+          }, children: [
+            /* @__PURE__ */ t(A, {}),
+            e._("Copy")
+          ] })
+        ] }),
+        /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-4", children: [
+          /* @__PURE__ */ t("h3", { className: "ttw:text-sm ttw:font-semibold ttw:text-primary", children: e._("Or add bill manually") }),
+          /* @__PURE__ */ r(s, { onClick: () => {
+            a(!1), h();
+          }, className: "ttw:w-fit ttw:bg-primary-foreground ttw:hover:bg-primary-foreground ttw:text-primary", children: [
+            /* @__PURE__ */ t(E, {}),
+            e._("Add new bill")
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ t(x, { "aria-label": e._("Upload payable files"), multiple: !0, onChange: (l) => {
+        const o = l.target.files;
+        o && w(o), a(!1);
+      } })
+    ] })
+  ] }) });
 };
 export {
-  s as useGetEntityDocumentNumber
+  K as CreatePayableMenu
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index2.js

@@ -1,27 +1,27 @@
 import { jsx as t, jsxs as i, Fragment as _ } from "@emotion/react/jsx-runtime";
 import { useCounterpartById as Lt } from "./index70.js";
-import { Sheet as X, SheetContent as Y, SheetHeader as Et, SheetTitle as Rt, SheetDescription as Ut, SheetClose as $t } from "./index130.js";
-import { LoadingSpinner as kt } from "./index131.js";
+import { Sheet as X, SheetContent as Y, SheetHeader as Et, SheetTitle as Rt, SheetDescription as Ut, SheetClose as $t } from "./index132.js";
+import { LoadingSpinner as kt } from "./index133.js";
 import { useLingui as Bt } from "@lingui/react";
 import { getCounterpartName as T } from "./index7.js";
-import { Skeleton as c } from "./index132.js";
+import { Skeleton as c } from "./index134.js";
 import { useMoniteContext as jt } from "./index57.js";
-import { DropdownMenu as Mt, DropdownMenuTrigger as Ot, DropdownMenuContent as Pt, DropdownMenuItem as Vt } from "./index133.js";
+import { DropdownMenu as Mt, DropdownMenuTrigger as Ot, DropdownMenuContent as Pt, DropdownMenuItem as Vt } from "./index135.js";
 import { Button as v } from "./index84.js";
 import { MoreVerticalIcon as Ft, Trash2 as Wt, X as zt, EyeOff as Gt, Eye as Ht } from "lucide-react";
-import { DeleteCounterpartModal as qt } from "./index134.js";
+import { DeleteCounterpartModal as qt } from "./index136.js";
 import { useState as A, useCallback as Xt, Fragment as Yt } from "react";
 import { Typography as r } from "./index85.js";
 import { useCurrencies as Jt } from "./index58.js";
-import { Separator as Kt } from "./index135.js";
-import { CounterpartContactDetailLine as m } from "./index136.js";
+import { Separator as Kt } from "./index137.js";
+import { CounterpartContactDetailLine as m } from "./index138.js";
 import "react-hot-toast";
 import "date-fns";
-import { useDeleteCounterpartBank as Qt } from "./index137.js";
-import { useCounterpartAddressesById as Zt } from "./index138.js";
-import { useGetCounterpartPayables as te } from "./index139.js";
-import { EditCounterpart as ee } from "./index140.js";
-import { useUserPermissions as ae } from "./index141.js";
+import { useDeleteCounterpartBank as Qt } from "./index139.js";
+import { useCounterpartAddressesById as Zt } from "./index140.js";
+import { useGetCounterpartPayables as te } from "./index141.js";
+import { EditCounterpart as ee } from "./index142.js";
+import { useUserPermissions as ae } from "./index130.js";
 import "../../shared/data-access/dist/lib/rest/client/utils.gen.js";
 import "../../shared/data-access/dist/lib/EmbedApiContext.js";
 import "../../shared/data-access/dist/lib/rest/client.gen.js";
@@ -29,21 +29,21 @@ import "@tanstack/react-query";
 import "../../shared/data-access/dist/lib/rest/zod.gen.js";
 import { Scope as w } from "../../shared/data-access/dist/lib/scopes.js";
 import { useGetPayablesAnalytics as I } from "./index35.js";
-import { AR_DEFAULT_STATUSES as ie } from "./index142.js";
-import { useGetReceivables as re } from "./index143.js";
-import { useGetReceivablesAnalytics as J } from "./index144.js";
+import { AR_DEFAULT_STATUSES as ie } from "./index143.js";
+import { useGetReceivables as re } from "./index144.js";
+import { useGetReceivablesAnalytics as J } from "./index145.js";
 import "./index92.js";
 import "react-dom";
 import "@mui/x-data-grid";
 import "react-hook-form";
-import { PayableStatusChip as K } from "./index145.js";
-import { CounterpartBankSection as oe } from "./index146.js";
-import { useCounterpartsBankAccountsList as ne } from "./index147.js";
+import { PayableStatusChip as K } from "./index146.js";
+import { CounterpartBankSection as oe } from "./index147.js";
+import { useCounterpartsBankAccountsList as ne } from "./index148.js";
 import { MoniteScopedProviders as se } from "./index83.js";
 import { InvoiceStatusChip as de } from "./index55.js";
-import { CounterpartAddressSection as le } from "./index148.js";
-import { NotFound as ce } from "./index149.js";
-import { isBillOverdue as me } from "./index150.js";
+import { CounterpartAddressSection as le } from "./index149.js";
+import { NotFound as ce } from "./index150.js";
+import { isBillOverdue as me } from "./index151.js";
 const oa = (o) => /* @__PURE__ */ t(se, { children: /* @__PURE__ */ t(ue, { ...o }) }), ue = ({
   counterpartId: o,
   customerType: u,

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index202.js

@@ -1,9 +1,103 @@
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import { cn as n } from "./index100.js";
-const c = ({
-  children: t,
-  className: e
-}) => /* @__PURE__ */ l("div", { className: n("ttw:flex ttw:items-center ttw:justify-center ttw:h-full ttw:w-full", e), children: t });
+const e = (t) => ({
+  borderRadius: t.borderRadius ?? 6,
+  buttonBorderRadius: 8,
+  spacing: t.spacing ?? 8,
+  colors: {
+    primary: t.colors?.primary || "#4338CA",
+    primaryForeground: t.colors?.primaryForeground || "#E0E7FF",
+    secondary: t.colors?.secondary || "#F4F4F5",
+    neutral: t.colors?.neutral || "#71717A",
+    info: t.colors?.info || "#1447E6",
+    success: t.colors?.success || "#15803D",
+    warning: t.colors?.warning || "#B45309",
+    error: t.colors?.error || "#DC2626",
+    background: t.colors?.background || "#FFFFFF",
+    text: t.colors?.text || "#09090B",
+    rowBorder: t.colors?.rowBorder || "#E4E4E7"
+  },
+  typography: {
+    fontFamily: t?.typography?.fontFamily || '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
+    fontSize: t?.typography?.fontSize ?? 16,
+    h1: {
+      fontSize: t.typography?.h1?.fontSize ?? 48,
+      fontWeight: t.typography?.h1?.fontWeight ?? 600,
+      lineHeight: t.typography?.h1?.lineHeight ?? "68px",
+      textTransform: t.typography?.h1?.textTransform ?? "none"
+    },
+    h2: {
+      fontSize: t.typography?.h2?.fontSize ?? 34,
+      fontWeight: t.typography?.h2?.fontWeight ?? 640,
+      lineHeight: t.typography?.h2?.lineHeight ?? "40px",
+      textTransform: t.typography?.h2?.textTransform ?? "none"
+    },
+    h3: {
+      fontSize: t.typography?.h3?.fontSize ?? 24,
+      fontWeight: t.typography?.h3?.fontWeight ?? 600,
+      lineHeight: t.typography?.h3?.lineHeight ?? "32px",
+      textTransform: t.typography?.h3?.textTransform ?? "none"
+    },
+    subtitle1: {
+      fontSize: t.typography?.subtitle1?.fontSize ?? 20,
+      fontWeight: t.typography?.subtitle1?.fontWeight ?? 600,
+      lineHeight: t.typography?.subtitle1?.lineHeight ?? "24px",
+      textTransform: t.typography?.subtitle1?.textTransform ?? "none"
+    },
+    subtitle2: {
+      fontSize: t.typography?.subtitle2?.fontSize ?? 18,
+      fontWeight: t.typography?.subtitle2?.fontWeight ?? 600,
+      lineHeight: t.typography?.subtitle2?.lineHeight ?? "24px",
+      textTransform: t.typography?.subtitle2?.textTransform ?? "none"
+    },
+    body1: {
+      fontSize: t.typography?.body1?.fontSize ?? 16,
+      fontWeight: t.typography?.body1?.fontWeight ?? 500,
+      lineHeight: t.typography?.body1?.lineHeight ?? "24px"
+    },
+    body2: {
+      fontSize: t.typography?.body2?.fontSize ?? 14,
+      fontWeight: t.typography?.body2?.fontWeight ?? 400,
+      lineHeight: t.typography?.body2?.lineHeight ?? "20px"
+    }
+  },
+  components: {
+    invoiceStatusChip: {
+      icon: t.components?.invoiceStatusChip?.icon || !1,
+      size: t.components?.invoiceStatusChip?.size || "small",
+      variant: t.components?.invoiceStatusChip?.variant || "filled"
+    },
+    payableStatusChip: {
+      icon: t.components?.payableStatusChip?.icon !== void 0 ? t.components?.payableStatusChip?.icon : !1,
+      size: t.components?.payableStatusChip?.size || "small",
+      variant: t.components?.payableStatusChip?.variant || "filled",
+      colors: t.components?.payableStatusChip?.colors
+    },
+    approvalRequestStatusChip: {
+      icon: t.components?.approvalRequestStatusChip?.icon || !1,
+      size: t.components?.approvalRequestStatusChip?.size || "small",
+      variant: t.components?.approvalRequestStatusChip?.variant || "filled"
+    },
+    invoiceRecurrenceStatusChip: {
+      icon: t.components?.invoiceRecurrenceStatusChip?.icon || !1,
+      size: t.components?.invoiceRecurrenceStatusChip?.size || "small",
+      variant: t.components?.invoiceRecurrenceStatusChip?.variant || "filled"
+    },
+    invoiceRecurrenceIterationStatusChip: {
+      icon: t.components?.invoiceRecurrenceIterationStatusChip?.icon || !1,
+      size: t.components?.invoiceRecurrenceIterationStatusChip?.size || "small",
+      variant: t.components?.invoiceRecurrenceIterationStatusChip?.variant || "filled"
+    },
+    counterpartStatusChip: {
+      size: t.components?.counterpartStatusChip?.size || "small",
+      variant: t.components?.counterpartStatusChip?.variant || "filled"
+    },
+    approvalStatusChip: {
+      icon: t.components?.approvalStatusChip?.icon || !1,
+      size: t.components?.approvalStatusChip?.size || "small",
+      variant: t.components?.approvalStatusChip?.variant || "filled"
+    },
+    styles: t.components?.styles
+  }
+});
 export {
-  c as CenteredContentBox
+  e as getTheme
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index203.js

@@ -1,37 +1,28 @@
-import { jsx as n } from "@emotion/react/jsx-runtime";
-import { useState as g, useEffect as h } from "react";
-import { useMoniteContext as v } from "./index57.js";
-import x from "@mui/icons-material/ArrowBack";
-import c from "@mui/icons-material/Close";
-import E from "@mui/material/IconButton";
-import L from "@mui/material/Tooltip";
-const P = ({
-  icon: y,
-  fallbackIcon: B,
-  tooltip: t,
-  onClick: i = () => {
-  },
-  onHover: l,
-  onFocus: f,
-  onBlur: m,
-  ariaLabelOverride: s,
-  isDynamic: p = !1,
-  ref: u,
-  ...b
-}) => {
-  const {
-    componentSettings: k
-  } = v(), o = k?.general?.iconWrapper, [I, e] = g(o.icon || o.fallbackIcon || /* @__PURE__ */ n(c, {}));
-  h(() => {
-    e(o.icon || o.fallbackIcon || /* @__PURE__ */ n(c, {}));
-  }, [o.icon, o.fallbackIcon]);
-  const d = (r) => {
-    l?.(r), p && e(/* @__PURE__ */ n(x, {}));
-  }, C = () => {
-    e(o.icon || o.fallbackIcon || /* @__PURE__ */ n(c, {}));
-  }, M = s || "Icon button", a = () => /* @__PURE__ */ n(E, { ref: u, onClick: i, onMouseEnter: d, onMouseLeave: C, onFocus: (r) => f?.(r), onBlur: (r) => m?.(r), "aria-label": M, ...b, children: I });
-  return t ? /* @__PURE__ */ n(L, { title: t, children: a() }) : a();
-};
+import a from "chroma-js";
+const r = (e, f) => ({
+  dark: a(e).darken(0.3).saturate(0.2).hex(),
+  main: e,
+  light: a.mix(e, "#ffffff", 0.94).hex(),
+  // Improved progression using mix/desaturate/darken approach
+  10: a(e).darken(2.2).saturate(0.5).hex(),
+  20: a(e).darken(1.8).saturate(0.3).hex(),
+  25: a(e).darken(1.4).saturate(0.2).hex(),
+  30: a(e).darken(1).saturate(0.1).hex(),
+  40: a(e).darken(0.5).hex(),
+  50: e,
+  55: a(e).brighten(0.3).desaturate(0.1).hex(),
+  60: a.mix(e, "#ffffff", 0.25).desaturate(0.1).hex(),
+  65: a.mix(e, "#ffffff", 0.4).desaturate(0.2).hex(),
+  75: a.mix(e, "#ffffff", 0.6).desaturate(0.3).hex(),
+  80: a.mix(e, "#ffffff", 0.7).desaturate(0.4).hex(),
+  85: a.mix(e, "#ffffff", 0.8).desaturate(0.5).hex(),
+  90: a.mix(e, "#ffffff", 0.85).desaturate(0.3).hex(),
+  95: a.mix(e, "#ffffff", 0.9).desaturate(0.4).hex(),
+  100: a.mix(e, "#ffffff", 0.95).desaturate(0.5).hex(),
+  foreground: {
+    main: f
+  }
+});
 export {
-  P as IconWrapper
+  r as getPrimaryColors
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index204.js

@@ -1,103 +1,8 @@
-const e = (t) => ({
-  borderRadius: t.borderRadius ?? 6,
-  buttonBorderRadius: 8,
-  spacing: t.spacing ?? 8,
-  colors: {
-    primary: t.colors?.primary || "#4338CA",
-    primaryForeground: t.colors?.primaryForeground || "#E0E7FF",
-    secondary: t.colors?.secondary || "#F4F4F5",
-    neutral: t.colors?.neutral || "#71717A",
-    info: t.colors?.info || "#1447E6",
-    success: t.colors?.success || "#15803D",
-    warning: t.colors?.warning || "#B45309",
-    error: t.colors?.error || "#DC2626",
-    background: t.colors?.background || "#FFFFFF",
-    text: t.colors?.text || "#09090B",
-    rowBorder: t.colors?.rowBorder || "#E4E4E7"
-  },
-  typography: {
-    fontFamily: t?.typography?.fontFamily || '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
-    fontSize: t?.typography?.fontSize ?? 16,
-    h1: {
-      fontSize: t.typography?.h1?.fontSize ?? 48,
-      fontWeight: t.typography?.h1?.fontWeight ?? 600,
-      lineHeight: t.typography?.h1?.lineHeight ?? "68px",
-      textTransform: t.typography?.h1?.textTransform ?? "none"
-    },
-    h2: {
-      fontSize: t.typography?.h2?.fontSize ?? 34,
-      fontWeight: t.typography?.h2?.fontWeight ?? 640,
-      lineHeight: t.typography?.h2?.lineHeight ?? "40px",
-      textTransform: t.typography?.h2?.textTransform ?? "none"
-    },
-    h3: {
-      fontSize: t.typography?.h3?.fontSize ?? 24,
-      fontWeight: t.typography?.h3?.fontWeight ?? 600,
-      lineHeight: t.typography?.h3?.lineHeight ?? "32px",
-      textTransform: t.typography?.h3?.textTransform ?? "none"
-    },
-    subtitle1: {
-      fontSize: t.typography?.subtitle1?.fontSize ?? 20,
-      fontWeight: t.typography?.subtitle1?.fontWeight ?? 600,
-      lineHeight: t.typography?.subtitle1?.lineHeight ?? "24px",
-      textTransform: t.typography?.subtitle1?.textTransform ?? "none"
-    },
-    subtitle2: {
-      fontSize: t.typography?.subtitle2?.fontSize ?? 18,
-      fontWeight: t.typography?.subtitle2?.fontWeight ?? 600,
-      lineHeight: t.typography?.subtitle2?.lineHeight ?? "24px",
-      textTransform: t.typography?.subtitle2?.textTransform ?? "none"
-    },
-    body1: {
-      fontSize: t.typography?.body1?.fontSize ?? 16,
-      fontWeight: t.typography?.body1?.fontWeight ?? 500,
-      lineHeight: t.typography?.body1?.lineHeight ?? "24px"
-    },
-    body2: {
-      fontSize: t.typography?.body2?.fontSize ?? 14,
-      fontWeight: t.typography?.body2?.fontWeight ?? 400,
-      lineHeight: t.typography?.body2?.lineHeight ?? "20px"
-    }
-  },
-  components: {
-    invoiceStatusChip: {
-      icon: t.components?.invoiceStatusChip?.icon || !1,
-      size: t.components?.invoiceStatusChip?.size || "small",
-      variant: t.components?.invoiceStatusChip?.variant || "filled"
-    },
-    payableStatusChip: {
-      icon: t.components?.payableStatusChip?.icon !== void 0 ? t.components?.payableStatusChip?.icon : !1,
-      size: t.components?.payableStatusChip?.size || "small",
-      variant: t.components?.payableStatusChip?.variant || "filled",
-      colors: t.components?.payableStatusChip?.colors
-    },
-    approvalRequestStatusChip: {
-      icon: t.components?.approvalRequestStatusChip?.icon || !1,
-      size: t.components?.approvalRequestStatusChip?.size || "small",
-      variant: t.components?.approvalRequestStatusChip?.variant || "filled"
-    },
-    invoiceRecurrenceStatusChip: {
-      icon: t.components?.invoiceRecurrenceStatusChip?.icon || !1,
-      size: t.components?.invoiceRecurrenceStatusChip?.size || "small",
-      variant: t.components?.invoiceRecurrenceStatusChip?.variant || "filled"
-    },
-    invoiceRecurrenceIterationStatusChip: {
-      icon: t.components?.invoiceRecurrenceIterationStatusChip?.icon || !1,
-      size: t.components?.invoiceRecurrenceIterationStatusChip?.size || "small",
-      variant: t.components?.invoiceRecurrenceIterationStatusChip?.variant || "filled"
-    },
-    counterpartStatusChip: {
-      size: t.components?.counterpartStatusChip?.size || "small",
-      variant: t.components?.counterpartStatusChip?.variant || "filled"
-    },
-    approvalStatusChip: {
-      icon: t.components?.approvalStatusChip?.icon || !1,
-      size: t.components?.approvalStatusChip?.size || "small",
-      variant: t.components?.approvalStatusChip?.variant || "filled"
-    },
-    styles: t.components?.styles
-  }
+import e from "chroma-js";
+const r = (a) => ({
+  main: a,
+  dark: e(a).darken(1.2).saturate(0.2).hex()
 });
 export {
-  e as getTheme
+  r as getSecondaryColors
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index205.js

@@ -1,28 +1,14 @@
-import a from "chroma-js";
-const r = (e, f) => ({
-  dark: a(e).darken(0.3).saturate(0.2).hex(),
-  main: e,
-  light: a.mix(e, "#ffffff", 0.94).hex(),
-  // Improved progression using mix/desaturate/darken approach
-  10: a(e).darken(2.2).saturate(0.5).hex(),
-  20: a(e).darken(1.8).saturate(0.3).hex(),
-  25: a(e).darken(1.4).saturate(0.2).hex(),
-  30: a(e).darken(1).saturate(0.1).hex(),
-  40: a(e).darken(0.5).hex(),
-  50: e,
-  55: a(e).brighten(0.3).desaturate(0.1).hex(),
-  60: a.mix(e, "#ffffff", 0.25).desaturate(0.1).hex(),
-  65: a.mix(e, "#ffffff", 0.4).desaturate(0.2).hex(),
-  75: a.mix(e, "#ffffff", 0.6).desaturate(0.3).hex(),
-  80: a.mix(e, "#ffffff", 0.7).desaturate(0.4).hex(),
-  85: a.mix(e, "#ffffff", 0.8).desaturate(0.5).hex(),
-  90: a.mix(e, "#ffffff", 0.85).desaturate(0.3).hex(),
-  95: a.mix(e, "#ffffff", 0.9).desaturate(0.4).hex(),
-  100: a.mix(e, "#ffffff", 0.95).desaturate(0.5).hex(),
-  foreground: {
-    main: f
-  }
+import h from "chroma-js";
+const t = (r) => ({
+  main: r,
+  10: h(r).darken(2.5).hex(),
+  30: h(r).darken(1.5).hex(),
+  50: r,
+  70: h(r).brighten(0.7).hex(),
+  80: h(r).brighten(2.3).hex(),
+  90: h(r).brighten(2.68).hex(),
+  95: h(r).brighten(2.84).hex()
 });
 export {
-  r as getPrimaryColors
+  t as getNeutralColors
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index206.js

@@ -1,8 +1,9 @@
-import e from "chroma-js";
-const r = (a) => ({
+import o from "chroma-js";
+const t = (a) => ({
   main: a,
-  dark: e(a).darken(1.2).saturate(0.2).hex()
+  light: o(a).alpha(0.25).hex(),
+  dark: o(a).alpha(1).hex()
 });
 export {
-  r as getSecondaryColors
+  t as getSeverityColors
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index207.js

@@ -1,14 +1,12 @@
-import h from "chroma-js";
-const t = (r) => ({
-  main: r,
-  10: h(r).darken(2.5).hex(),
-  30: h(r).darken(1.5).hex(),
-  50: r,
-  70: h(r).brighten(0.7).hex(),
-  80: h(r).brighten(2.3).hex(),
-  90: h(r).brighten(2.68).hex(),
-  95: h(r).brighten(2.84).hex()
-});
+import r from "chroma-js";
+const e = (s) => {
+  const o = r(s).alpha();
+  return {
+    primary: s,
+    secondary: r(s).alpha(o * 0.81).css(),
+    disabled: r(s).alpha(o * 0.62).css()
+  };
+};
 export {
-  t as getNeutralColors
+  e as getTextColors
 };