@tesouro/embedded-components-react 0.2.96 → 0.2.98

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

@@ -1,5 +1,5 @@
 import { useMemo as p } from "react";
-import { useUserPermissions as y } from "./index141.js";
+import { useUserPermissions as y } from "./index131.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";

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

@@ -1,7 +1,7 @@
 import { jsxs as a, jsx as t, Fragment as k } from "@emotion/react/jsx-runtime";
 import { useRef as B, useState as T, useEffect as $ } from "react";
 import { useFormContext as F, Controller as L } from "react-hook-form";
-import { useUserPermissions as j } from "./index141.js";
+import { useUserPermissions as j } from "./index131.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";
@@ -22,12 +22,12 @@ import "./index92.js";
 import "react-dom";
 import "@mui/x-data-grid";
 import { Badge as W } from "./index237.js";
-import { Field as q, FieldContent as z, FieldError as K } from "./index153.js";
-import { Select as O, SelectTrigger as R, SelectValue as U, SelectContent as G, SelectItem as y, SelectSeparator as H } from "./index285.js";
+import { Field as q, FieldContent as z, FieldError as K } from "./index155.js";
+import { Select as O, SelectTrigger as R, SelectValue as U, SelectContent as G, SelectItem as y, SelectSeparator as H } from "./index306.js";
 import { Typography as d } from "./index85.js";
 import { BankAccountSectionForm as J } from "./index359.js";
