@mercoa/react 0.0.2-rc3 → 0.0.2-rc4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/README.md +34 -0
  2. package/dist/index.es.js +67 -67
  3. package/dist/index.es.js.map +1 -1
  4. package/dist/index.umd.js +22 -22
  5. package/dist/index.umd.js.map +1 -1
  6. package/package.json +1 -1
package/README.md CHANGED
@@ -1,5 +1,39 @@
1
1
  # Mercoa React Component Library
2
2
 
3
+ ## Setup
4
+
5
+ `npm install --save @mercoa/react`
6
+
7
+ `yarn add @mercoa/react`
8
+
9
+ ## Dependencies
10
+
11
+ The Mercoa React Library requires [tailwindcss](https://tailwindcss.com/) to function.
12
+
13
+ In addition, the following tailwind plugins need to be installed:
14
+
15
+ - [@tailwindcss/forms](https://www.npmjs.com/package/@tailwindcss/forms)
16
+ - [@tailwindcss/typography](https://www.npmjs.com/package/@tailwindcss/typography)
17
+
18
+ In your `tailwind.config.ts` or `tailwind.config.js` file, you will also need to add the following to colors:
19
+
20
+ ```javascript
21
+ const config: Config = {
22
+ // ...
23
+ theme: {
24
+ // ...
25
+ colors: {
26
+ // ...
27
+ 'mercoa-primary': 'var(--mercoa-primary)',
28
+ 'mercoa-primary-light': 'var(--mercoa-primary-light)',
29
+ 'mercoa-primary-dark': 'var(--mercoa-primary-dark)',
30
+ 'mercoa-primary-text': 'var(--mercoa-primary-text)',
31
+ 'mercoa-primary-text-invert': 'var(--mercoa-primary-text-invert)',
32
+ },
33
+ },
34
+ }
35
+ ```
36
+
3
37
  ## Examples
4
38
 
5
39
  [Next.js](/examples/nextjs/)
package/dist/index.es.js CHANGED
@@ -44894,7 +44894,7 @@ function AddCustomPaymentMethodForm({
44894
44894
  type: "text",
44895
44895
  required: !((fr = re == null ? void 0 : re[sr]) != null && fr.optional),
44896
44896
  placeholder: `${((mr = re == null ? void 0 : re[sr]) == null ? void 0 : mr.displayName) || ((pr = re == null ? void 0 : re[sr]) == null ? void 0 : pr.name)}`,
44897
- className: "block w-full rounded-md border-gray-300 shadow-sm focus:border-primary focus:ring-primary sm:text-sm"
44897
+ className: "block w-full rounded-md border-gray-300 shadow-sm focus:border-mercoa-primary focus:ring-mercoa-primary sm:text-sm"
44898
44898
  }
44899
44899
  ),
44900
44900
  ((dr = re == null ? void 0 : re[sr]) == null ? void 0 : dr.type) === javascript.Mercoa.PaymentMethodSchemaFieldType.Url && /* @__PURE__ */ jsx(
@@ -44910,7 +44910,7 @@ function AddCustomPaymentMethodForm({
44910
44910
  type: "text",
44911
44911
  required: !((hr = re == null ? void 0 : re[sr]) != null && hr.optional),
44912
44912
  placeholder: "https://example.com",
44913
- className: "block w-full rounded-md border-gray-300 shadow-sm focus:border-primary focus:ring-primary sm:text-sm"
44913
+ className: "block w-full rounded-md border-gray-300 shadow-sm focus:border-mercoa-primary focus:ring-mercoa-primary sm:text-sm"
44914
44914
  }
44915
44915
  ),
44916
44916
  ((yr = re == null ? void 0 : re[sr]) == null ? void 0 : yr.type) === javascript.Mercoa.PaymentMethodSchemaFieldType.Email && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
@@ -44926,7 +44926,7 @@ function AddCustomPaymentMethodForm({
44926
44926
  type: "text",
44927
44927
  required: !((Or = re == null ? void 0 : re[sr]) != null && Or.optional),
44928
44928
  placeholder: "name@example.com",
44929
- className: "block w-full rounded-md border-gray-300 shadow-sm focus:border-primary focus:ring-primary sm:text-sm"
44929
+ className: "block w-full rounded-md border-gray-300 shadow-sm focus:border-mercoa-primary focus:ring-mercoa-primary sm:text-sm"
44930
44930
  }
44931
44931
  ) }),
44932
44932
  ((wr = re == null ? void 0 : re[sr]) == null ? void 0 : wr.type) === javascript.Mercoa.PaymentMethodSchemaFieldType.Number && /* @__PURE__ */ jsx(
@@ -44936,7 +44936,7 @@ function AddCustomPaymentMethodForm({
44936
44936
  type: "number",
44937
44937
  required: !((jr = re == null ? void 0 : re[sr]) != null && jr.optional),
44938
44938
  placeholder: `${((br = re == null ? void 0 : re[sr]) == null ? void 0 : br.displayName) || ((_r = re == null ? void 0 : re[sr]) == null ? void 0 : _r.name)}`,
44939
- className: "block w-full rounded-md border-gray-300 shadow-sm focus:border-primary focus:ring-primary sm:text-sm"
44939
+ className: "block w-full rounded-md border-gray-300 shadow-sm focus:border-mercoa-primary focus:ring-mercoa-primary sm:text-sm"
44940
44940
  }
44941
44941
  ),
44942
44942
  ((xr = re == null ? void 0 : re[sr]) == null ? void 0 : xr.type) === javascript.Mercoa.PaymentMethodSchemaFieldType.Select && /* @__PURE__ */ jsx(
@@ -44944,7 +44944,7 @@ function AddCustomPaymentMethodForm({
44944
44944
  {
44945
44945
  ...ee(`~cpm~~.${sr}.value`),
44946
44946
  required: !((Pr = re == null ? void 0 : re[sr]) != null && Pr.optional),
44947
- className: "block w-full rounded-md border-gray-300 shadow-sm focus:border-primary focus:ring-primary sm:text-sm",
44947
+ className: "block w-full rounded-md border-gray-300 shadow-sm focus:border-mercoa-primary focus:ring-mercoa-primary sm:text-sm",
44948
44948
  children: (Lr = (Er = re == null ? void 0 : re[sr]) == null ? void 0 : Er.options) == null ? void 0 : Lr.map((qr, Jr) => /* @__PURE__ */ jsx("option", { value: qr, children: qr }, Jr))
44949
44949
  }
44950
44950
  ),
@@ -44958,7 +44958,7 @@ function AddCustomPaymentMethodForm({
44958
44958
  return /* @__PURE__ */ jsx(
44959
44959
  er,
44960
44960
  {
44961
- className: "block w-full rounded-md border-gray-300 focus:border-primary focus:ring-primary sm:text-sm",
44961
+ className: "block w-full rounded-md border-gray-300 focus:border-mercoa-primary focus:ring-mercoa-primary sm:text-sm",
44962
44962
  onChange: (rn) => qr.onChange(rn),
44963
44963
  selected: qr.value,
44964
44964
  required: !((Jr = re == null ? void 0 : re[sr]) != null && Jr.optional),
@@ -44987,7 +44987,7 @@ function AddCustomPaymentMethodForm({
44987
44987
  {
44988
44988
  ...rn,
44989
44989
  type: "text",
44990
- className: "block w-full rounded-md border-gray-300 focus:border-primary focus:ring-primary sm:text-sm",
44990
+ className: "block w-full rounded-md border-gray-300 focus:border-mercoa-primary focus:ring-mercoa-primary sm:text-sm",
44991
44991
  placeholder: "(777) 777-7777"
44992
44992
  }
44993
44993
  )
@@ -45206,7 +45206,7 @@ function useProvideSession({
45206
45206
  var rn;
45207
45207
  const [ir, ar] = useState(), [sr, lr] = useState(), [ur, cr] = useState([]), [fr, mr] = useState(), [pr, dr] = useState(), [hr, yr] = useState(0), [Or, wr] = useState(), [jr, br] = useState(), [_r, xr] = useState(), [Pr, Er] = useState(ee), [Lr, Gr] = useState();
45208
45208
  let Nr = "https://api.mercoa.com";
45209
- const Vr = useMemo(() => (typeof window < "u" && window && window.location && window.location.href && (window.location.href.includes("staging.mercoa.com") ? Nr = "https://api.staging.mercoa.com" : window.location.href.includes("localhost") && (Nr = "http://localhost:8080")), new javascript.MercoaClient({
45209
+ const Vr = useMemo(() => (typeof window < "u" && window && window.location && window.location.href && window.location.href.includes("staging.mercoa.com") && (Nr = "https://api.staging.mercoa.com"), new javascript.MercoaClient({
45210
45210
  environment: re ?? Nr,
45211
45211
  token: Pr
45212
45212
  })), [Pr]);
@@ -47480,7 +47480,7 @@ const moovCssVariables = {
47480
47480
  "--moov-color-background": "#FFFFFF",
47481
47481
  "--moov-color-background-secondary": "#F5F6F9",
47482
47482
  "--moov-color-background-tertiary": "#E7E7F1",
47483
- "--moov-color-primary": "#4A5CF5",
47483
+ "--moov-color-mercoa-primary": "#4A5CF5",
47484
47484
  "--moov-color-secondary": "#3D50EC",
47485
47485
  "--moov-color-tertiary": "#B9BBC3",
47486
47486
  "--moov-color-info": "#94CBFF",
@@ -68736,7 +68736,7 @@ function ApprovalsTable({ search: ee, onClick: te }) {
68736
68736
  "input",
68737
68737
  {
68738
68738
  type: "checkbox",
68739
- className: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-primary-text focus:ring-primary",
68739
+ className: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-mercoa-primary-text focus:ring-mercoa-primary",
68740
68740
  ref: jr,
68741
68741
  checked: br,
68742
68742
  onChange: Gr
@@ -68820,12 +68820,12 @@ function ApprovalsTable({ search: ee, onClick: te }) {
68820
68820
  ),
68821
68821
  children: [
68822
68822
  /* @__PURE__ */ jsxs("td", { className: "relative px-7 sm:w-12 sm:px-6", children: [
68823
- Er.includes(Jr) && /* @__PURE__ */ jsx("div", { className: "absolute inset-y-0 left-0 w-0.5 bg-primary" }),
68823
+ Er.includes(Jr) && /* @__PURE__ */ jsx("div", { className: "absolute inset-y-0 left-0 w-0.5 bg-mercoa-primary" }),
68824
68824
  /* @__PURE__ */ jsx(
68825
68825
  "input",
68826
68826
  {
68827
68827
  type: "checkbox",
68828
- className: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-primary-text focus:ring-primary",
68828
+ className: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-mercoa-primary-text focus:ring-mercoa-primary",
68829
68829
  value: Jr.id,
68830
68830
  checked: Er.includes(Jr),
68831
68831
  onChange: (on) => Lr(
@@ -68839,7 +68839,7 @@ function ApprovalsTable({ search: ee, onClick: te }) {
68839
68839
  {
68840
68840
  className: classNames$1(
68841
68841
  "whitespace-nowrap py-3 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-3",
68842
- Er.includes(Jr) ? "text-primary-text" : "text-gray-900"
68842
+ Er.includes(Jr) ? "text-mercoa-primary-text" : "text-gray-900"
68843
68843
  ),
68844
68844
  onClick: () => {
68845
68845
  te && te(Jr);
@@ -69043,7 +69043,7 @@ function SchedulePaymentTable({
69043
69043
  "input",
69044
69044
  {
69045
69045
  type: "checkbox",
69046
- className: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-primary-text focus:ring-primary",
69046
+ className: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-mercoa-primary-text focus:ring-mercoa-primary",
69047
69047
  ref: _r,
69048
69048
  checked: xr,
69049
69049
  onChange: Jr
@@ -69127,12 +69127,12 @@ function SchedulePaymentTable({
69127
69127
  ),
69128
69128
  children: [
69129
69129
  /* @__PURE__ */ jsxs("td", { className: "relative px-7 sm:w-12 sm:px-6", children: [
69130
- Gr.includes(gr) && /* @__PURE__ */ jsx("div", { className: "absolute inset-y-0 left-0 w-0.5 bg-primary" }),
69130
+ Gr.includes(gr) && /* @__PURE__ */ jsx("div", { className: "absolute inset-y-0 left-0 w-0.5 bg-mercoa-primary" }),
69131
69131
  /* @__PURE__ */ jsx(
69132
69132
  "input",
69133
69133
  {
69134
69134
  type: "checkbox",
69135
- className: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-primary-text focus:ring-primary",
69135
+ className: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-mercoa-primary-text focus:ring-mercoa-primary",
69136
69136
  value: gr.id,
69137
69137
  checked: Gr.includes(gr),
69138
69138
  onChange: (Rr) => Nr(
@@ -69146,7 +69146,7 @@ function SchedulePaymentTable({
69146
69146
  {
69147
69147
  className: classNames$1(
69148
69148
  "whitespace-nowrap py-3 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-3",
69149
- Gr.includes(gr) ? "text-primary-text" : "text-gray-900"
69149
+ Gr.includes(gr) ? "text-mercoa-primary-text" : "text-gray-900"
69150
69150
  ),
69151
69151
  onClick: () => {
69152
69152
  te && te(gr);
@@ -69211,7 +69211,7 @@ function SchedulePaymentTable({
69211
69211
  /* @__PURE__ */ jsx(Nt$1, { value: Or, onChange: rn, children: ({ open: gr }) => /* @__PURE__ */ jsxs("div", { className: "flex items-center mb-2", children: [
69212
69212
  /* @__PURE__ */ jsx(Nt$1.Label, { className: "block text-xs text-gray-900", children: "Results per Page" }),
69213
69213
  /* @__PURE__ */ jsxs("div", { className: "relative mx-2", children: [
69214
- /* @__PURE__ */ jsxs(Nt$1.Button, { className: "relative w-24 cursor-default rounded-md bg-white py-1 pl-3 pr-10 text-left text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 focus:outline-none focus:ring-2 focus:ring-primary sm:text-sm sm:leading-6", children: [
69214
+ /* @__PURE__ */ jsxs(Nt$1.Button, { className: "relative w-24 cursor-default rounded-md bg-white py-1 pl-3 pr-10 text-left text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 focus:outline-none focus:ring-2 focus:ring-mercoa-primary sm:text-sm sm:leading-6", children: [
69215
69215
  /* @__PURE__ */ jsx("span", { className: "block truncate", children: Or }),
69216
69216
  /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2", children: /* @__PURE__ */ jsx(ChevronUpDownIcon$1, { className: "h-5 w-5 text-gray-400", "aria-hidden": "true" }) })
69217
69217
  ] }),
@@ -69226,14 +69226,14 @@ function SchedulePaymentTable({
69226
69226
  children: /* @__PURE__ */ jsx(Nt$1.Options, { className: "absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", children: [10, 20, 50, 100].map((Sr) => /* @__PURE__ */ jsx(
69227
69227
  Nt$1.Option,
69228
69228
  {
69229
- className: ({ active: Rr }) => `${Rr ? "bg-primary text-white" : "text-gray-900"} relative cursor-default select-none py-2 pl-3 pr-9`,
69229
+ className: ({ active: Rr }) => `${Rr ? "bg-mercoa-primary text-white" : "text-gray-900"} relative cursor-default select-none py-2 pl-3 pr-9`,
69230
69230
  value: Sr,
69231
69231
  children: ({ selected: Rr, active: Mr }) => /* @__PURE__ */ jsxs(Fragment, { children: [
69232
69232
  /* @__PURE__ */ jsx("span", { className: `${Rr ? "font-semibold" : "font-normal"} block truncate`, children: Sr }),
69233
69233
  Rr ? /* @__PURE__ */ jsx(
69234
69234
  "span",
69235
69235
  {
69236
- className: `${Mr ? "text-white" : "text-primary-text"} absolute inset-y-0 right-0 flex items-center pr-4`,
69236
+ className: `${Mr ? "text-white" : "text-mercoa-primary-text"} absolute inset-y-0 right-0 flex items-center pr-4`,
69237
69237
  children: /* @__PURE__ */ jsx(CheckIcon$1, { className: "h-5 w-5", "aria-hidden": "true" })
69238
69238
  }
69239
69239
  ) : null
@@ -69433,7 +69433,7 @@ function InvoiceInboxTable({
69433
69433
  /* @__PURE__ */ jsx(Nt$1, { value: Or, onChange: _r, children: ({ open: Er }) => /* @__PURE__ */ jsxs("div", { className: "flex items-center mb-2", children: [
69434
69434
  /* @__PURE__ */ jsx(Nt$1.Label, { className: "block text-xs text-gray-900", children: "Results per Page" }),
69435
69435
  /* @__PURE__ */ jsxs("div", { className: "relative mx-2", children: [
69436
- /* @__PURE__ */ jsxs(Nt$1.Button, { className: "relative w-24 cursor-default rounded-md bg-white py-1 pl-3 pr-10 text-left text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 focus:outline-none focus:ring-2 focus:ring-primary sm:text-sm sm:leading-6", children: [
69436
+ /* @__PURE__ */ jsxs(Nt$1.Button, { className: "relative w-24 cursor-default rounded-md bg-white py-1 pl-3 pr-10 text-left text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 focus:outline-none focus:ring-2 focus:ring-mercoa-primary sm:text-sm sm:leading-6", children: [
69437
69437
  /* @__PURE__ */ jsx("span", { className: "block truncate", children: Or }),
69438
69438
  /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2", children: /* @__PURE__ */ jsx(ChevronUpDownIcon$1, { className: "h-5 w-5 text-gray-400", "aria-hidden": "true" }) })
69439
69439
  ] }),
@@ -69448,14 +69448,14 @@ function InvoiceInboxTable({
69448
69448
  children: /* @__PURE__ */ jsx(Nt$1.Options, { className: "absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", children: [10, 20, 50, 100].map((Lr) => /* @__PURE__ */ jsx(
69449
69449
  Nt$1.Option,
69450
69450
  {
69451
- className: ({ active: Gr }) => `${Gr ? "bg-primary text-white" : "text-gray-900"} relative cursor-default select-none py-2 pl-3 pr-9`,
69451
+ className: ({ active: Gr }) => `${Gr ? "bg-mercoa-primary text-white" : "text-gray-900"} relative cursor-default select-none py-2 pl-3 pr-9`,
69452
69452
  value: Lr,
69453
69453
  children: ({ selected: Gr, active: Nr }) => /* @__PURE__ */ jsxs(Fragment, { children: [
69454
69454
  /* @__PURE__ */ jsx("span", { className: `${Gr ? "font-semibold" : "font-normal"} block truncate`, children: Lr }),
69455
69455
  Gr ? /* @__PURE__ */ jsx(
69456
69456
  "span",
69457
69457
  {
69458
- className: `${Nr ? "text-white" : "text-primary-text"} absolute inset-y-0 right-0 flex items-center pr-4`,
69458
+ className: `${Nr ? "text-white" : "text-mercoa-primary-text"} absolute inset-y-0 right-0 flex items-center pr-4`,
69459
69459
  children: /* @__PURE__ */ jsx(CheckIcon$1, { className: "h-5 w-5", "aria-hidden": "true" })
69460
69460
  }
69461
69461
  ) : null
@@ -69602,7 +69602,7 @@ function InvoiceInbox({
69602
69602
  {
69603
69603
  id: "tabs",
69604
69604
  name: "tabs",
69605
- className: "block w-full rounded-md border-gray-300 py-1 pl-3 pr-10 text-base focus:border-primary focus:outline-none focus:ring-primary sm:text-sm",
69605
+ className: "block w-full rounded-md border-gray-300 py-1 pl-3 pr-10 text-base focus:border-mercoa-primary focus:outline-none focus:ring-mercoa-primary sm:text-sm",
69606
69606
  defaultValue: or,
69607
69607
  onChange: (wr) => {
69608
69608
  ir(wr.target.value);
@@ -69618,7 +69618,7 @@ function InvoiceInbox({
69618
69618
  ir(wr);
69619
69619
  },
69620
69620
  href: "#",
69621
- className: `${wr == or ? "text-primary sm:border-primary" : "border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700"} mr-2 whitespace-nowrap py-4 px-1 text-sm font-medium sm:mr-0 sm:border-b-2`,
69621
+ className: `${wr == or ? "text-mercoa-primary sm:border-mercoa-primary" : "border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700"} mr-2 whitespace-nowrap py-4 px-1 text-sm font-medium sm:mr-0 sm:border-b-2`,
69622
69622
  "aria-current": pr[wr] == or ? "page" : void 0,
69623
69623
  children: [
69624
69624
  pr[wr],
@@ -69626,7 +69626,7 @@ function InvoiceInbox({
69626
69626
  /* @__PURE__ */ jsxs(
69627
69627
  "span",
69628
69628
  {
69629
- className: `${wr == or ? "bg-primary text-primary-text-invert" : "bg-gray-100 text-gray-800"} inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium`,
69629
+ className: `${wr == or ? "bg-mercoa-primary text-mercoa-primary-text-invert" : "bg-gray-100 text-gray-800"} inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium`,
69630
69630
  children: [
69631
69631
  " ",
69632
69632
  yr(dr[wr]) ?? 0
@@ -72782,7 +72782,7 @@ function CounterpartySearch({
72782
72782
  pr(void 0);
72783
72783
  },
72784
72784
  type: "button",
72785
- className: "ml-4 flex-shrink-0 p-1 text-primary-text hover:opacity-75",
72785
+ className: "ml-4 flex-shrink-0 p-1 text-mercoa-primary-text hover:opacity-75",
72786
72786
  children: [
72787
72787
  /* @__PURE__ */ jsx(XCircleIcon$1, { className: "h-5 w-5 text-gray-400", "aria-hidden": "true" }),
72788
72788
  /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Clear" })
@@ -72796,7 +72796,7 @@ function CounterpartySearch({
72796
72796
  sr(!0);
72797
72797
  },
72798
72798
  type: "button",
72799
- className: "ml-4 flex-shrink-0 p-1 text-primary-text hover:opacity-75",
72799
+ className: "ml-4 flex-shrink-0 p-1 text-mercoa-primary-text hover:opacity-75",
72800
72800
  children: [
72801
72801
  /* @__PURE__ */ jsx(PencilSquareIcon$1, { className: "h-5 w-5 text-gray-400", "aria-hidden": "true" }),
72802
72802
  /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Edit" })
@@ -73256,7 +73256,7 @@ function InvoiceDocumentsUpload({ onFileUpload: ee }) {
73256
73256
  children: ({ getRootProps: ce, getInputProps: re, isDragActive: nr }) => /* @__PURE__ */ jsx(
73257
73257
  "div",
73258
73258
  {
73259
- className: `mt-2 flex justify-center rounded-lg border border-dashed border-gray-900/25 ${nr ? "border-primary" : "border-gray-300"} px-6 py-10`,
73259
+ className: `mt-2 flex justify-center rounded-lg border border-dashed border-gray-900/25 ${nr ? "border-mercoa-primary" : "border-gray-300"} px-6 py-10`,
73260
73260
  ...ce(),
73261
73261
  children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
73262
73262
  /* @__PURE__ */ jsx(PhotoIcon$1, { className: "mx-auto h-12 w-12 text-gray-300", "aria-hidden": "true" }),
@@ -73265,7 +73265,7 @@ function InvoiceDocumentsUpload({ onFileUpload: ee }) {
73265
73265
  "label",
73266
73266
  {
73267
73267
  htmlFor: "file-upload",
73268
- className: "relative cursor-pointer rounded-md bg-white font-semibold text-primary focus-within:outline-none focus-within:ring-2 focus-within:ring-primary focus-within:ring-offset-2 hover:text-indigo-500",
73268
+ className: "relative cursor-pointer rounded-md bg-white font-semibold text-mercoa-primary focus-within:outline-none focus-within:ring-2 focus-within:ring-mercoa-primary focus-within:ring-offset-2 hover:text-indigo-500",
73269
73269
  children: [
73270
73270
  /* @__PURE__ */ jsx("span", { children: "Upload an invoice" }),
73271
73271
  /* @__PURE__ */ jsx("input", { ...re(), id: "file-upload", name: "file-upload", type: "file", className: "sr-only" })
@@ -73309,7 +73309,7 @@ function InvoiceDocuments({
73309
73309
  type: "button",
73310
73310
  onClick: () => or(fr + 1),
73311
73311
  "aria-current": nr != fr + 1 ? "false" : "page",
73312
- className: nr != fr + 1 ? "relative inline-flex items-center px-4 py-2 text-sm font-semibold text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-20 focus:outline-offset-0" : "relative z-10 inline-flex items-center bg-primary px-4 py-2 text-sm font-semibold text-white focus:z-20 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
73312
+ className: nr != fr + 1 ? "relative inline-flex items-center px-4 py-2 text-sm font-semibold text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-20 focus:outline-offset-0" : "relative z-10 inline-flex items-center bg-mercoa-primary px-4 py-2 text-sm font-semibold text-white focus:z-20 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-mercoa-primary",
73313
73313
  children: fr + 1
73314
73314
  },
73315
73315
  fr
@@ -73690,7 +73690,7 @@ function EditInvoiceForm({
73690
73690
  {
73691
73691
  type: "text",
73692
73692
  ...qr("invoiceNumber"),
73693
- className: "block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary sm:text-sm sm:leading-6",
73693
+ className: "block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-mercoa-primary sm:text-sm sm:leading-6",
73694
73694
  placeholder: "#1024"
73695
73695
  }
73696
73696
  ) })
@@ -73704,7 +73704,7 @@ function EditInvoiceForm({
73704
73704
  {
73705
73705
  type: "text",
73706
73706
  ...qr("amount"),
73707
- className: `block w-full rounded-md border-0 py-1.5 pr-[4.4rem] text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary sm:text-sm sm:leading-6
73707
+ className: `block w-full rounded-md border-0 py-1.5 pr-[4.4rem] text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-mercoa-primary sm:text-sm sm:leading-6
73708
73708
  ${currencyCodeToSymbol(Rr).length > 1 ? "pl-12" : "pl-6"}`,
73709
73709
  placeholder: "0.00"
73710
73710
  }
@@ -73715,7 +73715,7 @@ function EditInvoiceForm({
73715
73715
  "select",
73716
73716
  {
73717
73717
  ...qr("currency"),
73718
- className: "h-full rounded-md border-0 bg-transparent py-0 pl-2 pr-7 text-gray-500 focus:ring-2 focus:ring-inset focus:ring-primary sm:text-sm",
73718
+ className: "h-full rounded-md border-0 bg-transparent py-0 pl-2 pr-7 text-gray-500 focus:ring-2 focus:ring-inset focus:ring-mercoa-primary sm:text-sm",
73719
73719
  children: dr.map((tn, yn) => /* @__PURE__ */ jsx("option", { value: tn, children: tn }, yn))
73720
73720
  }
73721
73721
  )
@@ -73733,7 +73733,7 @@ function EditInvoiceForm({
73733
73733
  render: ({ field: tn }) => /* @__PURE__ */ jsx(
73734
73734
  er,
73735
73735
  {
73736
- className: "block w-full rounded-md border-gray-300 focus:border-primary focus:ring-primary sm:text-sm",
73736
+ className: "block w-full rounded-md border-gray-300 focus:border-mercoa-primary focus:ring-mercoa-primary sm:text-sm",
73737
73737
  placeholderText: "Select invoice date",
73738
73738
  onChange: (yn) => tn.onChange(yn),
73739
73739
  selected: tn.value
@@ -73753,7 +73753,7 @@ function EditInvoiceForm({
73753
73753
  render: ({ field: tn }) => /* @__PURE__ */ jsx(
73754
73754
  er,
73755
73755
  {
73756
- className: "block w-full rounded-md border-gray-300 focus:border-primary focus:ring-primary sm:text-sm",
73756
+ className: "block w-full rounded-md border-gray-300 focus:border-mercoa-primary focus:ring-mercoa-primary sm:text-sm",
73757
73757
  placeholderText: "Select due date",
73758
73758
  onChange: (yn) => tn.onChange(yn),
73759
73759
  selected: tn.value
@@ -73780,7 +73780,7 @@ function EditInvoiceForm({
73780
73780
  render: ({ field: tn }) => /* @__PURE__ */ jsx(
73781
73781
  er,
73782
73782
  {
73783
- className: "block w-full rounded-md border-gray-300 focus:border-primary focus:ring-primary sm:text-sm",
73783
+ className: "block w-full rounded-md border-gray-300 focus:border-mercoa-primary focus:ring-mercoa-primary sm:text-sm",
73784
73784
  placeholderText: "Select Payment Date",
73785
73785
  onChange: (yn) => tn.onChange(yn),
73786
73786
  selected: tn.value,
@@ -73799,7 +73799,7 @@ function EditInvoiceForm({
73799
73799
  id: "description",
73800
73800
  ...qr("description"),
73801
73801
  rows: 3,
73802
- className: "block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary sm:text-sm sm:leading-6",
73802
+ className: "block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-mercoa-primary sm:text-sm sm:leading-6",
73803
73803
  defaultValue: ""
73804
73804
  }
73805
73805
  ) })
@@ -74221,7 +74221,7 @@ function SelectPaymentSource({
74221
74221
  "select",
74222
74222
  {
74223
74223
  ...ce(dr),
74224
- className: "block w-full rounded-md border-gray-300 focus:border-primary focus:ring-primary sm:text-sm mt-4",
74224
+ className: "block w-full rounded-md border-gray-300 focus:border-mercoa-primary focus:ring-mercoa-primary sm:text-sm mt-4",
74225
74225
  children: [
74226
74226
  ee == null ? void 0 : ee.filter((Pr) => {
74227
74227
  if (Or === "bankAccount")
@@ -74384,7 +74384,7 @@ function ApproverWell({
74384
74384
  /* @__PURE__ */ jsx("div", { className: classNames("text-sm font-medium", "text-grey-900"), children: te.name }),
74385
74385
  /* @__PURE__ */ jsx("div", { className: "text-sm text-gray-500", children: te.email })
74386
74386
  ] }),
74387
- /* @__PURE__ */ jsx("div", { className: "mx-4 flex-shrink-0 p-1 text-primary-text hover:opacity-75", children: re })
74387
+ /* @__PURE__ */ jsx("div", { className: "mx-4 flex-shrink-0 p-1 text-mercoa-primary-text hover:opacity-75", children: re })
74388
74388
  ] }) }) }) });
74389
74389
  }
74390
74390
  function ApproverActionButton({
@@ -74487,7 +74487,7 @@ function InvoiceComments({
74487
74487
  ] }, lr.id);
74488
74488
  }),
74489
74489
  /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsxs("form", { onSubmit: ir(sr), className: "relative", children: [
74490
- /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-lg shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-primary", children: [
74490
+ /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-lg shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-mercoa-primary", children: [
74491
74491
  /* @__PURE__ */ jsx("label", { htmlFor: "text", className: "sr-only", children: "Add your comment" }),
74492
74492
  /* @__PURE__ */ jsx(
74493
74493
  "textarea",
@@ -74639,7 +74639,7 @@ function MetadataBoolean({
74639
74639
  type: "radio",
74640
74640
  name: `true-false-${ee.key}`,
74641
74641
  defaultChecked: ce === "true",
74642
- className: "h-4 w-4 border-gray-300 text-primary focus:ring-primary",
74642
+ className: "h-4 w-4 border-gray-300 text-mercoa-primary focus:ring-mercoa-primary",
74643
74643
  onChange: () => te("true")
74644
74644
  }
74645
74645
  ),
@@ -74652,7 +74652,7 @@ function MetadataBoolean({
74652
74652
  type: "radio",
74653
74653
  name: `true-false-${ee.key}`,
74654
74654
  defaultChecked: ce === "false",
74655
- className: "h-4 w-4 border-gray-300 text-primary focus:ring-primary",
74655
+ className: "h-4 w-4 border-gray-300 text-mercoa-primary focus:ring-mercoa-primary",
74656
74656
  onChange: () => te("false")
74657
74657
  }
74658
74658
  ),
@@ -74784,7 +74784,7 @@ function LineItemRow({
74784
74784
  {
74785
74785
  type: "text",
74786
74786
  className: `block w-full border-0 py-1.5 text-gray-900
74787
- placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary sm:text-sm sm:leading-6`,
74787
+ placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-mercoa-primary sm:text-sm sm:leading-6`,
74788
74788
  ...re(`lineItems.${te}.description`)
74789
74789
  }
74790
74790
  )
@@ -74824,7 +74824,7 @@ function LineItemRow({
74824
74824
  type: "text",
74825
74825
  className: `block w-full border-0 py-1.5
74826
74826
  text-gray-900
74827
- placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary sm:text-sm sm:leading-6`,
74827
+ placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-mercoa-primary sm:text-sm sm:leading-6`,
74828
74828
  placeholder: "1",
74829
74829
  ...re(`lineItems.${te}.quantity`)
74830
74830
  }
@@ -74837,7 +74837,7 @@ function LineItemRow({
74837
74837
  type: "text",
74838
74838
  className: `block w-full border-0 py-1.5
74839
74839
  text-gray-900
74840
- placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary sm:text-sm sm:leading-6 pl-6
74840
+ placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-mercoa-primary sm:text-sm sm:leading-6 pl-6
74841
74841
  ${currencyCodeToSymbol(ee).length > 1 ? "pl-12" : "pl-6"}`,
74842
74842
  placeholder: "0.00",
74843
74843
  ...re(`lineItems.${te}.unitPrice`)
@@ -74852,7 +74852,7 @@ function LineItemRow({
74852
74852
  type: "text",
74853
74853
  className: `block w-full rounded-md border-0 py-1.5
74854
74854
  text-gray-900
74855
- placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary sm:text-sm sm:leading-6 pl-6
74855
+ placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-mercoa-primary sm:text-sm sm:leading-6 pl-6
74856
74856
  ${currencyCodeToSymbol(ee).length > 1 ? "pl-12" : "pl-6"}`,
74857
74857
  placeholder: "0.00",
74858
74858
  ...re(`lineItems.${te}.amount`)
@@ -75208,7 +75208,7 @@ function EntityUserNotificationTable({
75208
75208
  /* @__PURE__ */ jsx(Nt$1, { value: ur, onChange: Or, children: ({ open: Pr }) => /* @__PURE__ */ jsxs("div", { className: "flex items-center mb-2", children: [
75209
75209
  /* @__PURE__ */ jsx(Nt$1.Label, { className: "block text-xs text-gray-900", children: "Results per Page" }),
75210
75210
  /* @__PURE__ */ jsxs("div", { className: "relative mx-2", children: [
75211
- /* @__PURE__ */ jsxs(Nt$1.Button, { className: "relative w-24 cursor-default rounded-md bg-white py-1 pl-3 pr-10 text-left text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 focus:outline-none focus:ring-2 focus:ring-primary sm:text-sm sm:leading-6", children: [
75211
+ /* @__PURE__ */ jsxs(Nt$1.Button, { className: "relative w-24 cursor-default rounded-md bg-white py-1 pl-3 pr-10 text-left text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 focus:outline-none focus:ring-2 focus:ring-mercoa-primary sm:text-sm sm:leading-6", children: [
75212
75212
  /* @__PURE__ */ jsx("span", { className: "block truncate", children: ur }),
75213
75213
  /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2", children: /* @__PURE__ */ jsx(ChevronUpDownIcon$1, { className: "h-5 w-5 text-gray-400", "aria-hidden": "true" }) })
75214
75214
  ] }),
@@ -75223,14 +75223,14 @@ function EntityUserNotificationTable({
75223
75223
  children: /* @__PURE__ */ jsx(Nt$1.Options, { className: "absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", children: [10, 20, 50, 100].map((Er) => /* @__PURE__ */ jsx(
75224
75224
  Nt$1.Option,
75225
75225
  {
75226
- className: ({ active: Lr }) => `${Lr ? "bg-primary text-white" : "text-gray-900"} relative cursor-default select-none py-2 pl-3 pr-9`,
75226
+ className: ({ active: Lr }) => `${Lr ? "bg-mercoa-primary text-white" : "text-gray-900"} relative cursor-default select-none py-2 pl-3 pr-9`,
75227
75227
  value: Er,
75228
75228
  children: ({ selected: Lr, active: Gr }) => /* @__PURE__ */ jsxs(Fragment, { children: [
75229
75229
  /* @__PURE__ */ jsx("span", { className: `${Lr ? "font-semibold" : "font-normal"} block truncate`, children: Er }),
75230
75230
  Lr ? /* @__PURE__ */ jsx(
75231
75231
  "span",
75232
75232
  {
75233
- className: `${Gr ? "text-white" : "text-primary-text"} absolute inset-y-0 right-0 flex items-center pr-4`,
75233
+ className: `${Gr ? "text-white" : "text-mercoa-primary-text"} absolute inset-y-0 right-0 flex items-center pr-4`,
75234
75234
  children: /* @__PURE__ */ jsx(CheckIcon$1, { className: "h-5 w-5", "aria-hidden": "true" })
75235
75235
  }
75236
75236
  ) : null
@@ -75309,19 +75309,19 @@ function MercoaButton({
75309
75309
  sr += " px-4 py-2";
75310
75310
  }
75311
75311
  const lr = `
75312
- bg-primary
75313
- text-primary-text-invert
75312
+ bg-mercoa-primary
75313
+ text-mercoa-primary-text-invert
75314
75314
  border-transparent
75315
- hover:bg-primary-dark
75316
- focus:ring-primary-light
75315
+ hover:bg-mercoa-primary-dark
75316
+ focus:ring-mercoa-primary-light
75317
75317
  `, ur = `
75318
75318
  bg-white
75319
- text-primary-text
75320
- border-primary-light
75321
- hover:border-primary-dark
75319
+ text-mercoa-primary-text
75320
+ border-mercoa-primary-light
75321
+ hover:border-mercoa-primary-dark
75322
75322
  hover:bg-white
75323
- hover:text-primary-text
75324
- focus:ring-primary-light
75323
+ hover:text-mercoa-primary-text
75324
+ focus:ring-mercoa-primary-light
75325
75325
  `;
75326
75326
  let cr = "", fr = "";
75327
75327
  nr === "red" ? (cr = `
@@ -75413,7 +75413,7 @@ function TableOrderHeader({
75413
75413
  /* @__PURE__ */ jsx(
75414
75414
  "span",
75415
75415
  {
75416
- className: `${te ? "bg-primary text-primary-text-invert group-hover:opacity-75" : "bg-gray-100 text-gray-900 group-hover:bg-gray-200"} ml-2 flex-none rounded`,
75416
+ className: `${te ? "bg-mercoa-primary text-mercoa-primary-text-invert group-hover:opacity-75" : "bg-gray-100 text-gray-900 group-hover:bg-gray-200"} ml-2 flex-none rounded`,
75417
75417
  children: te ? ee === javascript.Mercoa.OrderDirection.Asc ? /* @__PURE__ */ jsx(ChevronDownIcon$1, { className: "h-5 w-5", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(ChevronUpIcon$1, { className: "h-5 w-5", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(MinusIcon$1, { className: "h-5 w-5", "aria-hidden": "true" })
75418
75418
  }
75419
75419
  )
@@ -75547,7 +75547,7 @@ function MercoaCombobox({
75547
75547
  qo.Input,
75548
75548
  {
75549
75549
  autoComplete: "off",
75550
- className: "w-full rounded-md border-0 bg-white py-1.5 pl-3 pr-12 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset focus:ring-primary sm:text-sm sm:leading-6 " + ur,
75550
+ className: "w-full rounded-md border-0 bg-white py-1.5 pl-3 pr-12 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-inset focus:ring-mercoa-primary sm:text-sm sm:leading-6 " + ur,
75551
75551
  onChange: (jr) => fr(jr.target.value),
75552
75552
  displayValue: hr,
75553
75553
  onClick: (jr) => {
@@ -75564,7 +75564,7 @@ function MercoaCombobox({
75564
75564
  disabled: jr,
75565
75565
  className: ({ active: br }) => classNames$1(
75566
75566
  "relative cursor-default select-none py-2 pl-3 pr-9",
75567
- br ? "bg-primary text-primary-text-invert" : "text-gray-900",
75567
+ br ? "bg-mercoa-primary text-mercoa-primary-text-invert" : "text-gray-900",
75568
75568
  jr ? "bg-gray-200 text-gray-600" : ""
75569
75569
  ),
75570
75570
  children: ({ active: br, selected: _r, disabled: xr }) => {
@@ -75577,7 +75577,7 @@ function MercoaCombobox({
75577
75577
  {
75578
75578
  className: classNames$1(
75579
75579
  "ml-2 truncate",
75580
- br ? "text-primary-text-invert" : "text-gray-500",
75580
+ br ? "text-mercoa-primary-text-invert" : "text-gray-500",
75581
75581
  xr ? "text-gray-600" : ""
75582
75582
  ),
75583
75583
  children: Pr
@@ -75589,7 +75589,7 @@ function MercoaCombobox({
75589
75589
  {
75590
75590
  className: classNames$1(
75591
75591
  "absolute inset-y-0 right-0 flex items-center pr-4",
75592
- br ? "text-primary-text-invert" : "text-primary"
75592
+ br ? "text-mercoa-primary-text-invert" : "text-mercoa-primary"
75593
75593
  ),
75594
75594
  children: /* @__PURE__ */ jsx(CheckIcon$1, { className: "h-5 w-5", "aria-hidden": "true" })
75595
75595
  }
@@ -75817,7 +75817,7 @@ function ReceivablesTable({ search: ee, onClick: te }) {
75817
75817
  /* @__PURE__ */ jsx(Nt$1, { value: yr, onChange: br, children: ({ open: Pr }) => /* @__PURE__ */ jsxs("div", { className: "flex items-center mb-2", children: [
75818
75818
  /* @__PURE__ */ jsx(Nt$1.Label, { className: "block text-xs text-gray-900", children: "Results per Page" }),
75819
75819
  /* @__PURE__ */ jsxs("div", { className: "relative mx-2", children: [
75820
- /* @__PURE__ */ jsxs(Nt$1.Button, { className: "relative w-24 cursor-default rounded-md bg-white py-1 pl-3 pr-10 text-left text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 focus:outline-none focus:ring-2 focus:ring-primary sm:text-sm sm:leading-6", children: [
75820
+ /* @__PURE__ */ jsxs(Nt$1.Button, { className: "relative w-24 cursor-default rounded-md bg-white py-1 pl-3 pr-10 text-left text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 focus:outline-none focus:ring-2 focus:ring-mercoa-primary sm:text-sm sm:leading-6", children: [
75821
75821
  /* @__PURE__ */ jsx("span", { className: "block truncate", children: yr }),
75822
75822
  /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2", children: /* @__PURE__ */ jsx(ChevronUpDownIcon$1, { className: "h-5 w-5 text-gray-400", "aria-hidden": "true" }) })
75823
75823
  ] }),
@@ -75832,14 +75832,14 @@ function ReceivablesTable({ search: ee, onClick: te }) {
75832
75832
  children: /* @__PURE__ */ jsx(Nt$1.Options, { className: "absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm", children: [10, 20, 50, 100].map((Er) => /* @__PURE__ */ jsx(
75833
75833
  Nt$1.Option,
75834
75834
  {
75835
- className: ({ active: Lr }) => `${Lr ? "bg-primary text-white" : "text-gray-900"} relative cursor-default select-none py-2 pl-3 pr-9`,
75835
+ className: ({ active: Lr }) => `${Lr ? "bg-mercoa-primary text-white" : "text-gray-900"} relative cursor-default select-none py-2 pl-3 pr-9`,
75836
75836
  value: Er,
75837
75837
  children: ({ selected: Lr, active: Gr }) => /* @__PURE__ */ jsxs(Fragment, { children: [
75838
75838
  /* @__PURE__ */ jsx("span", { className: `${Lr ? "font-semibold" : "font-normal"} block truncate`, children: Er }),
75839
75839
  Lr ? /* @__PURE__ */ jsx(
75840
75840
  "span",
75841
75841
  {
75842
- className: `${Gr ? "text-white" : "text-primary-text"} absolute inset-y-0 right-0 flex items-center pr-4`,
75842
+ className: `${Gr ? "text-white" : "text-mercoa-primary-text"} absolute inset-y-0 right-0 flex items-center pr-4`,
75843
75843
  children: /* @__PURE__ */ jsx(CheckIcon$1, { className: "h-5 w-5", "aria-hidden": "true" })
75844
75844
  }
75845
75845
  ) : null