@tesouro/embedded-components-react 0.2.97 → 0.2.98

package/dist/index.css

@@ -69,10 +69,7 @@
     --ttw-color-slate-200: oklch(92.9% 0.013 255.508);
     --ttw-color-gray-100: oklch(96.7% 0.003 264.542);
     --ttw-color-gray-200: oklch(92.8% 0.006 264.531);
-    --ttw-color-gray-300: oklch(87.2% 0.01 258.338);
-    --ttw-color-gray-400: oklch(70.7% 0.022 261.325);
     --ttw-color-gray-500: oklch(55.1% 0.027 264.364);
-    --ttw-color-gray-600: oklch(44.6% 0.03 256.802);
     --ttw-color-gray-700: oklch(37.3% 0.034 259.733);
     --ttw-color-gray-800: oklch(27.8% 0.033 256.848);
     --ttw-color-zinc-50: oklch(98.5% 0 0);
@@ -2039,9 +2036,6 @@
   .ttw\:border-gray-200 {
     border-color: var(--ttw-color-gray-200);
   }
-  .ttw\:border-gray-300 {
-    border-color: var(--ttw-color-gray-300);
-  }
   .ttw\:border-green-100 {
     border-color: var(--ttw-color-green-100);
   }
@@ -3047,9 +3041,6 @@
       color: color-mix(in oklab, var(--ttw-foreground) 60%, transparent);
     }
   }
-  .ttw\:text-gray-400 {
-    color: var(--ttw-color-gray-400);
-  }
   .ttw\:text-gray-500 {
     color: var(--ttw-color-gray-500);
   }
@@ -4440,13 +4431,6 @@
       }
     }
   }
