@tesouro/embedded-components-react 0.2.151 → 0.2.152

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

@@ -1,185 +1,9 @@
-const a = {
-  ab: "ab",
-  aa: "aa",
-  af: "af",
-  ak: "ak",
-  sq: "sq",
-  am: "am",
-  ar: "ar",
-  an: "an",
-  hy: "hy",
-  av: "av",
-  ae: "ae",
-  ay: "ay",
-  az: "az",
-  bm: "bm",
-  ba: "ba",
-  eu: "eu",
-  be: "be",
-  bn: "bn",
-  bi: "bi",
-  bs: "bs",
-  br: "br",
-  bg: "bg",
-  my: "my",
-  ca: "ca",
-  ch: "ch",
-  ce: "ce",
-  ny: "ny",
-  zh: "zh",
-  cu: "cu",
-  cv: "cv",
-  kw: "kw",
-  co: "co",
-  cr: "cr",
-  hr: "hr",
-  cs: "cs",
-  da: "da",
-  dv: "dv",
-  nl: "nl",
-  dz: "dz",
-  en: "en",
-  eo: "eo",
-  et: "et",
-  ee: "ee",
-  fo: "fo",
-  fj: "fj",
-  fi: "fi",
-  fr: "fr",
-  fy: "fy",
-  ff: "ff",
-  gd: "gd",
-  gl: "gl",
-  lg: "lg",
-  ka: "ka",
-  de: "de",
-  el: "el",
-  kl: "kl",
-  gn: "gn",
-  gu: "gu",
-  ht: "ht",
-  ha: "ha",
-  he: "he",
-  hz: "hz",
-  hi: "hi",
-  ho: "ho",
-  hu: "hu",
-  io: "io",
-  ig: "ig",
-  id: "id",
-  ia: "ia",
-  ie: "ie",
-  iu: "iu",
-  ik: "ik",
-  ga: "ga",
-  it: "it",
-  ja: "ja",
-  jv: "jv",
-  kn: "kn",
-  kr: "kr",
-  ks: "ks",
-  kk: "kk",
-  km: "km",
-  ki: "ki",
-  rw: "rw",
-  ky: "ky",
-  kv: "kv",
-  kg: "kg",
-  ko: "ko",
-  kj: "kj",
-  ku: "ku",
-  lo: "lo",
-  la: "la",
-  lv: "lv",
-  li: "li",
-  ln: "ln",
-  lt: "lt",
-  lu: "lu",
-  lb: "lb",
-  mk: "mk",
-  mg: "mg",
-  ms: "ms",
-  ml: "ml",
-  mt: "mt",
-  gv: "gv",
-  mi: "mi",
-  mr: "mr",
-  mh: "mh",
-  mn: "mn",
-  na: "na",
-  nv: "nv",
-  nd: "nd",
-  nr: "nr",
-  ng: "ng",
-  ne: "ne",
-  no: "no",
-  nb: "nb",
-  nn: "nn",
-  ii: "ii",
-  oc: "oc",
-  oj: "oj",
-  om: "om",
-  os: "os",
-  pi: "pi",
-  ps: "ps",
-  fa: "fa",
-  pl: "pl",
-  pt: "pt",
-  pa: "pa",
-  qu: "qu",
-  ro: "ro",
-  rm: "rm",
-  rn: "rn",
-  ru: "ru",
-  se: "se",
-  sm: "sm",
-  sg: "sg",
-  sa: "sa",
-  sc: "sc",
-  sr: "sr",
-  sn: "sn",
-  sd: "sd",
-  si: "si",
-  sk: "sk",
-  sl: "sl",
-  so: "so",
-  st: "st",
-  es: "es",
-  su: "su",
-  sw: "sw",
-  ss: "ss",
-  sv: "sv",
-  tl: "tl",
-  ty: "ty",
-  tg: "tg",
-  ta: "ta",
-  tt: "tt",
-  te: "te",
-  th: "th",
-  bo: "bo",
-  ti: "ti",
-  to: "to",
-  ts: "ts",
-  tn: "tn",
-  tr: "tr",
-  tk: "tk",
-  tw: "tw",
-  ug: "ug",
-  uk: "uk",
-  ur: "ur",
-  uz: "uz",
-  ve: "ve",
-  vi: "vi",
-  vo: "vo",
-  wa: "wa",
-  cy: "cy",
-  wo: "wo",
-  xh: "xh",
-  yi: "yi",
-  yo: "yo",
-  za: "za",
-  zu: "zu"
-}, s = Object.values(a);
+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 {
-  s as LanguageCodeEnum
+  c as CenteredContentBox
 };

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

