@veevarts/design-system 1.17.0-beta.3 → 1.17.0-beta.5

package/dist/index.js

@@ -32,7 +32,7 @@ import { Document as Xs } from "@tiptap/extension-document";
 import { Text as el } from "@tiptap/extension-text";
 import { Dropcursor as tl } from "@tiptap/extension-dropcursor";
 import { Gapcursor as nl } from "@tiptap/extension-gapcursor";
-function _f({ children: e }) {
+function Pf({ children: e }) {
   return /* @__PURE__ */ a(Ui, { children: e });
 }
 const Q = ft(
@@ -814,7 +814,7 @@ function Dl({
     }
   );
 }
-function Of({
+function zf({
   logo: e,
   languages: t = [],
   selectedLanguage: n,
@@ -862,7 +862,7 @@ function Of({
     }
   );
 }
-function Pf(e) {
+function Rf(e) {
   return /* @__PURE__ */ a("div", { className: "min-h-screen flex flex-col", children: /* @__PURE__ */ a("div", { className: "flex-1 flex items-center justify-center p-12", children: /* @__PURE__ */ a(
     ze,
     {
@@ -1122,7 +1122,7 @@ const Ml = q.forwardRef(
   }
 );
 Ml.displayName = "Stepper";
-function zf(e) {
+function Vf(e) {
   return /* @__PURE__ */ a("div", { className: "min-h-screen flex flex-col", children: /* @__PURE__ */ a("div", { className: "flex-1 flex items-center justify-center p-12", children: /* @__PURE__ */ a(
     ze,
     {
@@ -1161,7 +1161,7 @@ function Fl(e, t, n = "en-US") {
 function Cr(e, t, n, r) {
   return Fl(e - t, n, r);
 }
-function Rf() {
+function Bf() {
   return /* @__PURE__ */ f(
     "footer",
     {
@@ -1174,7 +1174,7 @@ function Rf() {
     }
   );
 }
-const Vf = (e) => {
+const Uf = (e) => {
   const t = ce(
     () => JSON.stringify({ allItems: e.allItems, selected: e.selected }),
     [e.allItems, e.selected]
@@ -4351,7 +4351,7 @@ const sn = ({
 }) => /* @__PURE__ */ f("div", { className: "flex items-center gap-2 text-sm text-gray-600", "data-testid": n, children: [
   /* @__PURE__ */ a(U, { icon: e, width: 20, className: "text-default-500" }),
   /* @__PURE__ */ a("span", { children: t })
-] }), Bf = ({
+] }), jf = ({
   classes: e = "",
   name: t,
   imageUrl: n,
@@ -4474,7 +4474,7 @@ function Rr(e, t = "en-US", n = "USD") {
     return console.warn(`Invalid currency formatting: ${r}`), `${n} ${e.toFixed(2)}`;
   }
 }
-function Uf(e) {
+function Hf(e) {
   const t = e.replace(/[^\d.,-]/g, ""), n = t.match(/,\d{1,2}$/);
   let r;
   n ? r = t.replace(/\./g, "").replace(",", ".") : r = t.replace(/,/g, "");
@@ -6260,10 +6260,10 @@ function qc(e = {}) {
     s._state.mount || (s._setValid(), s._state.mount = !0), s._state.watch && (s._state.watch = !1, s._subjects.state.next({ ...s._formState })), s._removeUnmounted();
   }), t.current.formState = q.useMemo(() => di(r, s), [s, r]), t.current;
 }
-function jf(e, t = 3) {
+function qf(e, t = 3) {
   return e % 1 === 0 ? e.toString() : e.toFixed(t).replace(/\.?0+$/, "");
 }
-function Hf(e, t = "en-US", n = "USD") {
+function Wf(e, t = "en-US", n = "USD") {
   try {
     return new Intl.NumberFormat(t, {
       style: "currency",
@@ -6275,7 +6275,7 @@ function Hf(e, t = "en-US", n = "USD") {
     return console.warn(`Invalid currency formatting: ${r}`), `${n} ${e.toFixed(2)}`;
   }
 }
-function qf(e = "USD", t = "en-US") {
+function Yf(e = "USD", t = "en-US") {
   try {
     return new Intl.NumberFormat(t, {
       style: "currency",
@@ -6285,14 +6285,14 @@ function qf(e = "USD", t = "en-US") {
     return "$";
   }
 }
-function Wf(e) {
+function Gf(e) {
   const t = e.replace(/[^\d.,-]/g, ""), n = t.match(/,\d{1,2}$/);
   let r;
   n ? r = t.replace(/\./g, "").replace(",", ".") : r = t.replace(/,/g, "");
   const i = parseFloat(r);
   return isNaN(i) ? null : i;
 }
-function Yf(e, t, n = 1e-3) {
+function Kf(e, t, n = 1e-3) {
   const r = e - t, i = Math.abs(r) <= n;
   return {
     difference: r,
@@ -6788,7 +6788,7 @@ function rd() {
   );
 }
 const ad = (e) => Number.isFinite(e) ? Math.max(0, Math.min(100, Math.round(e * 100) / 100)) : 0, id = (e) => e.fund !== null;
-function Gf({
+function Qf({
   assignments: e,
   funds: t,
   labels: n,
@@ -7180,7 +7180,7 @@ function ld({
     }
   );
 }
-function Kf() {
+function Zf() {
   return /* @__PURE__ */ f(
     "section",
     {
@@ -7209,7 +7209,7 @@ const od = {
   remainingBalance: "Remaining Balance",
   amountReceived: "Amount Received:"
 };
-function Qf({
+function Jf({
   totalAmount: e,
   remainingBalance: t,
   amountReceived: n,
@@ -7348,7 +7348,7 @@ const gd = {
   const t = e % 100 >= 11 && e % 100 <= 13 ? "th" : e % 10 === 1 ? "st" : e % 10 === 2 ? "nd" : e % 10 === 3 ? "rd" : "th";
   return `${e}${t}`;
 };
-function Zf({
+function Xf({
   mode: e,
   donationAmount: t,
   currency: n = "USD",
@@ -7389,13 +7389,13 @@ function Zf({
   ] }) : void 0, re = (le) => {
     le !== z && (e || O(le), N?.(le), le === "manual" && i.length === 0 && $([Zr()]));
   }, se = (le, Fe) => {
-    i.find((Ne) => Ne.id === le)?.status !== "fulfilled" && $(
+    i.find((Ne) => Ne.id === le)?.status !== "paid" && $(
       i.map((Ne) => Ne.id === le ? { ...Ne, ...Fe } : Ne)
     );
   }, G = () => {
     $([...i, Zr()]);
   }, B = (le) => {
-    i.find((Ee) => Ee.id === le)?.status !== "fulfilled" && $(i.filter((Ee) => Ee.id !== le));
+    i.find((Ee) => Ee.id === le)?.status !== "paid" && $(i.filter((Ee) => Ee.id !== le));
   }, K = () => {
     if (!S) {
       if (Z) {
@@ -7717,7 +7717,7 @@ function Ad({
         {
           variant: "bordered",
           "aria-label": `${n.dueDate} ${u + 1}`,
-          isDisabled: d.status === "fulfilled",
+          isDisabled: d.status === "paid",
           isInvalid: h,
           errorMessage: h ? n.dateOrderError : void 0,
           value: Yt(d.dueDate),
@@ -7733,7 +7733,7 @@ function Ad({
           type: "number",
           min: 0,
           step: 0.01,
-          isDisabled: d.status === "fulfilled",
+          isDisabled: d.status === "paid",
           isInvalid: x,
           errorMessage: x ? n.amountGreaterThanZeroError : void 0,
           value: String(d.amount || ""),
@@ -7749,7 +7749,7 @@ function Ad({
         Dd,
         {
           isDisabled: t.length <= 1,
-          isFulfilled: d.status === "fulfilled",
+          isPaid: d.status === "paid",
           label: n.deleteInstallment,
           onRemove: () => o(d.id)
         }
@@ -7759,7 +7759,7 @@ function Ad({
 }
 function Dd({
   isDisabled: e,
-  isFulfilled: t,
+  isPaid: t,
   label: n,
   onRemove: r
 }) {
@@ -7778,7 +7778,7 @@ function Dd({
       children: /* @__PURE__ */ a(U, { icon: "solar:trash-bin-minimalistic-outline", className: "size-5" })
     }
   );
-  return t ? /* @__PURE__ */ a(Oe, { content: "This payment cannot be edited or deleted because it has already been fulfilled.", placement: "top", children: /* @__PURE__ */ a("span", { className: "inline-flex", children: i }) }) : i;
+  return t ? /* @__PURE__ */ a(Oe, { content: "This payment cannot be edited or deleted because it has already been paid.", placement: "top", children: /* @__PURE__ */ a("span", { className: "inline-flex", children: i }) }) : i;
 }
 function Ed({
   total: e,
@@ -7828,7 +7828,7 @@ function Ed({
     }
   );
 }
-function Jf() {
+function em() {
   return /* @__PURE__ */ f(
     "section",
     {
@@ -7866,17 +7866,23 @@ function Jf() {
   );
 }
 const Xr = {
-  fulfilled: "bg-emerald-50 text-emerald-700",
-  scheduled: "bg-blue-50 text-blue-700",
+  paid: "bg-emerald-50 text-emerald-700",
+  schedule: "bg-blue-50 text-blue-700",
+  payment_due: "bg-amber-50 text-amber-700",
+  overdue: "bg-orange-50 text-orange-700",
   failed: "bg-red-50 text-red-700",
-  canceled: "bg-zinc-100 text-zinc-600",
-  refunded: "bg-zinc-100 text-zinc-600"
+  refunded: "bg-zinc-100 text-zinc-600",
+  disputed: "bg-purple-50 text-purple-700",
+  canceled: "bg-zinc-100 text-zinc-600"
 }, wi = {
-  fulfilled: "Fulfilled",
-  scheduled: "Scheduled",
+  paid: "Paid",
+  schedule: "Schedule",
+  payment_due: "Payment Due",
+  overdue: "Overdue",
   failed: "Failed",
-  canceled: "Canceled",
-  refunded: "Refunded"
+  refunded: "Refunded",
+  disputed: "Disputed",
+  canceled: "Canceled"
 }, Id = {
   title: "Payments",
   searchLabel: "Search a payment",
@@ -7905,7 +7911,7 @@ const Xr = {
   wrapper: "!absolute !inset-0 !z-50 !items-center !justify-center !p-4",
   backdrop: "!absolute !inset-0 !z-40 rounded-2xl"
 };
-function Xf({
+function tm({
   installments: e,
   currency: t,
   locale: n = "en-US",
@@ -7924,7 +7930,7 @@ function Xf({
   ] }) : void 0, k = ce(() => {
     const y = w.trim().toLowerCase();
     return y ? e.filter((v) => {
-      const E = v.status ?? "scheduled";
+      const E = v.status ?? "schedule";
       return [
         v.id,
         v.amount,
@@ -7980,7 +7986,7 @@ function Xf({
         ),
         children: /* @__PURE__ */ f("div", { className: "flex flex-col gap-2", children: [
           k.map((y, v) => {
-            const E = y.status ?? "scheduled";
+            const E = y.status ?? "schedule";
             return /* @__PURE__ */ a(ye, { radius: "lg", shadow: "none", className: "border border-default-200", children: /* @__PURE__ */ f(we, { className: "gap-3 p-3", children: [
               /* @__PURE__ */ f("div", { className: "flex items-start justify-between gap-2", children: [
                 /* @__PURE__ */ f("div", { className: "min-w-0", children: [
@@ -8045,7 +8051,7 @@ function Xf({
           ] }) }),
           /* @__PURE__ */ f("tbody", { children: [
             k.map((y, v) => {
-              const E = y.status ?? "scheduled";
+              const E = y.status ?? "schedule";
               return /* @__PURE__ */ f("tr", { className: "text-zinc-500", children: [
                 /* @__PURE__ */ a("td", { className: "px-2 py-3", children: v + 1 }),
                 /* @__PURE__ */ a("td", { className: "overflow-hidden px-2 py-3", children: /* @__PURE__ */ a("span", { className: "block w-full truncate", children: y.id || `PMT-${v + 1}` }) }),
@@ -8110,7 +8116,7 @@ function ea({ status: e }) {
       radius: "lg",
       className: g(
         "justify-center px-4",
-        Xr[e] ?? Xr.scheduled
+        Xr[e] ?? Xr.schedule
       ),
       startContent: /* @__PURE__ */ a(Ld, { status: e }),
       children: wi[e] ?? e
@@ -8135,7 +8141,7 @@ function ta({
         variant: "solid",
         radius: "full",
         className: "min-w-[104px] shrink-0",
-        isDisabled: e === "fulfilled",
+        isDisabled: e === "paid",
         startContent: /* @__PURE__ */ a(
           U,
           {
@@ -8150,7 +8156,7 @@ function ta({
     /* @__PURE__ */ a(
       Fd,
       {
-        isFulfilled: e === "fulfilled",
+        isFulfilled: e === "paid",
         labels: n,
         portalContainer: r,
         onDelete: () => s(t.id)
@@ -8239,7 +8245,7 @@ function Fd({
   ] });
 }
 function Ld({ status: e }) {
-  return e === "fulfilled" ? /* @__PURE__ */ a(U, { icon: "solar:check-circle-bold", className: "size-3" }) : e === "failed" ? /* @__PURE__ */ a(U, { icon: "solar:close-circle-bold", className: "size-3" }) : /* @__PURE__ */ a(U, { icon: "solar:calendar-outline", className: "size-3" });
+  return e === "paid" ? /* @__PURE__ */ a(U, { icon: "solar:check-circle-bold", className: "size-3" }) : e === "failed" ? /* @__PURE__ */ a(U, { icon: "solar:close-circle-bold", className: "size-3" }) : /* @__PURE__ */ a(U, { icon: "solar:calendar-outline", className: "size-3" });
 }
 function dn(e, t) {
   const n = /* @__PURE__ */ new Date(`${e}T00:00:00`);
@@ -8253,7 +8259,7 @@ const Td = {
   title: "Select Membership",
   renewalTitle: "Automatic Renewal",
   renewalDescription: "Membership will automatically renew at the end of each period"
-}, em = ({
+}, nm = ({
   cards: e,
   locale: t,
   currency: n,
@@ -9041,7 +9047,7 @@ const Hd = ({ title: e, value: t, description: n, onValueChange: r, className: i
       }
     )
   ] });
-}, tm = ({
+}, rm = ({
   initialExpanded: e = !1,
   userMaxLimit: t,
   labels: n,
@@ -9464,6 +9470,31 @@ const du = {
   }
 );
 uu.displayName = "StatusChip";
+const fu = {
+  sm: "gap-1 rounded-md px-2 py-0.5 text-[11.5px] leading-normal",
+  md: "gap-1.5 rounded-lg px-2.5 py-1 text-xs leading-normal"
+}, mu = ({
+  label: e,
+  value: t,
+  size: n = "sm",
+  className: r,
+  "data-testid": i = "dimension-chip"
+}) => /* @__PURE__ */ f(
+  "span",
+  {
+    "data-testid": i,
+    className: g(
+      "inline-flex items-baseline whitespace-nowrap border border-default-200 bg-default-100",
+      fu[n],
+      r
+    ),
+    children: [
+      /* @__PURE__ */ a("span", { className: "font-medium text-default-400", children: e }),
+      /* @__PURE__ */ a("span", { className: "font-semibold text-default-700", children: t })
+    ]
+  }
+);
+mu.displayName = "DimensionChip";
 const $i = {
   2: "sm:grid-cols-2",
   3: "sm:grid-cols-3",
@@ -9471,7 +9502,7 @@ const $i = {
 }, Ai = {
   1: "grid-cols-1",
   2: "grid-cols-2"
-}, fu = (e) => typeof e == "string" ? /* @__PURE__ */ a(U, { icon: e, width: 16, height: 16, "aria-hidden": "true", className: "text-gray-400" }) : e, mu = ({
+}, hu = (e) => typeof e == "string" ? /* @__PURE__ */ a(U, { icon: e, width: 16, height: 16, "aria-hidden": "true", className: "text-gray-400" }) : e, pu = ({
   options: e,
   selectedKeys: t,
   onChange: n,
@@ -9549,7 +9580,7 @@ const $i = {
                     ),
                     /* @__PURE__ */ f("span", { className: "flex min-w-0 flex-col", children: [
                       /* @__PURE__ */ f("span", { className: "flex items-center gap-1.5", children: [
-                        v.icon ? fu(v.icon) : null,
+                        v.icon ? hu(v.icon) : null,
                         /* @__PURE__ */ a("span", { className: "text-sm font-medium text-gray-900", children: v.label })
                       ] }),
                       v.description ? /* @__PURE__ */ a(
@@ -9585,8 +9616,8 @@ const $i = {
     }
   );
 };
-mu.displayName = "CheckboxCardGroup";
-const hu = ({
+pu.displayName = "CheckboxCardGroup";
+const gu = ({
   isLoading: e = !1,
   isError: t = !1,
   isEmpty: n = !1,
@@ -9645,14 +9676,14 @@ const hu = ({
     }
   );
 };
-hu.displayName = "ListPanel";
-const pu = 350, gu = {
+gu.displayName = "ListPanel";
+const bu = 350, yu = {
   receivedLabel: "Cash Received",
   receivedPlaceholder: "$0.00",
   changeLabel: "Change",
   changeMessageTemplate: "You have to give back the client {change} in change",
   insufficientMessageTemplate: "Amount received must be at least {due}"
-}, mn = (e, t) => Object.entries(t).reduce((n, [r, i]) => n.replace(`{${r}}`, i), e), nm = ({
+}, mn = (e, t) => Object.entries(t).reduce((n, [r, i]) => n.replace(`{${r}}`, i), e), am = ({
   dueAmount: e,
   received: t,
   defaultReceived: n = null,
@@ -9665,7 +9696,7 @@ const pu = 350, gu = {
   className: d,
   "data-testid": u = "cash-tender-form"
 }) => {
-  const h = { ...gu, ...s }, x = Ha(e.currency, i), m = t !== void 0, [w, S] = W(n ?? null), b = m ? t : w, N = ce(() => {
+  const h = { ...yu, ...s }, x = Ha(e.currency, i), m = t !== void 0, [w, S] = W(n ?? null), b = m ? t : w, N = ce(() => {
     const L = typeof b == "number" && Number.isFinite(b) ? b : 0, _ = Cr(L, e.value, e.currency, i);
     return {
       received: L,
@@ -9695,7 +9726,7 @@ const pu = 350, gu = {
   ), y = b == null ? "" : String(b), v = N.isValid && N.change > 0, E = !N.isValid && N.received > 0, F = et(N.change, i, e.currency), O = et(e.value, i, e.currency), [A, z] = W(""), M = Pe(null);
   De(() => {
     M.current && clearTimeout(M.current);
-    const L = v ? mn(h.changeMessageTemplate, { change: F }) : "", _ = v ? pu : 0;
+    const L = v ? mn(h.changeMessageTemplate, { change: F }) : "", _ = v ? bu : 0;
     return M.current = setTimeout(() => z(L), _), () => {
       M.current && clearTimeout(M.current);
     };
@@ -9763,7 +9794,7 @@ const pu = 350, gu = {
     ),
     /* @__PURE__ */ a("span", { role: "status", "aria-live": "polite", className: "sr-only", children: A })
   ] });
-}, bu = {
+}, xu = {
   checkNumberLabel: "Check Number",
   checkNumberPlaceholder: "e.g. 11234",
   bankNameLabel: "Bank Name",
@@ -9773,7 +9804,7 @@ const pu = 350, gu = {
 }, la = () => {
   const e = /* @__PURE__ */ new Date(), t = (n) => String(n).padStart(2, "0");
   return `${e.getFullYear()}-${t(e.getMonth() + 1)}-${t(e.getDate())}`;
-}, yu = ({
+}, vu = ({
   dueAmount: e,
   value: t,
   defaultValue: n,
@@ -9791,7 +9822,7 @@ const pu = 350, gu = {
   className: h,
   "data-testid": x = "check-tender-form"
 }) => {
-  const m = { ...bu, ...i }, w = t !== void 0, [S, b] = W({
+  const m = { ...xu, ...i }, w = t !== void 0, [S, b] = W({
     checkNumber: n?.checkNumber ?? "",
     bankName: n?.bankName ?? "",
     date: n?.date ?? la()
@@ -9883,8 +9914,8 @@ const pu = 350, gu = {
     )
   ] });
 };
-yu.displayName = "CheckTenderForm";
-const xu = {
+vu.displayName = "CheckTenderForm";
+const wu = {
   // "Method" (not "Payment Method") because the orchestrator chrome
   // typically renders a "Payment Method" heading right above this
   // form's section — using the shorter label avoids the duplicate.
@@ -9893,15 +9924,15 @@ const xu = {
   referenceLabel: "Reference",
   referencePlaceholder: "e.g. Voucher #1234",
   methodRequiredMessage: "Method is required"
-}, vu = [
+}, Nu = [
   { value: "ach", label: "ACH" },
   { value: "wire", label: "Wire" },
   { value: "gift_card", label: "Gift Card" },
   { value: "voucher", label: "Voucher" },
   { value: "other", label: "Other" }
-], wu = ({
+], ku = ({
   dueAmount: e,
-  methodOptions: t = vu,
+  methodOptions: t = Nu,
   value: n,
   defaultValue: r,
   onChange: i,
@@ -9914,7 +9945,7 @@ const xu = {
   className: c,
   "data-testid": d = "other-tender-form"
 }) => {
-  const u = { ...xu, ...s }, h = n !== void 0, [x, m] = W({
+  const u = { ...wu, ...s }, h = n !== void 0, [x, m] = W({
     method: r?.method ?? "",
     reference: r?.reference ?? ""
   }), w = ce(
@@ -10016,8 +10047,8 @@ const xu = {
     )
   ] });
 };
-wu.displayName = "OtherTenderForm";
-const Nu = {
+ku.displayName = "OtherTenderForm";
+const Cu = {
   collectedHeading: "Collected",
   remainingLabel: "Remaining:",
   completeLabel: "Complete",
@@ -10026,16 +10057,16 @@ const Nu = {
   statusPending: "Pending",
   statusRecorded: "Approved",
   statusFailed: "Failed"
-}, ku = {
+}, Su = {
   card: "lucide:credit-card",
   cash: "lucide:dollar-sign",
   check: "lucide:edit-3",
   other: "lucide:more-horizontal"
-}, Cu = {
+}, $u = {
   pending: "warning",
   recorded: "success",
   failed: "danger"
-}, Su = (e) => e === "pending" || e === "recorded", $u = (e) => `#${e + 1}`, Au = ({
+}, Au = (e) => e === "pending" || e === "recorded", Du = (e) => `#${e + 1}`, Eu = ({
   total: e,
   tenders: t,
   onRemove: n,
@@ -10045,8 +10076,8 @@ const Nu = {
   className: o,
   "data-testid": l = "split-payment-summary"
 }) => {
-  const c = { ...Nu, ...i }, { collected: d, remaining: u, isComplete: h } = ce(() => {
-    const m = t.reduce((S, b) => Su(b.status) ? S + b.amount : S, 0), w = Math.max(e.value - m, 0);
+  const c = { ...Cu, ...i }, { collected: d, remaining: u, isComplete: h } = ce(() => {
+    const m = t.reduce((S, b) => Au(b.status) ? S + b.amount : S, 0), w = Math.max(e.value - m, 0);
     return {
       collected: m,
       remaining: w,
@@ -10075,7 +10106,7 @@ const Nu = {
     !s && t.length > 0 && /* @__PURE__ */ f("div", { className: "flex flex-col gap-2", "data-testid": `${l}-collected-list`, children: [
       /* @__PURE__ */ a("h3", { className: "text-base font-semibold", children: c.collectedHeading }),
       t.map((m, w) => /* @__PURE__ */ a(
-        Du,
+        Iu,
         {
           index: w,
           tender: m,
@@ -10093,8 +10124,8 @@ const Nu = {
     ] })
   ] });
 };
-Au.displayName = "SplitPaymentSummary";
-const Du = ({
+Eu.displayName = "SplitPaymentSummary";
+const Iu = ({
   index: e,
   tender: t,
   locale: n,
@@ -10129,11 +10160,11 @@ const Du = ({
       className: "flex items-center gap-3 rounded-xl bg-default-50 px-4 py-3 motion-safe:animate-[pp-row-in_200ms_ease-out]",
       "data-testid": d,
       children: [
-        /* @__PURE__ */ a("span", { className: "text-sm font-medium text-default-500 w-6 shrink-0", children: $u(e) }),
+        /* @__PURE__ */ a("span", { className: "text-sm font-medium text-default-500 w-6 shrink-0", children: Du(e) }),
         /* @__PURE__ */ a(
           U,
           {
-            icon: ku[t.type],
+            icon: Su[t.type],
             width: 20,
             height: 20,
             className: "text-default-700 shrink-0",
@@ -10148,7 +10179,7 @@ const Du = ({
             size: "sm",
             radius: "full",
             variant: "flat",
-            color: Cu[t.status],
+            color: $u[t.status],
             startContent: t.status === "recorded" ? /* @__PURE__ */ a(U, { icon: "lucide:check-circle", width: 14, height: 14, "aria-hidden": "true" }) : t.status === "failed" ? /* @__PURE__ */ a(U, { icon: "lucide:alert-circle", width: 14, height: 14, "aria-hidden": "true" }) : void 0,
             "data-testid": `${d}-status`,
             children: o
@@ -10158,7 +10189,7 @@ const Du = ({
       ]
     }
   );
-}, Eu = `
+}, Mu = `
     @keyframes pp-modal-in {
         from { opacity: 0; transform: scale(0.96); }
         to   { opacity: 1; transform: scale(1); }
@@ -10183,9 +10214,9 @@ const Du = ({
         from { opacity: 0; transform: translateY(-6px); }
         to   { opacity: 1; transform: translateY(0); }
     }
-`, Iu = q.forwardRef(
+`, Fu = q.forwardRef(
   ({ children: e, relativeOverlayRoot: t = !0, className: n, style: r, "data-testid": i = "modal-shell" }, s) => /* @__PURE__ */ f(be, { children: [
-    /* @__PURE__ */ a("style", { children: Eu }),
+    /* @__PURE__ */ a("style", { children: Mu }),
     /* @__PURE__ */ a(
       "div",
       {
@@ -10224,8 +10255,8 @@ const Du = ({
     )
   ] })
 );
-Iu.displayName = "ModalShell";
-const Mu = ({
+Fu.displayName = "ModalShell";
+const Lu = ({
   title: e,
   onClose: t,
   closeLabel: n = "Close",
@@ -10251,8 +10282,8 @@ const Mu = ({
     )
   ] })
 ] });
-Mu.displayName = "ModalShellHeader";
-const Fu = ({
+Lu.displayName = "ModalShellHeader";
+const Tu = ({
   children: e,
   columns: t = 2,
   className: n,
@@ -10286,8 +10317,8 @@ const Fu = ({
     children: e
   }
 );
-Fu.displayName = "ModalShellFooter";
-const hn = (e) => typeof e == "string" ? /* @__PURE__ */ a(U, { icon: e, width: 20, height: 20, "aria-hidden": "true" }) : e, Lu = ({
+Tu.displayName = "ModalShellFooter";
+const hn = (e) => typeof e == "string" ? /* @__PURE__ */ a(U, { icon: e, width: 20, height: 20, "aria-hidden": "true" }) : e, _u = ({
   options: e,
   selectedKey: t,
   onSelect: n,
@@ -10406,8 +10437,8 @@ const hn = (e) => typeof e == "string" ? /* @__PURE__ */ a(U, { icon: e, width:
     )
   ] });
 };
-Lu.displayName = "TileSelect";
-const Tu = {
+_u.displayName = "TileSelect";
+const Ou = {
   subtle: {
     wrapper: "bg-default-100",
     amount: "text-default-900"
@@ -10416,7 +10447,7 @@ const Tu = {
     wrapper: "bg-success-50 text-success-700",
     amount: "text-success-700"
   }
-}, _u = ({
+}, Pu = ({
   total: e,
   label: t,
   locale: n = "en-US",
@@ -10424,7 +10455,7 @@ const Tu = {
   className: i,
   "data-testid": s = "payment-total-banner"
 }) => {
-  const o = Tu[r];
+  const o = Ou[r];
   return /* @__PURE__ */ f(
     "div",
     {
@@ -10444,8 +10475,8 @@ const Tu = {
     }
   );
 };
-_u.displayName = "PaymentTotalBanner";
-const Ou = {
+Pu.displayName = "PaymentTotalBanner";
+const zu = {
   // ~70% white + slight blur — matches Type=Processing.png design:
   // the form behind (tabs, fields, totals) stays VISIBLY dimmed
   // instead of being almost-fully-occluded. Gives the cashier a
@@ -10453,7 +10484,7 @@ const Ou = {
   // clear the modal is busy.
   white: "bg-white/70 backdrop-blur-sm",
   transparent: "bg-transparent"
-}, Pu = ({
+}, Ru = ({
   title: e,
   subtitle: t,
   backdrop: n = "white",
@@ -10470,7 +10501,7 @@ const Ou = {
     "data-state": r ? "exiting" : "visible",
     className: g(
       "absolute inset-0 z-10 flex flex-col items-center justify-center gap-4 rounded-3xl",
-      Ou[n],
+      zu[n],
       // Two animation modes:
       //   visible → fade-in entrance (150ms).
       //   exiting → fade-out + non-interactive; `forwards` fill
@@ -10496,7 +10527,7 @@ const Ou = {
     ]
   }
 );
-Pu.displayName = "LoadingOverlay";
+Ru.displayName = "LoadingOverlay";
 const Di = ({
   cashChange: e,
   label: t = "Cash to return",
@@ -10575,7 +10606,7 @@ const Di = ({
   );
 };
 Di.displayName = "PaymentCashChangeBanner";
-const zu = ({
+const Vu = ({
   title: e,
   subtitle: t,
   emailLine: n,
@@ -10656,8 +10687,8 @@ const zu = ({
     }
   );
 };
-zu.displayName = "PaymentSuccessView";
-const Ru = ({
+Vu.displayName = "PaymentSuccessView";
+const Bu = ({
   heading: e,
   amountLabel: t,
   value: n,
@@ -10722,8 +10753,8 @@ const Ru = ({
     }
   );
 };
-Ru.displayName = "PaymentSubAmountInput";
-const Vu = {
+Bu.displayName = "PaymentSubAmountInput";
+const Uu = {
   danger: {
     tile: "bg-danger-50 text-danger-600",
     icon: "solar:danger-circle-outline",
@@ -10734,7 +10765,7 @@ const Vu = {
     icon: "solar:danger-triangle-outline",
     confirmColor: "warning"
   }
-}, Bu = (e) => typeof e == "string" ? /* @__PURE__ */ a(U, { icon: e, className: "size-5", "aria-hidden": "true" }) : e, Uu = ({
+}, ju = (e) => typeof e == "string" ? /* @__PURE__ */ a(U, { icon: e, className: "size-5", "aria-hidden": "true" }) : e, Hu = ({
   isOpen: e,
   title: t,
   confirmLabel: n,
@@ -10751,7 +10782,7 @@ const Vu = {
   icon: m,
   "data-testid": w = "confirm-dialog"
 }) => {
-  const S = s ?? o ?? null, b = Vu[c], N = x ? null : Bu(m ?? b.icon);
+  const S = s ?? o ?? null, b = Uu[c], N = x ? null : ju(m ?? b.icon);
   return /* @__PURE__ */ a(
     Tn,
     {
@@ -10821,14 +10852,14 @@ const Vu = {
     }
   );
 };
-Uu.displayName = "ConfirmDialog";
-const ju = 60, Hu = (e, t, n = ju) => t ? e > n : e < -n, Ei = (e, t) => Math.max(0, Math.min(e, t)), qu = 160, Wu = (e, t, n = qu) => Math.min(e, Math.max(0, t - n)), Yu = (e, t, n) => Ei(e - t, n), Gu = (e, t, n) => e !== null ? Ei(e, n) : t ? n : 0, Ku = (e) => e ? "" : "transition-[height] duration-300 ease-out", Qu = (e) => ({
+Hu.displayName = "ConfirmDialog";
+const qu = 60, Wu = (e, t, n = qu) => t ? e > n : e < -n, Ei = (e, t) => Math.max(0, Math.min(e, t)), Yu = 160, Gu = (e, t, n = Yu) => Math.min(e, Math.max(0, t - n)), Ku = (e, t, n) => Ei(e - t, n), Qu = (e, t, n) => e !== null ? Ei(e, n) : t ? n : 0, Zu = (e) => e ? "" : "transition-[height] duration-300 ease-out", Ju = (e) => ({
   onDrag: (t, n) => {
     const r = e.open ? e.fullHeight : 0;
-    e.setDragHeight(Yu(r, n?.offset?.y ?? 0, e.fullHeight));
+    e.setDragHeight(Ku(r, n?.offset?.y ?? 0, e.fullHeight));
   },
   onDragEnd: (t, n) => {
-    Hu(n?.offset?.y ?? 0, e.open) && e.onToggleOpen?.(), e.setDragHeight(null);
+    Wu(n?.offset?.y ?? 0, e.open) && e.onToggleOpen?.(), e.setDragHeight(null);
   }
 }), tt = (e, t) => et(e.value, t, e.currency), sr = ({
   item: e,
@@ -11264,14 +11295,14 @@ const Pi = ({
   l && /* @__PURE__ */ a("div", { children: l })
 ] });
 Pi.displayName = "SummaryActionBar";
-const Zu = "(max-width: 767px)", Ju = (e) => typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia(e).matches : !1, Xu = (e = Zu) => {
-  const [t, n] = W(() => Ju(e));
+const Xu = "(max-width: 767px)", ef = (e) => typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia(e).matches : !1, tf = (e = Xu) => {
+  const [t, n] = W(() => ef(e));
   return De(() => {
     if (typeof window > "u" || typeof window.matchMedia != "function") return;
     const r = window.matchMedia(e), i = () => n(r.matches);
     return i(), r.addEventListener("change", i), () => r.removeEventListener("change", i);
   }, [e]), t;
-}, ef = ({
+}, nf = ({
   title: e = "Summary",
   pricesInLabel: t = "Prices are in",
   currency: n,
@@ -11298,11 +11329,11 @@ const Zu = "(max-width: 767px)", Ju = (e) => typeof window < "u" && typeof windo
   "data-testid": F = "summary",
   className: O
 }) => {
-  const A = v?.removeAriaLabel ?? "Remove item", z = v?.toggleAriaLabel ?? "Toggle summary", M = v?.cartAriaLabel ?? "View cart", D = Xu(), _ = d ?? (k ?? (D ? "mobile" : "main")) === "mobile", [Z, j] = W(x), H = u !== void 0, X = !_ || (H ? u : Z), re = te(() => {
+  const A = v?.removeAriaLabel ?? "Remove item", z = v?.toggleAriaLabel ?? "Toggle summary", M = v?.cartAriaLabel ?? "View cart", D = tf(), _ = d ?? (k ?? (D ? "mobile" : "main")) === "mobile", [Z, j] = W(x), H = u !== void 0, X = !_ || (H ? u : Z), re = te(() => {
     H || j((ee) => !ee), h?.();
   }, [H, h]), [se, G] = W(0), [B, K] = W(null), J = Pe(null), de = Pe(null), le = te(() => {
     const ee = J.current;
-    ee && G(Wu(ee.scrollHeight, window.innerHeight));
+    ee && G(Gu(ee.scrollHeight, window.innerHeight));
   }, []), Fe = te(
     (ee) => {
       de.current?.disconnect(), de.current = null, J.current = ee, ee && (le(), typeof ResizeObserver < "u" && (de.current = new ResizeObserver(le), de.current.observe(ee)));
@@ -11310,7 +11341,7 @@ const Zu = "(max-width: 767px)", Ju = (e) => typeof window < "u" && typeof windo
     [le]
   );
   De(() => (window.addEventListener("resize", le), () => window.removeEventListener("resize", le)), [le]);
-  const Ee = Qu({ open: X, fullHeight: se, setDragHeight: K, onToggleOpen: re }), Ne = B !== null, Be = Gu(B, X, se), Ue = se > 0 ? Math.min(1, Math.max(0, Be / se)) : X ? 1 : 0, rt = /* @__PURE__ */ a(Li, { total: l, locale: r, className: E.total }), je = c && /* @__PURE__ */ a(Ti, { secondaryTotal: c, locale: r, className: E.secondaryTotal }), Ge = N != null && /* @__PURE__ */ a(
+  const Ee = Ju({ open: X, fullHeight: se, setDragHeight: K, onToggleOpen: re }), Ne = B !== null, Be = Qu(B, X, se), Ue = se > 0 ? Math.min(1, Math.max(0, Be / se)) : X ? 1 : 0, rt = /* @__PURE__ */ a(Li, { total: l, locale: r, className: E.total }), je = c && /* @__PURE__ */ a(Ti, { secondaryTotal: c, locale: r, className: E.secondaryTotal }), Ge = N != null && /* @__PURE__ */ a(
     "p",
     {
       "data-testid": "summary-cta-caption",
@@ -11387,7 +11418,7 @@ const Zu = "(max-width: 767px)", Ju = (e) => typeof window < "u" && typeof windo
               "min-h-0",
               X && !Ne ? "overflow-y-auto overscroll-contain [scrollbar-width:none] [&::-webkit-scrollbar]:hidden" : "overflow-hidden",
               !X && "pointer-events-none",
-              Ku(Ne)
+              Zu(Ne)
             ),
             children: /* @__PURE__ */ f("div", { ref: Fe, className: "flex flex-col gap-4 pb-4", children: [
               _e,
@@ -11443,54 +11474,55 @@ const Zu = "(max-width: 767px)", Ju = (e) => typeof window < "u" && typeof windo
     }
   );
 };
-ef.displayName = "Summary";
+nf.displayName = "Summary";
 export {
   Q as Button,
-  nm as CashTenderForm,
+  am as CashTenderForm,
   Od as CatalogItemCard,
-  yu as CheckTenderForm,
-  mu as CheckboxCardGroup,
-  Qf as CommitmentDetails,
-  Uu as ConfirmDialog,
+  vu as CheckTenderForm,
+  pu as CheckboxCardGroup,
+  Jf as CommitmentDetails,
+  Hu as ConfirmDialog,
   ar as ConfirmationModal,
-  Pf as ConfirmationPageTemplate,
+  Rf as ConfirmationPageTemplate,
   ja as DatePicker,
+  mu as DimensionChip,
   lo as DonationAmounts,
   Ni as EmptyState,
   ki as ErrorState,
-  Bf as EventDetails,
-  zf as EventDetailsTemplate,
+  jf as EventDetails,
+  Vf as EventDetailsTemplate,
   fo as ExpireCartTimer,
   $t as FeedbackState,
   nu as FilterPopover,
-  Rf as Footer,
-  _f as HeroUIProvider,
-  Gf as InstallmentFundAssignment,
-  Kf as InstallmentFundAssignmentSkeleton,
-  Zf as InstallmentSchedule,
-  Jf as InstallmentScheduleSkeleton,
-  Xf as InstallmentTable,
+  Bf as Footer,
+  Pf as HeroUIProvider,
+  Qf as InstallmentFundAssignment,
+  Zf as InstallmentFundAssignmentSkeleton,
+  Xf as InstallmentSchedule,
+  em as InstallmentScheduleSkeleton,
+  tm as InstallmentTable,
   _d as ItemCard,
-  hu as ListPanel,
-  Pu as LoadingOverlay,
+  gu as ListPanel,
+  Ru as LoadingOverlay,
   Ci as LoadingState,
-  em as MembershipSelectCards,
-  Iu as ModalShell,
-  Fu as ModalShellFooter,
-  Mu as ModalShellHeader,
-  Vf as Multiselect,
-  Of as Navbar,
+  nm as MembershipSelectCards,
+  Fu as ModalShell,
+  Tu as ModalShellFooter,
+  Lu as ModalShellHeader,
+  Uf as Multiselect,
+  zf as Navbar,
   $n as OfferCard,
   pc as OfferCardEmpty,
   bc as OfferCardError,
   kc as OfferCardList,
   xc as OfferCardSkeleton,
-  wu as OtherTenderForm,
+  ku as OtherTenderForm,
   cu as PageHeader,
   Di as PaymentCashChangeBanner,
-  Ru as PaymentSubAmountInput,
-  zu as PaymentSuccessView,
-  _u as PaymentTotalBanner,
+  Bu as PaymentSubAmountInput,
+  Vu as PaymentSuccessView,
+  Pu as PaymentTotalBanner,
   Jl as RICH_TEXT_PRESETS,
   Yc as RevenueDistributionCard,
   Gc as RevenueDistributionEmpty,
@@ -11499,28 +11531,28 @@ export {
   ao as RichTextArea,
   Xe as Select,
   lu as SessionTimeline,
-  Au as SplitPaymentSummary,
+  Eu as SplitPaymentSummary,
   uu as StatusChip,
   Ml as Stepper,
   jd as SuccessState,
-  ef as Summary,
-  tm as TicketSelection,
-  Lu as TileSelect,
+  nf as Summary,
+  rm as TicketSelection,
+  _u as TileSelect,
   Hd as Toggle,
-  Yf as calculateAllocationDifference,
+  Kf as calculateAllocationDifference,
   Cr as computeChange,
   Ha as currencyFractionDigits,
   et as formatMoney,
   Rr as formatOfferCurrency,
-  jf as formatRevenueAmount,
-  Hf as formatRevenueCurrency,
+  qf as formatRevenueAmount,
+  Wf as formatRevenueCurrency,
   hd as generateAutomaticInstallments,
   bi as generateDistributionId,
-  qf as getCurrencySymbol,
+  Yf as getCurrencySymbol,
   wc as offerCardVariants,
   vc as offerListVariants,
-  Uf as parseOfferCurrency,
-  Wf as parseRevenueCurrency,
+  Hf as parseOfferCurrency,
+  Gf as parseRevenueCurrency,
   Fl as roundToCurrency
 };
 (function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode('.ProseMirror{flex:1;width:100%;min-height:100%;height:100%;cursor:text;background-color:#fff;padding:1rem;overflow-y:auto;box-sizing:border-box}.ProseMirror p{min-height:1.5em}.dark .ProseMirror{background-color:rgb(var(--nextui-background))}.ProseMirror ul{list-style-type:disc!important;list-style-position:outside!important;padding-left:2rem!important;margin:1rem 0!important;display:block!important}.ProseMirror ol{list-style-type:decimal!important;list-style-position:outside!important;padding-left:2rem!important;margin:1rem 0!important;display:block!important}.ProseMirror ul li,.ProseMirror ol li{display:list-item!important;list-style:inherit!important;margin:.25rem 0!important}.ProseMirror ul li p,.ProseMirror ol li p{margin:0!important;display:inline!important}.ProseMirror ul[data-type=taskList]{list-style:none!important;padding-left:0!important;margin:1rem 0!important}.ProseMirror ul[data-type=taskList] li{display:flex!important;align-items:flex-start!important;margin:.5rem 0!important}.ProseMirror ul[data-type=taskList] li label{margin-right:.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ProseMirror ul[data-type=taskList] li input[type=checkbox]{cursor:pointer;margin-top:.25rem}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3,.ProseMirror h4,.ProseMirror h5,.ProseMirror h6{line-height:1.2!important;margin:1rem 0 .5rem!important;font-weight:600!important}.ProseMirror h1{font-size:2rem!important}.ProseMirror h2{font-size:1.5rem!important}.ProseMirror h3{font-size:1.25rem!important}.ProseMirror h4{font-size:1.1rem!important}.ProseMirror h5{font-size:1rem!important;font-weight:600!important}.ProseMirror h6{font-size:.9rem!important;font-weight:600!important}.ProseMirror code{background-color:rgb(var(--nextui-default-100));border-radius:.4rem;color:rgb(var(--nextui-default-800));font-size:.85rem;padding:.25em .3em}.ProseMirror pre{background:rgb(var(--nextui-default-900));border-radius:.5rem;color:rgb(var(--nextui-default-50));font-family:JetBrainsMono,monospace;margin:1.5rem 0;padding:.75rem 1rem;overflow-x:auto}.ProseMirror pre code{background:none;color:inherit;font-size:.8rem;padding:0}.ProseMirror mark{background-color:#faf594;border-radius:.4rem;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.1rem .3rem}.ProseMirror blockquote{border-left:3px solid rgb(var(--nextui-default-300));margin:1.5rem 0;padding-left:1rem;color:rgb(var(--nextui-default-600))}.ProseMirror hr{border:none;border-top:1px solid rgb(var(--nextui-divider));margin:2rem 0}.ProseMirror a{color:rgb(var(--nextui-primary));text-decoration:underline;cursor:pointer}.ProseMirror a:hover{text-decoration:underline}.ProseMirror strong{font-weight:700!important}.ProseMirror em{font-style:italic!important}.ProseMirror s{text-decoration:line-through!important}.ProseMirror u{text-decoration:underline!important}.ProseMirror .has-text-align-left,.ProseMirror [style*="text-align: left"]{text-align:left!important}.ProseMirror .has-text-align-center,.ProseMirror [style*="text-align: center"]{text-align:center!important}.ProseMirror .has-text-align-right,.ProseMirror [style*="text-align: right"]{text-align:right!important}.ProseMirror .has-text-align-justify,.ProseMirror [style*="text-align: justify"]{text-align:justify!important}.ProseMirror ul li[style*="text-align: left"],.ProseMirror ol li[style*="text-align: left"]{text-align:left!important;list-style-position:inside!important}.ProseMirror ul li[style*="text-align: center"],.ProseMirror ol li[style*="text-align: center"]{text-align:center!important;list-style-position:inside!important}.ProseMirror ul li[style*="text-align: right"],.ProseMirror ol li[style*="text-align: right"]{text-align:right!important;list-style-position:inside!important}.ProseMirror ul li[style*="text-align: justify"],.ProseMirror ol li[style*="text-align: justify"]{text-align:justify!important;list-style-position:inside!important}.ProseMirror ul[data-type=taskList] li[style*="text-align: left"]{justify-content:flex-start!important}.ProseMirror ul[data-type=taskList] li[style*="text-align: center"]{justify-content:center!important}.ProseMirror ul[data-type=taskList] li[style*="text-align: right"]{justify-content:flex-end!important}.ProseMirror p.is-editor-empty:first-child:before{color:rgb(var(--nextui-default-400));content:attr(data-placeholder);float:left;height:0;pointer-events:none}')),document.head.appendChild(r)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();