-  .ttw\:hover\:text-gray-600 {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--ttw-color-gray-600);
-      }
-    }
-  }
   .ttw\:hover\:text-primary {
     &:hover {
       @media (hover: hover) {

package/dist/lib/ReceivablesWidget.js

@@ -14,12 +14,12 @@ import "react-hot-toast";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index85.js";
 import "radix-ui";
 import "react-hook-form";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index160.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index155.js";
 import "@radix-ui/react-label";
 import "@radix-ui/react-radio-group";
 import "@hookform/resolvers/zod";
 import "zod";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index320.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index315.js";
 import "@radix-ui/react-checkbox";
 import "@radix-ui/react-select";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index90.js";
@@ -31,7 +31,7 @@ import "../libs/tesouro-embedded-components-react/shared/data-access/dist/lib/re
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index92.js";
 import "react-dom";
 import "@mui/x-data-grid";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index151.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index147.js";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index83.js";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index55.js";
 import "@mui/material";
@@ -41,17 +41,17 @@ import "@mui/icons-material/Close";
 import "@mui/material/IconButton";
 import "@mui/material/Tooltip";
 import "@tanstack/react-table";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index159.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index154.js";
 import "@radix-ui/react-avatar";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index237.js";
 import "@mui/icons-material/AddCircleOutline";
 import "@mui/icons-material/Delete";
 import "@emotion/react";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index101.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index457.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index464.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index411.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index315.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index462.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index463.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index410.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index328.js";
 import "@mui/icons-material/Cancel";
 import "@mui/icons-material/HourglassEmpty";
 import "@mui/icons-material/PaidOutlined";
@@ -59,7 +59,7 @@ import "../packages/shared-ui-shadcn/dist/index.js";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index86.js";
 import "@mui/icons-material/DangerousOutlined";
 import "@mui/x-date-pickers";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index324.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index323.js";
 import "@mui/icons-material/CheckCircleOutlineRounded";
 import "@mui/icons-material/HighlightOffRounded";
 import "@mui/icons-material/Add";
@@ -67,19 +67,19 @@ import "@mui/icons-material/DeleteForever";
 import "@mui/icons-material/AttachFile";
 import "@mui/icons-material/CloudUploadOutlined";
 import "@mui/icons-material/MoreVert";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index473.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index355.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index357.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index384.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index183.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index451.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index276.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index278.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index382.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index176.js";
 import "@mui/icons-material/Sync";
 import "@mui/icons-material/Search";
 import "@mui/icons-material/CalendarToday";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index334.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index339.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index341.js";
-import "react-day-picker";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index343.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index348.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index350.js";
+import "react-day-picker";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index352.js";
 import "@mui/icons-material/BlockOutlined";
 import "@mui/icons-material/CheckOutlined";
 import "@mui/icons-material/ErrorOutlineOutlined";
@@ -96,15 +96,15 @@ import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index445.js";
 import "@mui/icons-material/DriveFileRenameOutline";
 import "deep-eql";
 import "react-use";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index170.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index299.js";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index300.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index165.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index335.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index336.js";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index56.js";
 import "react-script-hook";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index54.js";
 import "@mui/icons-material/Money";
 import "@mui/icons-material/MonetizationOnOutlined";
-import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index216.js";
+import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index209.js";
 import "@mui/material/styles";
 import "@emotion/cache";
 import "../libs/tesouro-embedded-components-react/monite-sdk/dist/index106.js";

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index3.js

@@ -15,12 +15,12 @@ import "react-hot-toast";
 import "../../../monite-sdk/dist/index85.js";
 import "radix-ui";
 import "react-hook-form";
-import "../../../monite-sdk/dist/index160.js";
+import "../../../monite-sdk/dist/index155.js";
 import "@radix-ui/react-label";
 import "@radix-ui/react-radio-group";
 import "@hookform/resolvers/zod";
 import "zod";
-import "../../../monite-sdk/dist/index320.js";
+import "../../../monite-sdk/dist/index315.js";
 import "@radix-ui/react-checkbox";
 import "@radix-ui/react-select";
 import "../../../monite-sdk/dist/index90.js";
@@ -32,7 +32,7 @@ import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
 import "../../../monite-sdk/dist/index92.js";
 import "react-dom";
 import "@mui/x-data-grid";
-import "../../../monite-sdk/dist/index151.js";
+import "../../../monite-sdk/dist/index147.js";
 import "../../../monite-sdk/dist/index83.js";
 import "../../../monite-sdk/dist/index55.js";
 import "@mui/material";
@@ -42,17 +42,17 @@ import "@mui/icons-material/Close";
 import "@mui/material/IconButton";
 import "@mui/material/Tooltip";
 import "@tanstack/react-table";
-import "../../../monite-sdk/dist/index159.js";
+import "../../../monite-sdk/dist/index154.js";
 import "@radix-ui/react-avatar";
 import "../../../monite-sdk/dist/index237.js";
 import "@mui/icons-material/AddCircleOutline";
 import "@mui/icons-material/Delete";
 import "@emotion/react";
 import "../../../monite-sdk/dist/index101.js";
-import "../../../monite-sdk/dist/index457.js";
-import "../../../monite-sdk/dist/index464.js";
-import "../../../monite-sdk/dist/index411.js";
-import "../../../monite-sdk/dist/index315.js";
+import "../../../monite-sdk/dist/index462.js";
+import "../../../monite-sdk/dist/index463.js";
+import "../../../monite-sdk/dist/index410.js";
+import "../../../monite-sdk/dist/index328.js";
 import "@mui/icons-material/Cancel";
 import "@mui/icons-material/HourglassEmpty";
 import "@mui/icons-material/PaidOutlined";
@@ -60,7 +60,7 @@ import "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import "../../../monite-sdk/dist/index86.js";
 import "@mui/icons-material/DangerousOutlined";
 import "@mui/x-date-pickers";
-import "../../../monite-sdk/dist/index324.js";
+import "../../../monite-sdk/dist/index323.js";
 import "@mui/icons-material/CheckCircleOutlineRounded";
 import "@mui/icons-material/HighlightOffRounded";
 import "@mui/icons-material/Add";
@@ -68,20 +68,20 @@ import "@mui/icons-material/DeleteForever";
 import "@mui/icons-material/AttachFile";
 import "@mui/icons-material/CloudUploadOutlined";
 import "@mui/icons-material/MoreVert";
-import "../../../monite-sdk/dist/index473.js";
-import "../../../monite-sdk/dist/index355.js";
-import "../../../monite-sdk/dist/index357.js";
+import "../../../monite-sdk/dist/index451.js";
+import "../../../monite-sdk/dist/index276.js";
+import "../../../monite-sdk/dist/index278.js";
 import { Payables as k } from "../../../monite-sdk/dist/index15.js";
-import "../../../monite-sdk/dist/index183.js";
+import "../../../monite-sdk/dist/index176.js";
 import "@mui/icons-material/Sync";
 import "@mui/icons-material/Search";
 import "@mui/icons-material/CalendarToday";
-import "../../../monite-sdk/dist/index334.js";
-import "../../../monite-sdk/dist/index339.js";
-import "../../../monite-sdk/dist/index341.js";
-import "../../../monite-sdk/dist/index384.js";
-import "react-day-picker";
 import "../../../monite-sdk/dist/index343.js";
+import "../../../monite-sdk/dist/index348.js";
+import "../../../monite-sdk/dist/index350.js";
+import "../../../monite-sdk/dist/index382.js";
+import "react-day-picker";
+import "../../../monite-sdk/dist/index352.js";
 import "@mui/icons-material/BlockOutlined";
 import "@mui/icons-material/CheckOutlined";
 import "@mui/icons-material/ErrorOutlineOutlined";
@@ -98,15 +98,15 @@ import "../../../monite-sdk/dist/index445.js";
 import "@mui/icons-material/DriveFileRenameOutline";
 import "deep-eql";
 import "react-use";
-import "../../../monite-sdk/dist/index170.js";
-import "../../../monite-sdk/dist/index299.js";
-import "../../../monite-sdk/dist/index300.js";
+import "../../../monite-sdk/dist/index165.js";
+import "../../../monite-sdk/dist/index335.js";
+import "../../../monite-sdk/dist/index336.js";
 import "../../../monite-sdk/dist/index56.js";
 import "react-script-hook";
 import "../../../monite-sdk/dist/index54.js";
 import "@mui/icons-material/Money";
 import "@mui/icons-material/MonetizationOnOutlined";
-import "../../../monite-sdk/dist/index216.js";
+import "../../../monite-sdk/dist/index209.js";
 import "@mui/material/styles";
 import "@emotion/cache";
 import "../../../monite-sdk/dist/index106.js";

package/dist/libs/tesouro-embedded-components-react/expense-approval-policies-widget/ui/dist/index8.js

@@ -11,9 +11,9 @@ function M(r) {
 }
 const U = ({
   rules: r,
-  isBusy: a,
+  isBusy: o,
   isLoading: A,
-  isAddingRule: o,
+  isAddingRule: a,
   newRuleFormValues: N,
   newRuleValidationErrors: d,
   editingRuleId: n,
@@ -21,8 +21,8 @@ const U = ({
   editingRuleValidationErrors: w,
   approverOptions: g,
   allExpensesAreCovered: m,
-  gapIntervals: h,
-  onAddRuleClick: f,
+  gapIntervals: f,
+  onAddRuleClick: h,
   onCancelAddRule: C,
   onSaveNewRule: E,
   onNewRuleFormChange: y,
@@ -33,8 +33,8 @@ const U = ({
   onDeleteRule: v,
   onLearnMore: F
 }) => {
-  const x = r.length > 0, j = !m && !o && !n;
-  return /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:gap-3", children: A && !x && !o && !n ? /* @__PURE__ */ t(b, { children: Array.from({ length: 2 }).map((l, L) => /* @__PURE__ */ e(
+  const x = r.length > 0, j = !m && !a && !n;
+  return /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:gap-3", children: A && !x && !a && !n ? /* @__PURE__ */ t(b, { children: Array.from({ length: 2 }).map((l, L) => /* @__PURE__ */ e(
     "div",
     {
       className: "ttw:border ttw:border-border ttw:rounded-lg ttw:p-4 ttw:flex ttw:flex-col ttw:gap-3",
@@ -50,10 +50,10 @@ const U = ({
       ]
     },
     L
-  )) }) : !x && !o ? /* @__PURE__ */ t(
+  )) }) : !x && !a ? /* @__PURE__ */ t(
     P,
     {
-      onAddRule: f,
+      onAddRule: h,
       onLearnMore: F
     }
   ) : /* @__PURE__ */ e(b, { children: [
@@ -65,7 +65,7 @@ const U = ({
           approverOptions: g,
           validationErrors: w,
           isEditing: !0,
-          disabled: a,
+          disabled: o,
           isSaveDisabled: !!(w.minAmount || w.maxAmount),
           onValuesChange: D,
           onSave: k,
@@ -79,28 +79,28 @@ const U = ({
           rule: l,
           onEdit: S,
           onDelete: v,
-          disabled: a
+          disabled: o
         },
         l.id
       )
     ),
-    o && !n && /* @__PURE__ */ t(
+    a && !n && /* @__PURE__ */ t(
       R,
       {
         values: N,
         approverOptions: g,
         validationErrors: d,
         isEditing: !1,
-        disabled: a,
+        disabled: o,
         isSaveDisabled: !!(d.minAmount || d.maxAmount),
         onValuesChange: y,
         onSave: E,
         onCancel: C
       }
     ),
-    j && /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:border ttw:border-dashed ttw:border-gray-300 ttw:rounded-lg ttw:px-4 ttw:py-3", children: [
-      /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:font-bold ttw:text-gray-700", children: i.CreateAnotherRule }),
-      /* @__PURE__ */ e(O, { size: "sm", onClick: f, disabled: a, children: [
+    j && /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:border ttw:border-dashed ttw:border-border ttw:rounded-lg ttw:px-4 ttw:py-3", children: [
+      /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:font-bold ttw:text-foreground", children: i.CreateAnotherRule }),
+      /* @__PURE__ */ e(O, { size: "sm", onClick: h, disabled: o, children: [
         /* @__PURE__ */ t(I, {}),
         i.AddRule
       ] })
@@ -112,14 +112,14 @@ const U = ({
         /* @__PURE__ */ t("p", { className: "ttw:text-xs ttw:text-green-700 ttw:mt-0.5", children: i.AllExpensesCoveredBody })
       ] })
     ] }),
-    !m && h.length > 0 && /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-start ttw:gap-2 ttw:bg-muted ttw:border ttw:border-border ttw:rounded-lg ttw:p-3", children: [
+    !m && f.length > 0 && /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-start ttw:gap-2 ttw:bg-muted ttw:border ttw:border-border ttw:rounded-lg ttw:p-3", children: [
       /* @__PURE__ */ t(B, { className: "ttw:size-4 ttw:text-muted-foreground ttw:mt-0.5 ttw:shrink-0" }),
       /* @__PURE__ */ e("p", { className: "ttw:text-sm ttw:text-foreground", children: [
         "The ",
         /* @__PURE__ */ t("strong", { children: "system default" }),
         " will apply to transactions",
         " ",
-        /* @__PURE__ */ t("strong", { children: h.map(M).join(", ") }),
+        /* @__PURE__ */ t("strong", { children: f.map(M).join(", ") }),
         p.Suffix
       ] })
     ] })

package/dist/libs/tesouro-embedded-components-react/expense-receipt-match-widget/ui/dist/index4.js

@@ -2,19 +2,19 @@
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
 import { MoreVertical as w, Search as c, Trash2 as m, FileText as d, ImageOff as u } from "lucide-react";
 import { DropdownMenu as p, DropdownMenuTrigger as h, Button as f, DropdownMenuContent as x, DropdownMenuItem as s } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { ReceiptMatchLabels as a } from "./index7.js";
+import { ReceiptMatchLabels as i } from "./index7.js";
 function g(e) {
   if (!e) return "missing";
-  const i = e.split(/[?#]/)[0].toLowerCase();
-  return /\.pdf$/.test(i) ? "pdf" : "image";
+  const a = e.split(/[?#]/)[0].toLowerCase();
+  return /\.pdf$/.test(a) ? "pdf" : "image";
 }
-function b({ url: e, alt: i }) {
+function b({ url: e, alt: a }) {
   const n = g(e);
-  return /* @__PURE__ */ t("div", { className: "ttw:w-10 ttw:h-10 ttw:rounded ttw:overflow-hidden ttw:flex-shrink-0 ttw:bg-zinc-100 ttw:flex ttw:items-center ttw:justify-center", children: n === "image" && e ? /* @__PURE__ */ t(
+  return /* @__PURE__ */ t("div", { className: "ttw:w-10 ttw:h-10 ttw:rounded ttw:overflow-hidden ttw:flex-shrink-0 ttw:bg-muted ttw:flex ttw:items-center ttw:justify-center", children: n === "image" && e ? /* @__PURE__ */ t(
     "img",
     {
       src: e,
-      alt: i,
+      alt: a,
       className: "ttw:w-full ttw:h-full ttw:object-cover"
     }
   ) : n === "pdf" ? /* @__PURE__ */ t(
@@ -22,31 +22,31 @@ function b({ url: e, alt: i }) {
     {
       size: 18,
       className: "ttw:text-muted-foreground",
-      "aria-label": a.ThumbnailPdfAlt
+      "aria-label": i.ThumbnailPdfAlt
     }
   ) : /* @__PURE__ */ t(
     u,
     {
       size: 18,
       className: "ttw:text-muted-foreground",
-      "aria-label": a.ThumbnailMissingAlt
+      "aria-label": i.ThumbnailMissingAlt
     }
   ) });
 }
-function z({
+function M({
   item: e,
-  selected: i,
+  selected: a,
   onToggle: n,
   onViewAttachment: l,
   onDelete: o
 }) {
-  return /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-center ttw:gap-3 ttw:px-3 ttw:py-2 ttw:rounded-lg ttw:border ttw:border-border ttw:bg-white ttw:hover:bg-muted/30 ttw:transition-colors", children: [
+  return /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-center ttw:gap-3 ttw:px-3 ttw:py-2 ttw:rounded-lg ttw:border ttw:border-border ttw:bg-card ttw:hover:bg-muted/30 ttw:transition-colors", children: [
     /* @__PURE__ */ r("label", { className: "ttw:flex ttw:items-center ttw:gap-3 ttw:flex-1 ttw:min-w-0 ttw:cursor-pointer", children: [
       /* @__PURE__ */ t(
         "input",
         {
           type: "checkbox",
-          checked: i,
+          checked: a,
           onChange: n,
           "aria-label": `Select receipt from ${e.primaryText}`,
           className: "ttw:h-4 ttw:w-4 ttw:rounded ttw:border ttw:border-input ttw:accent-primary ttw:cursor-pointer"
@@ -63,16 +63,16 @@ function z({
       /* @__PURE__ */ r(x, { align: "end", children: [
         /* @__PURE__ */ r(s, { onClick: l, children: [
           /* @__PURE__ */ t(c, { size: 14, className: "ttw:mr-2" }),
-          a.ViewAttachment
+          i.ViewAttachment
         ] }),
         /* @__PURE__ */ r(s, { variant: "destructive", onClick: o, children: [
           /* @__PURE__ */ t(m, { size: 14, className: "ttw:mr-2" }),
-          a.Delete
+          i.Delete
         ] })
       ] })
     ] })
   ] });
 }
 export {
-  z as ReceiptInboxItem
+  M as ReceiptInboxItem
 };

package/dist/libs/tesouro-embedded-components-react/expense-receipt-match-widget/ui/dist/index5.js

@@ -1,18 +1,18 @@
 "use client";
 import { jsxs as e, jsx as t } from "react/jsx-runtime";
 import { ZoomOut as T, ZoomIn as S, X as Z, Search as j, DollarSign as I, Loader2 as $, Check as M } from "lucide-react";
-import { Button as i, Input as O, Skeleton as c } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { Button as o, Input as O, Skeleton as c } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import { ReceiptMatchLabels as a } from "./index7.js";
 const P = 5;
 function E({
-  receiptPreviewUrl: l,
+  receiptPreviewUrl: r,
   receiptFileName: w,
-  transactions: r,
-  selectedTransactionIds: h,
-  allowMultipleTransactions: o = !1,
+  transactions: l,
+  selectedTransactionIds: f,
+  allowMultipleTransactions: i = !1,
   searchValue: x,
   onSearchChange: N,
-  onTransactionSelect: f,
+  onTransactionSelect: h,
   onConfirmMatch: b,
   isConfirming: p = !1,
   zoom: g = 1,
@@ -20,24 +20,24 @@ function E({
   onZoomOut: d,
   canZoomIn: v = !0,
   canZoomOut: y = !0,
-  showZoomControls: C = !!(l && (m || d)),
-  onCancel: z,
-  onClose: k,
+  showZoomControls: C = !!(r && (m || d)),
+  onCancel: k,
+  onClose: z,
   isLoading: u = !1
 }) {
   return /* @__PURE__ */ e("div", { className: "ttw:flex ttw:w-full ttw:h-full", children: [
-    /* @__PURE__ */ e("div", { className: "ttw:w-110 ttw:ml-auto ttw:bg-zinc-50 ttw:relative ttw:flex ttw:items-center ttw:justify-center ttw:overflow-hidden", children: [
-      l && /* @__PURE__ */ t(
+    /* @__PURE__ */ e("div", { className: "ttw:w-110 ttw:ml-auto ttw:bg-muted ttw:relative ttw:flex ttw:items-center ttw:justify-center ttw:overflow-hidden", children: [
+      r && /* @__PURE__ */ t(
         L,
         {
-          url: l,
+          url: r,
           fileName: w,
           zoom: g
         }
       ),
-      C && /* @__PURE__ */ e("div", { className: "ttw:absolute ttw:bottom-4 ttw:left-4 ttw:flex ttw:items-center ttw:border ttw:rounded-[14px] ttw:border-zinc-200 ttw:bg-white", children: [
+      C && /* @__PURE__ */ e("div", { className: "ttw:absolute ttw:bottom-4 ttw:left-4 ttw:flex ttw:items-center ttw:border ttw:rounded-[14px] ttw:border-border ttw:bg-card", children: [
         /* @__PURE__ */ t(
-          i,
+          o,
           {
             variant: "ghost",
             size: "icon-sm",
@@ -48,9 +48,9 @@ function E({
             children: /* @__PURE__ */ t(T, { className: "ttw:size-4" })
           }
         ),
-        /* @__PURE__ */ t("div", { className: "ttw:w-px ttw:self-stretch ttw:bg-zinc-200" }),
+        /* @__PURE__ */ t("div", { className: "ttw:w-px ttw:self-stretch ttw:bg-border" }),
         /* @__PURE__ */ t(
-          i,
+          o,
           {
             variant: "ghost",
             size: "icon-sm",
@@ -63,16 +63,16 @@ function E({
         )
       ] })
     ] }),
-    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:w-110 ttw:h-full ttw:border-l ttw:border-border ttw:bg-white", children: [
+    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:w-110 ttw:h-full ttw:border-l ttw:border-border ttw:bg-card", children: [
       /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:px-6 ttw:pt-5 ttw:pb-2", children: [
         /* @__PURE__ */ t("h2", { className: "ttw:text-lg ttw:font-semibold", children: a.TransactionsTitle }),
         /* @__PURE__ */ t(
-          i,
+          o,
           {
             variant: "ghost",
             size: "sm",
             className: "ttw:p-1 ttw:h-auto",
-            onClick: k,
+            onClick: z,
             "aria-label": a.Close,
             children: /* @__PURE__ */ t(Z, { size: 18 })
           }
@@ -104,15 +104,15 @@ function E({
       ] }),
       /* @__PURE__ */ e("div", { className: "ttw:flex-1 ttw:overflow-y-auto", children: [
         u && Array.from({ length: P }).map((s, n) => /* @__PURE__ */ t(A, {}, n)),
-        !u && r.length === 0 && /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:gap-3 ttw:h-full ttw:py-12", children: [
+        !u && l.length === 0 && /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:gap-3 ttw:h-full ttw:py-12", children: [
           /* @__PURE__ */ t("div", { className: "ttw:w-14 ttw:h-14 ttw:rounded-full ttw:bg-muted ttw:flex ttw:items-center ttw:justify-center", children: /* @__PURE__ */ t(I, { size: 24, className: "ttw:text-muted-foreground" }) }),
           /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:gap-1 ttw:text-center ttw:px-6", children: [
             /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:font-medium", children: a.NoTransactionsTitle }),
             /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:text-muted-foreground", children: a.NoTransactionsSubtitle })
           ] })
         ] }),
-        !u && r.map((s) => {
-          const n = h.includes(s.id);
+        !u && l.map((s) => {
+          const n = f.includes(s.id);
           return /* @__PURE__ */ e(
             "label",
             {
@@ -121,14 +121,14 @@ function E({
                 /* @__PURE__ */ t(
                   "input",
                   {
-                    type: o ? "checkbox" : "radio",
-                    name: o ? void 0 : "receipt-match-transaction",
+                    type: i ? "checkbox" : "radio",
+                    name: i ? void 0 : "receipt-match-transaction",
                     checked: n,
                     onChange: () => {
-                      (o || !n) && f(s.id);
+                      (i || !n) && h(s.id);
                     },
                     onClick: () => {
-                      !o && n && f(s.id);
+                      !i && n && h(s.id);
                     },
                     "aria-label": `Select transaction from ${s.merchantName}`,
                     className: "ttw:h-4 ttw:w-4 ttw:border ttw:border-input ttw:accent-primary ttw:cursor-pointer ttw:shrink-0"
@@ -144,12 +144,12 @@ function E({
         })
       ] }),
       /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:gap-3 ttw:px-6 ttw:py-4 ttw:border-t ttw:border-border", children: [
-        /* @__PURE__ */ t(i, { variant: "outline", className: "ttw:flex-1", onClick: z, children: a.Back }),
+        /* @__PURE__ */ t(o, { variant: "outline", className: "ttw:flex-1", onClick: k, children: a.Back }),
         /* @__PURE__ */ e(
-          i,
+          o,
           {
             className: "ttw:flex-1",
-            disabled: h.length === 0 || p,
+            disabled: f.length === 0 || p,
             onClick: b,
             children: [
               p ? /* @__PURE__ */ t($, { size: 16, className: "ttw:animate-spin" }) : /* @__PURE__ */ t(M, { size: 16 }),
@@ -169,32 +169,32 @@ function A() {
     /* @__PURE__ */ t(c, { className: "ttw:h-4 ttw:w-16" })
   ] });
 }
-function D(l, w) {
-  const r = w ?? l.split(/[?#]/)[0];
-  return /\.pdf$/i.test(r);
+function D(r, w) {
+  const l = w ?? r.split(/[?#]/)[0];
+  return /\.pdf$/i.test(l);
 }
 function L({
-  url: l,
+  url: r,
   fileName: w,
-  zoom: r
+  zoom: l
 }) {
-  return D(l, w) ? /* @__PURE__ */ t(
+  return D(r, w) ? /* @__PURE__ */ t(
     "iframe",
     {
-      src: `${l}#toolbar=0&navpanes=0&scrollbar=0`,
+      src: `${r}#toolbar=0&navpanes=0&scrollbar=0`,
       title: a.ReceiptPdfPreviewTitle,
       sandbox: "",
       referrerPolicy: "no-referrer",
       className: "ttw:w-full ttw:h-full ttw:border-0 ttw:transition-transform",
-      style: { transform: `scale(${r})` }
+      style: { transform: `scale(${l})` }
     }
   ) : /* @__PURE__ */ t(
     "img",
     {
-      src: l,
+      src: r,
       alt: a.ReceiptImageAlt,
       className: "ttw:max-h-full ttw:max-w-full ttw:object-contain ttw:transition-transform",
-      style: { transform: `scale(${r})` }
+      style: { transform: `scale(${l})` }
     }
   );
 }