@@ -1,15 +1,37 @@
-import { useRef as l, useCallback as n } from "react";
-const a = () => {
-  const e = l(null), t = n((r) => {
-    e.current = r;
-  }, []), u = n(() => {
-    e.current?.();
-  }, []);
-  return {
-    registerLineItemCleanupFn: t,
-    runLineItemCleanup: u
-  };
+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 {
-  a as useLineItemSubmitCleanup
+  P as IconWrapper
 };

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

@@ -1,24 +1,103 @@
-import { useMoniteContext as o } from "./index57.js";
-const a = ({
-  counterpart_billing_address_id: e,
-  counterpart_country: r,
-  counterpart_id: t,
-  counterpart_type: n
-}) => {
-  const {
-    api: i
-  } = o();
-  return i.finops.getReceivablesRequiredFields.useQuery({
-    query: {
-      counterpart_billing_address_id: e,
-      counterpart_country: r,
-      counterpart_id: t,
-      counterpart_type: n
+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"
     }
-  }, {
-    enabled: !!e && !!t
-  });
-};
+  },
+  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 {
-  a as useGetInvoiceRequiredFields
+  e as getTheme
 };

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

@@ -1,52 +1,28 @@
-import { useMemo as A } from "react";
-import { useLingui as E } from "@lingui/react";
-import { useUserPermissions as k } 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";
-import "@tanstack/react-query";
-import "../../shared/data-access/dist/lib/rest/zod.gen.js";
-import { Scope as i } from "../../shared/data-access/dist/lib/scopes.js";
-import { getLineLabel as u } from "./index352.js";
-import { useGetEmbeddedBankAccounts as f } from "./index355.js";
-import { useGetEntityBankAccounts as L } from "./index356.js";
-import { useGetExternalBankAccounts as g } from "./index357.js";
-const V = (t = !0) => {
-  const {
-    i18n: o
-  } = E(), n = k(), m = t && n.has(i.BankAccountReadOrg), s = t && n.has(i.ExternalBankAccountReadOrg), {
-    data: e,
-    isLoading: d
-  } = L(void 0, t), {
-    data: c,
-    isLoading: p
-  } = f(void 0, m), {
-    data: r,
-    isLoading: _
-  } = g(void 0, s), l = d || p || _;
-  return {
-    bankAccounts: A(() => [...(e?.data ?? []).map((a) => ({
-      id: a.id,
-      display_name: a.display_name,
-      account_number: a.account_number,
-      account_number_last4: a.account_number_last4,
-      bank_account_type: "BANK_DETAILS"
-    })), ...(c?.data ?? []).filter((a) => a.status === "ACTIVE").map((a) => ({
-      id: a.id,
-      display_name: a.nickname,
-      account_number: a.accountNumber,
-      account_number_last4: null,
-      bank_account_type: "INTERNAL"
-    })), ...(r?.data ?? []).filter((a) => a.accountStatus === "ACTIVE" && a.verificationStatus === "VERIFIED").map((a) => ({
-      id: a.id,
-      display_name: a.nickname || a.nameOnAccount,
-      account_number: a.accountNumber,
-      account_number_last4: null,
-      bank_account_type: "EXTERNAL"
-    }))].sort((a, b) => u(a, o).localeCompare(u(b, o))), [e, c, r, o]),
-    isLoading: l
-  };
-};
+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 {
-  V as useSelectableBankAccounts
+  r as getPrimaryColors
 };

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

@@ -1,6 +1,8 @@
-import { toMinorUnits as r, fromMinorUnits as a } from "./index120.js";
-const s = (o) => a(o), t = (o) => r(o);
+import e from "chroma-js";
+const r = (a) => ({
+  main: a,
+  dark: e(a).darken(1.2).saturate(0.2).hex()
+});
 export {
-  t as rateMajorToMinor,
-  s as rateMinorToMajor
+  r as getSecondaryColors
 };

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

@@ -1,7 +1,14 @@
-import { jsx as o } from "@emotion/react/jsx-runtime";
-import { CenteredContentBox as r } from "./index231.js";
-import { LoadingSpinner as n } from "./index141.js";
-const m = () => /* @__PURE__ */ o(r, { children: /* @__PURE__ */ o(n, {}) });
+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 {
-  m as LoadingPage
+  t as getNeutralColors
 };

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