-import { Alert as M, AlertTitle as Q, AlertDescription as X } from "./index152.js";
-import { Skeleton as Y } from "./index132.js";
+import { Alert as M, AlertTitle as Q, AlertDescription as X } from "./index154.js";
+import { Skeleton as Y } from "./index136.js";
 import { getSourceLabel as g, getLineLabel as x } from "./index360.js";
 const $t = ({
   disabled: v,

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

@@ -1,5 +1,5 @@
 import { jsxs as i, jsx as t, Fragment as z } from "@emotion/react/jsx-runtime";
-import { CreateCounterpartDialog as B } from "./index150.js";
+import { CreateCounterpartDialog as B } from "./index153.js";
 import { CounterpartSelector as U } from "./index361.js";
 import { getCounterpartName as q, getCounterpartEmail as P } from "./index7.js";
 import "./index57.js";
@@ -12,10 +12,10 @@ import { useFormContext as K, Controller as Q } from "react-hook-form";
 import { CounterpartDetails as X } from "./index2.js";
 import { Typography as f } from "./index85.js";
 import { Avatar as Y, AvatarFallback as Z } from "./index362.js";
-import { Field as $, FieldContent as tt, FieldLabel as et, FieldError as rt } from "./index153.js";
+import { Field as $, FieldContent as tt, FieldLabel as et, FieldError as rt } from "./index155.js";
 import { Input as at } from "./index117.js";
 import { Button as x } from "./index84.js";
-import { Separator as it } from "./index135.js";
+import { Separator as it } from "./index139.js";
 import { Plus as ot } from "lucide-react";
 const Et = ({
   disabled: l,

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

@@ -1,5 +1,5 @@
 import { useMoniteContext as a } from "./index57.js";
-import { getAPIErrorMessage as n } from "./index121.js";
+import { getAPIErrorMessage as n } from "./index120.js";
 import { useLingui as c } from "@lingui/react";
 import { toast as t } from "react-hot-toast";
 const f = () => {

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

@@ -1,5 +1,5 @@
 import { useMoniteContext as n } from "./index57.js";
-import { getAPIErrorMessage as i } from "./index121.js";
+import { getAPIErrorMessage as i } from "./index120.js";
 import { useLingui as a } from "@lingui/react";
 import { toast as s } from "react-hot-toast";
 const f = () => {

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

@@ -1,6 +1,6 @@
 import { useMemo as A } from "react";
 import { useLingui as E } from "@lingui/react";
-import { useUserPermissions as k } from "./index141.js";
+import { useUserPermissions as k } from "./index131.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";

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

@@ -1,27 +1,27 @@
 import { jsx as t, jsxs as a, Fragment as h } from "@emotion/react/jsx-runtime";
 import { useCounterpartById as Ct } from "./index70.js";
-import { Sheet as G, SheetContent as q, SheetHeader as St, SheetTitle as Dt, SheetDescription as Tt, SheetClose as $t } from "./index130.js";
-import { LoadingSpinner as At } from "./index131.js";
+import { Sheet as G, SheetContent as q, SheetHeader as St, SheetTitle as Dt, SheetDescription as Tt, SheetClose as $t } from "./index134.js";
+import { LoadingSpinner as At } from "./index135.js";
 import { useLingui as Lt } from "@lingui/react";
 import { getCounterpartName as D } from "./index7.js";
-import { Skeleton as c } from "./index132.js";
+import { Skeleton as c } from "./index136.js";
 import { useMoniteContext as It } from "./index57.js";
-import { DropdownMenu as kt, DropdownMenuTrigger as Bt, DropdownMenuContent as jt, DropdownMenuItem as Mt } from "./index133.js";
+import { DropdownMenu as kt, DropdownMenuTrigger as Bt, DropdownMenuContent as jt, DropdownMenuItem as Mt } from "./index137.js";
 import { Button as f } from "./index84.js";
 import { MoreVerticalIcon as Ut, Trash2 as Et, X as Ot, EyeOff as Pt, Eye as Rt } from "lucide-react";
-import { DeleteCounterpartModal as Ft } from "./index134.js";
+import { DeleteCounterpartModal as Ft } from "./index138.js";
 import { useState as T, useCallback as Vt, Fragment as zt } from "react";
 import { Typography as i } from "./index85.js";
 import { useCurrencies as Wt } from "./index58.js";
-import { Separator as Gt } from "./index135.js";
-import { CounterpartContactDetailLine as m } from "./index136.js";
+import { Separator as Gt } from "./index139.js";
+import { CounterpartContactDetailLine as m } from "./index140.js";
 import "react-hot-toast";
 import "date-fns";
-import { useDeleteCounterpartBank as qt } from "./index137.js";
-import { useCounterpartAddressesById as Ht } from "./index138.js";
-import { useGetCounterpartPayables as Kt } from "./index139.js";
-import { EditCounterpart as Qt } from "./index140.js";
-import { useUserPermissions as Xt } from "./index141.js";
+import { useDeleteCounterpartBank as qt } from "./index141.js";
+import { useCounterpartAddressesById as Ht } from "./index142.js";
+import { useGetCounterpartPayables as Kt } from "./index143.js";
+import { EditCounterpart as Qt } from "./index144.js";
+import { useUserPermissions as Xt } from "./index131.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,20 +29,20 @@ import "@tanstack/react-query";
 import "../../shared/data-access/dist/lib/rest/zod.gen.js";
 import { Scope as $ } from "../../shared/data-access/dist/lib/scopes.js";
 import { useGetPayablesAnalytics as A } from "./index35.js";
-import { useGetReceivables as Yt } from "./index142.js";
-import { useGetReceivablesAnalytics as H } from "./index143.js";
+import { useGetReceivables as Yt } from "./index145.js";
+import { useGetReceivablesAnalytics as H } from "./index146.js";
 import "./index92.js";
 import "react-dom";
 import "@mui/x-data-grid";
 import "react-hook-form";
-import { PayableStatusChip as K } from "./index144.js";
-import { CounterpartBankSection as Zt } from "./index145.js";
-import { useCounterpartsBankAccountsList as Jt } from "./index146.js";
+import { PayableStatusChip as K } from "./index147.js";
+import { CounterpartBankSection as Zt } from "./index148.js";
+import { useCounterpartsBankAccountsList as Jt } from "./index149.js";
 import { MoniteScopedProviders as te } from "./index83.js";
 import { InvoiceStatusChip as ee } from "./index55.js";
-import { CounterpartAddressSection as ae } from "./index147.js";
-import { NotFound as re } from "./index148.js";
-import { isBillOverdue as ie } from "./index149.js";
+import { CounterpartAddressSection as ae } from "./index150.js";
+import { NotFound as re } from "./index151.js";
+import { isBillOverdue as ie } from "./index152.js";
 const Ye = (n) => /* @__PURE__ */ t(te, { children: /* @__PURE__ */ t(oe, { ...n }) }), oe = ({
   counterpartId: n,
   customerType: u,

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

@@ -1,4 +1,4 @@
-import { toMinorUnits as r, fromMinorUnits as a } from "./index120.js";
+import { toMinorUnits as r, fromMinorUnits as a } from "./index119.js";
 const s = (o) => a(o), t = (o) => r(o);
 export {
   t as rateMajorToMinor,

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

@@ -1,6 +1,6 @@
 import { jsx as o } from "@emotion/react/jsx-runtime";
-import { CenteredContentBox as r } from "./index230.js";
-import { LoadingSpinner as n } from "./index131.js";
+import { CenteredContentBox as r } from "./index220.js";
+import { LoadingSpinner as n } from "./index135.js";
 const m = () => /* @__PURE__ */ o(r, { children: /* @__PURE__ */ o(n, {}) });
 export {
   m as LoadingPage

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

@@ -3,7 +3,7 @@ import { Typography as l } from "./index85.js";
 import { useLingui as m } from "@lingui/react";
 import { PaymentSection as c } from "./index351.js";
 import { useFormContext as p, Controller as w } from "react-hook-form";
-import { Field as f, FieldContent as h, FieldLabel as u, FieldError as b } from "./index153.js";
+import { Field as f, FieldContent as h, FieldLabel as u, FieldError as b } from "./index155.js";
 import { Input as g } from "./index117.js";
 import { RecurrenceSection as x } from "./index352.js";
 import { RemindersSection as y } from "./index353.js";

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

@@ -2,7 +2,7 @@ import { jsxs as a, jsx as e } from "@emotion/react/jsx-runtime";
 import { Typography as i } from "./index85.js";
 import { useLingui as w } from "@lingui/react";
 import { useFormContext as f, Controller as s } from "react-hook-form";
-import { Field as d, FieldContent as c, FieldLabel as m, FieldDescription as h, FieldError as p } from "./index153.js";
+import { Field as d, FieldContent as c, FieldLabel as m, FieldDescription as h, FieldError as p } from "./index155.js";
 import { Textarea as u } from "./index118.js";
 const _ = ({
   disabled: n

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

@@ -6,7 +6,7 @@ import { Trash2 as et, Loader2 as at, FileText as rt, X as it, ImageIcon as lt }
 import { Typography as o } from "./index85.js";
 import { Button as $ } from "./index84.js";
 import { Checkbox as ot } from "./index354.js";
-import { Separator as nt } from "./index135.js";
+import { Separator as nt } from "./index139.js";
 import { cn as st } from "./index100.js";
 import "./index57.js";
 import "react-hot-toast";

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

@@ -9,24 +9,24 @@ import "react-dom";
 import "@mui/x-data-grid";
 import { useComponentSettings as Ee } from "./index67.js";
 import { useGetReceivableById as He } from "./index82.js";
-import { useUserPermissions as Fe } from "./index141.js";
+import { useUserPermissions as Fe } from "./index131.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";
 import "@tanstack/react-query";
 import "../../shared/data-access/dist/lib/rest/zod.gen.js";
 import { Scope as R } from "../../shared/data-access/dist/lib/scopes.js";
-import { AccessRestriction as Ue } from "./index151.js";
+import { AccessRestriction as Ue } from "./index133.js";
 import { Accordion as Ge, AccordionItem as D, AccordionTrigger as L, AccordionContent as T } from "./index236.js";
 import { Badge as de } from "./index237.js";
 import { Button as $ } from "./index84.js";
 import { DialogTitle as v } from "./index202.js";
-import { Sheet as qe, SheetContent as Ve, SheetDescription as Ye, SheetHeader as We, SheetTitle as Je } from "./index130.js";
+import { Sheet as qe, SheetContent as Ve, SheetDescription as Ye, SheetHeader as We, SheetTitle as Je } from "./index134.js";
 import { TooltipProvider as Ke, Tooltip as me, TooltipTrigger as ue, TooltipContent as pe } from "./index238.js";
 import { Typography as o } from "./index85.js";
 import { cn as P } from "./index100.js";
-import { LoadingSpinner as we } from "./index131.js";
-import { NotFound as ve } from "./index148.js";
+import { LoadingSpinner as we } from "./index135.js";
+import { NotFound as ve } from "./index151.js";
 import { ChevronLeft as Qe, Eye as Xe, Repeat as he, CircleAlert as Ze } from "lucide-react";
 import { toast as fe } from "react-hot-toast";
 import { headerIconButtonClass as h, STATUS_ICON as et, HEADER_TOOLTIP_DELAY as tt, amountValueToneClass as rt, ACTION_ICON as nt } from "./index239.js";

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

@@ -13,10 +13,10 @@ import { useMyEntity as P } from "./index78.js";
 import { SquarePen as T, Trash2 as k } from "lucide-react";
 import { Button as x } from "./index84.js";
 import { Typography as l } from "./index85.js";
-import { useUploadEntityLogo as B } from "./index404.js";
-import { useDeleteEntityLogo as U } from "./index405.js";
-import { DragAndDropBox as A } from "./index406.js";
-import { Skeleton as j } from "./index132.js";
+import { useUploadEntityLogo as B } from "./index391.js";
+import { useDeleteEntityLogo as U } from "./index392.js";
+import { DragAndDropBox as A } from "./index393.js";
+import { Skeleton as j } from "./index136.js";
 const st = () => {
   const {
     i18n: o

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

@@ -1,103 +1,9 @@
-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 { 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 });
 export {
-  e as getTheme
+  c as CenteredContentBox
 };

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

@@ -1,28 +1,37 @@
-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 { 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();
+};
 export {
-  r as getPrimaryColors
+  P as IconWrapper
 };

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

@@ -1,8 +1,103 @@
-import e from "chroma-js";
-const r = (a) => ({
-  main: a,
-  dark: e(a).darken(1.2).saturate(0.2).hex()
+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 {
-  r as getSecondaryColors
+  e as getTheme
 };

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

@@ -1,14 +1,28 @@
-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 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 {
-  t as getNeutralColors
+  r as getPrimaryColors
 };

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

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

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

@@ -1,12 +1,14 @@
-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()
-  };
-};
+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 {
-  e as getTextColors
+  t as getNeutralColors
 };