@@ -1,90 +1,9 @@
-import { jsx as e, jsxs as n } from "@emotion/react/jsx-runtime";
-import { cn as s } from "./index100.js";
-import * as o from "@radix-ui/react-dialog";
-import { XIcon as c } from "lucide-react";
-function x({
-  ...t
-}) {
-  return /* @__PURE__ */ e(o.Root, { "data-slot": "dialog", ...t });
-}
-function u({
-  ...t
-}) {
-  return /* @__PURE__ */ e(o.Portal, { "data-slot": "dialog-portal", ...t });
-}
-function v({
-  ...t
-}) {
-  return /* @__PURE__ */ e(o.Close, { "data-slot": "dialog-close", ...t });
-}
-function g({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(o.Overlay, { "data-slot": "dialog-overlay", className: s("ttw:data-[state=open]:animate-in ttw:data-[state=closed]:animate-out ttw:data-[state=closed]:fade-out-0 ttw:data-[state=open]:fade-in-0 ttw:fixed ttw:inset-0 ttw:z-1300 ttw:bg-black/50", t), ...a });
-}
-function N({
-  className: t,
-  children: a,
-  showCloseButton: r = !0,
-  fullScreen: i = !1,
-  container: l = typeof document < "u" ? document.body : null,
-  ...d
-}) {
-  return /* @__PURE__ */ n(u, { container: l, "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ e(g, {}),
-    /* @__PURE__ */ n(
-      o.Content,
-      {
-        "data-slot": "dialog-content",
-        className: s("ttw:bg-background ttw:data-[state=open]:animate-in ttw:data-[state=closed]:animate-out ttw:data-[state=closed]:fade-out-0 ttw:data-[state=open]:fade-in-0 ttw:data-[state=closed]:zoom-out-95 ttw:data-[state=open]:zoom-in-95 ttw:fixed ttw:top-[50%] ttw:left-[50%] ttw:z-1300 ttw:grid ttw:w-full ttw:max-w-[calc(100%-2rem)] ttw:translate-x-[-50%] ttw:translate-y-[-50%] ttw:gap-4 ttw:rounded-lg ttw:border ttw:p-6 ttw:shadow-lg ttw:duration-200 ttw:sm:max-w-lg", i && "ttw:border-none ttw:rounded-none ttw:h-screen ttw:max-w-screen ttw:sm:max-w-screen", t),
-        ...d,
-        onCloseAutoFocus: (w) => {
-          w.preventDefault(), (l ?? document.body).style.pointerEvents = "";
-        },
-        children: [
-          a,
-          r && /* @__PURE__ */ n(o.Close, { "data-slot": "dialog-close", className: "ttw:ring-offset-background ttw:focus:ring-ring ttw:data-[state=open]:bg-accent ttw:data-[state=open]:text-muted-foreground ttw:absolute ttw:top-4 ttw:right-4 ttw:rounded-xs ttw:opacity-70 ttw:transition-opacity ttw:hover:opacity-100 ttw:focus:ring-2 ttw:focus:ring-offset-2 ttw:focus:outline-hidden ttw:disabled:pointer-events-none ttw:[&_svg]:pointer-events-none ttw:[&_svg]:shrink-0 ttw:[&_svg:not([class*=size-])]:size-4", children: [
-            /* @__PURE__ */ e(c, {}),
-            /* @__PURE__ */ e("span", { className: "ttw:sr-only", children: "Close" })
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-function b({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e("div", { "data-slot": "dialog-header", className: s("ttw:flex ttw:flex-col ttw:gap-2 ttw:text-center ttw:sm:text-left", t), ...a });
-}
-function h({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e("div", { "data-slot": "dialog-footer", className: s("ttw:flex ttw:flex-col-reverse ttw:gap-2 ttw:sm:flex-row ttw:sm:justify-end", t), ...a });
-}
-function y({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(o.Title, { "data-slot": "dialog-title", className: s("ttw:text-lg ttw:leading-none ttw:font-semibold", t), ...a });
-}
-function D({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e(o.Description, { "data-slot": "dialog-description", className: s("ttw:text-muted-foreground ttw:text-sm", t), ...a });
-}
+import o from "chroma-js";
+const t = (a) => ({
+  main: a,
+  light: o(a).alpha(0.25).hex(),
+  dark: o(a).alpha(1).hex()
+});
 export {
-  x as Dialog,
-  v as DialogClose,
-  N as DialogContent,
-  D as DialogDescription,
-  h as DialogFooter,
-  b as DialogHeader,
-  g as DialogOverlay,
-  u as DialogPortal,
-  y as DialogTitle
+  t as getSeverityColors
 };

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

@@ -1,39 +1,12 @@
-import { jsx as o, jsxs as n } from "@emotion/react/jsx-runtime";
-import { LoadingSpinner as f } from "./index141.js";
-import { Button as t } from "./index84.js";
-import { Dialog as C, DialogContent as u, DialogHeader as D, DialogTitle as b, DialogDescription as w, DialogFooter as L } from "./index208.js";
-import { useLingui as x } from "@lingui/react";
-const N = ({
-  open: e,
-  title: l,
-  message: s,
-  children: c,
-  confirmLabel: d,
-  cancelLabel: m,
-  onClose: a,
-  onConfirm: p,
-  container: g,
-  isLoading: r = !1
-}) => {
-  const {
-    i18n: h
-  } = x();
-  return /* @__PURE__ */ o(C, { open: e, onOpenChange: a, "aria-label": h._("Confirmation dialog"), children: /* @__PURE__ */ n(u, { container: g, showCloseButton: !1, children: [
-    /* @__PURE__ */ o(D, { children: /* @__PURE__ */ o(b, { children: l }) }),
-    /* @__PURE__ */ o(w, { children: s || c }),
-    /* @__PURE__ */ n(L, { children: [
-      /* @__PURE__ */ o(t, { onClick: (i) => {
-        i.stopPropagation(), a();
-      }, variant: "outline", children: m }),
-      /* @__PURE__ */ n(t, { onClick: (i) => {
-        i.stopPropagation(), p();
-      }, disabled: r, variant: "destructive", children: [
-        r && /* @__PURE__ */ o(f, { className: "ttw:w-5 ttw:h-5 ttw:border-inherit ttw:border-t-transparent" }),
-        d
-      ] })
-    ] })
-  ] }) });
+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 {
-  N as ConfirmationModal
+  e as getTextColors
 };