@srimandir/pitru-paksh-common 2.59.0 → 2.60.0

package/dist/pitru-paksh-common.js

@@ -1,4 +1,4 @@
-import { createI18n as Ga, cn as f, BottomSheet as ke, DEFAULT_COUNTRIES as Ua, getMaxLengthForCountry as sa, validatePhoneByCountryCode as ra, getFlagEmoji as Ka } from "@srimandir/common";
+import { createI18n as Ga, cn as m, BottomSheet as ke, DEFAULT_COUNTRIES as Ua, getMaxLengthForCountry as sa, validatePhoneByCountryCode as ra, getFlagEmoji as Ka } from "@srimandir/common";
 import { cn as $l } from "@srimandir/common";
 import * as Za from "react";
 import k, { useState as $, useRef as rt, useMemo as $e, useEffect as at, Fragment as Ya } from "react";
@@ -269,11 +269,11 @@ function as() {
   wt = 1;
   var t = k, a = /* @__PURE__ */ Symbol.for("react.element"), s = /* @__PURE__ */ Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, l = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
   function c(o, d, g) {
-    var x, u = {}, m = null, b = null;
-    g !== void 0 && (m = "" + g), d.key !== void 0 && (m = "" + d.key), d.ref !== void 0 && (b = d.ref);
+    var x, u = {}, f = null, b = null;
+    g !== void 0 && (f = "" + g), d.key !== void 0 && (f = "" + d.key), d.ref !== void 0 && (b = d.ref);
     for (x in d) n.call(d, x) && !i.hasOwnProperty(x) && (u[x] = d[x]);
     if (o && o.defaultProps) for (x in d = o.defaultProps, d) u[x] === void 0 && (u[x] = d[x]);
-    return { $$typeof: a, type: o, key: m, ref: b, props: u, _owner: l.current };
+    return { $$typeof: a, type: o, key: f, ref: b, props: u, _owner: l.current };
   }
   return Re.Fragment = s, Re.jsx = c, Re.jsxs = c, Re;
 }
@@ -281,7 +281,7 @@ var Ee = {};
 var Ct;
 function ss() {
   return Ct || (Ct = 1, process.env.NODE_ENV !== "production" && (function() {
-    var t = k, a = /* @__PURE__ */ Symbol.for("react.element"), s = /* @__PURE__ */ Symbol.for("react.portal"), n = /* @__PURE__ */ Symbol.for("react.fragment"), l = /* @__PURE__ */ Symbol.for("react.strict_mode"), i = /* @__PURE__ */ Symbol.for("react.profiler"), c = /* @__PURE__ */ Symbol.for("react.provider"), o = /* @__PURE__ */ Symbol.for("react.context"), d = /* @__PURE__ */ Symbol.for("react.forward_ref"), g = /* @__PURE__ */ Symbol.for("react.suspense"), x = /* @__PURE__ */ Symbol.for("react.suspense_list"), u = /* @__PURE__ */ Symbol.for("react.memo"), m = /* @__PURE__ */ Symbol.for("react.lazy"), b = /* @__PURE__ */ Symbol.for("react.offscreen"), p = Symbol.iterator, w = "@@iterator";
+    var t = k, a = /* @__PURE__ */ Symbol.for("react.element"), s = /* @__PURE__ */ Symbol.for("react.portal"), n = /* @__PURE__ */ Symbol.for("react.fragment"), l = /* @__PURE__ */ Symbol.for("react.strict_mode"), i = /* @__PURE__ */ Symbol.for("react.profiler"), c = /* @__PURE__ */ Symbol.for("react.provider"), o = /* @__PURE__ */ Symbol.for("react.context"), d = /* @__PURE__ */ Symbol.for("react.forward_ref"), g = /* @__PURE__ */ Symbol.for("react.suspense"), x = /* @__PURE__ */ Symbol.for("react.suspense_list"), u = /* @__PURE__ */ Symbol.for("react.memo"), f = /* @__PURE__ */ Symbol.for("react.lazy"), b = /* @__PURE__ */ Symbol.for("react.offscreen"), p = Symbol.iterator, w = "@@iterator";
     function v(r) {
       if (r === null || typeof r != "object")
         return null;
@@ -309,7 +309,7 @@ function ss() {
     var B = !1, U = !1, I = !1, z = !1, D = !1, F;
     F = /* @__PURE__ */ Symbol.for("react.module.reference");
     function G(r) {
-      return !!(typeof r == "string" || typeof r == "function" || r === n || r === i || D || r === l || r === g || r === x || z || r === b || B || U || I || typeof r == "object" && r !== null && (r.$$typeof === m || r.$$typeof === u || r.$$typeof === c || r.$$typeof === o || r.$$typeof === d || // This needs to include all possible module reference object
+      return !!(typeof r == "string" || typeof r == "function" || r === n || r === i || D || r === l || r === g || r === x || z || r === b || B || U || I || typeof r == "object" && r !== null && (r.$$typeof === f || r.$$typeof === u || r.$$typeof === c || r.$$typeof === o || r.$$typeof === d || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -359,7 +359,7 @@ function ss() {
           case u:
             var P = r.displayName || null;
             return P !== null ? P : H(r.type) || "Memo";
-          case m: {
+          case f: {
             var M = r, V = M._payload, A = M._init;
             try {
               return H(A(V));
@@ -548,7 +548,7 @@ function ss() {
             return Ke(r.render);
           case u:
             return ve(r.type, h, N);
-          case m: {
+          case f: {
             var P = r, M = P._payload, V = P._init;
             try {
               return ve(V(M), h, N);
@@ -1208,7 +1208,7 @@ function qn({
   removeLabel: g,
   removeWarningMessagePrefix: x,
   removeWarningMessageSuffix: u = "?",
-  removeWarningConfirmLabel: m,
+  removeWarningConfirmLabel: f,
   removeWarningCancelLabel: b
 }) {
   const [p, w] = $(null);
@@ -1313,9 +1313,9 @@ function qn({
         isOpen: v != null,
         avatarUrl: s,
         messagePrefix: x,
-        highlightedNames: v ? `${v.name} ${v.tithi}` : "",
+        highlightedNames: v ? v.name : "",
         messageSuffix: u,
-        confirmLabel: m,
+        confirmLabel: f,
         cancelLabel: b,
         onConfirm: () => {
           p != null && i(p), w(null);
@@ -1861,7 +1861,7 @@ function nl({
   seeMoreLabel: l,
   onSeeMoreClick: i
 }) {
-  const [c, o] = $(!1), d = c ? s : s.slice(0, Mt), [g, x] = $(0), u = rt(null), m = () => {
+  const [c, o] = $(!1), d = c ? s : s.slice(0, Mt), [g, x] = $(0), u = rt(null), f = () => {
     const b = u.current;
     if (!b || b.children.length === 0)
       return;
@@ -1878,7 +1878,7 @@ function nl({
         "div",
         {
           ref: u,
-          onScroll: m,
+          onScroll: f,
           className: `flex w-full snap-x snap-mandatory gap-3 overflow-x-auto px-4 pt-4 ${n.length === 1 ? "justify-center" : ""}`,
           children: n.map((b, p) => /* @__PURE__ */ e.jsxs(
             "div",
@@ -2050,7 +2050,7 @@ const sr = qa(
       ref: u,
       type: g,
       disabled: i || l,
-      className: f(sr({ variant: a, size: s, iconOnly: n }), t),
+      className: m(sr({ variant: a, size: s, iconOnly: n }), t),
       ...x,
       children: l ? /* @__PURE__ */ e.jsx(ar, { className: "animate-spin", "aria-hidden": !0 }) : /* @__PURE__ */ e.jsxs("span", { className: "inline-flex items-center gap-2", children: [
         c,
@@ -2086,7 +2086,7 @@ const il = ({
 }) => /* @__PURE__ */ e.jsxs(
   "div",
   {
-    className: f(
+    className: m(
       "flex flex-col gap-3 rounded-lg bg-[#fef5e9] px-4 py-3.75",
       i
     ),
@@ -2134,19 +2134,19 @@ const il = ({
   showTitleAccent: g = !1,
   titleClassName: x
 }) => {
-  const [u, m] = $(l), [b, p] = $(o), w = n && a.length > s, v = w && !u ? a.slice(0, s) : a;
+  const [u, f] = $(l), [b, p] = $(o), w = n && a.length > s, v = w && !u ? a.slice(0, s) : a;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: f(
+      className: m(
         "flex flex-col items-center gap-5 bg-white px-4 py-6",
         d
       ),
       children: [
-        g ? /* @__PURE__ */ e.jsxs("h2", { className: f("flex w-full items-center gap-2 text-lg font-bold text-[#1d2125]", x), children: [
+        g ? /* @__PURE__ */ e.jsxs("h2", { className: m("flex w-full items-center gap-2 text-lg font-bold text-[#1d2125]", x), children: [
           /* @__PURE__ */ e.jsx("span", { "aria-hidden": !0, className: "block h-5 w-1 shrink-0 rounded-full bg-[#f75e22]" }),
           t
-        ] }) : /* @__PURE__ */ e.jsx("h2", { className: f("w-full text-base font-bold text-[#1d2125]", x), children: t }),
+        ] }) : /* @__PURE__ */ e.jsx("h2", { className: m("w-full text-base font-bold text-[#1d2125]", x), children: t }),
         /* @__PURE__ */ e.jsx("div", { className: "flex w-full flex-col gap-3", children: v.map((j, y) => {
           const S = b === y;
           return /* @__PURE__ */ e.jsxs(
@@ -2158,7 +2158,7 @@ const il = ({
                   "button",
                   {
                     type: "button",
-                    className: f(
+                    className: m(
                       "flex w-full items-center justify-between gap-2 p-3 text-left",
                       S ? "bg-[#f7f8f9]" : "bg-white"
                     ),
@@ -2172,7 +2172,7 @@ const il = ({
                         Oe,
                         {
                           size: 24,
-                          className: f("shrink-0 transition-transform duration-200", S ? "rotate-180" : ""),
+                          className: m("shrink-0 transition-transform duration-200", S ? "rotate-180" : ""),
                           "aria-hidden": !0
                         }
                       )
@@ -2201,13 +2201,13 @@ const il = ({
             variant: "secondary",
             size: "lg",
             className: "w-full",
-            onClick: () => m((j) => !j),
+            onClick: () => f((j) => !j),
             "aria-expanded": u,
             rightIcon: /* @__PURE__ */ e.jsx(
               Oe,
               {
                 size: 24,
-                className: f("shrink-0 transition-transform duration-200", u ? "rotate-180" : ""),
+                className: m("shrink-0 transition-transform duration-200", u ? "rotate-180" : ""),
                 "aria-hidden": !0
               }
             ),
@@ -2229,14 +2229,14 @@ const il = ({
   defaultOpenIndex: d = -1,
   className: g = ""
 }) => {
-  const [x, u] = $(i), [m, b] = $(d), p = l && s.length > n, w = p && !x ? s.slice(0, n) : s;
-  return /* @__PURE__ */ e.jsxs("div", { className: f("flex flex-col gap-3 bg-white px-4 py-6", g), children: [
+  const [x, u] = $(i), [f, b] = $(d), p = l && s.length > n, w = p && !x ? s.slice(0, n) : s;
+  return /* @__PURE__ */ e.jsxs("div", { className: m("flex flex-col gap-3 bg-white px-4 py-6", g), children: [
     /* @__PURE__ */ e.jsxs("h2", { className: "flex items-center gap-2 text-sm font-bold text-[#374151]", children: [
       a && /* @__PURE__ */ e.jsx("span", { "aria-hidden": !0, className: "block h-[18px] w-[3px] shrink-0 bg-[#f75e22]" }),
       t
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "flex w-full flex-col", children: w.map((v, j) => {
-      const y = m === j, S = y ? ks : Oe;
+      const y = f === j, S = y ? ks : Oe;
       return /* @__PURE__ */ e.jsxs(
         "div",
         {
@@ -2284,7 +2284,7 @@ const il = ({
           Oe,
           {
             size: 24,
-            className: f("shrink-0 transition-transform duration-200", x ? "rotate-180" : ""),
+            className: m("shrink-0 transition-transform duration-200", x ? "rotate-180" : ""),
             "aria-hidden": !0
           }
         ),
@@ -2306,7 +2306,7 @@ const il = ({
     autoPlay: g = !1,
     onPlayToggle: x
   }, u) => {
-    const [m, b] = k.useState(!1), [p, w] = k.useState(!0), [v, j] = k.useState(!1), [y, S] = k.useState(0), [B, U] = k.useState(0), [I, z] = k.useState(!0), D = k.useRef(null), F = k.useRef(null), G = k.useRef(() => {
+    const [f, b] = k.useState(!1), [p, w] = k.useState(!0), [v, j] = k.useState(!1), [y, S] = k.useState(0), [B, U] = k.useState(0), [I, z] = k.useState(!0), D = k.useRef(null), F = k.useRef(null), G = k.useRef(() => {
     }), _ = k.useRef(null);
     k.useEffect(() => {
       g && (b(!0), j(!1));
@@ -2318,15 +2318,15 @@ const il = ({
       );
     }, []);
     k.useEffect(() => {
-      if (!m || !p) {
+      if (!f || !p) {
         _.current && clearTimeout(_.current), z(!0);
         return;
       }
       return L(), () => {
         _.current && clearTimeout(_.current);
       };
-    }, [m, p, L]);
-    const H = i !== void 0 || c !== void 0, W = f(
+    }, [f, p, L]);
+    const H = i !== void 0 || c !== void 0, W = m(
       "block w-full",
       (H || !H && o !== void 0 || d) && "h-full object-cover object-center"
     ), ne = k.useCallback(
@@ -2368,7 +2368,7 @@ const il = ({
       },
       []
     ), k.useEffect(() => {
-      if (!m) return;
+      if (!f) return;
       const T = D.current;
       if (!T || typeof IntersectionObserver > "u") return;
       const O = new IntersectionObserver(
@@ -2378,7 +2378,7 @@ const il = ({
         { threshold: 0 }
       );
       return O.observe(T), () => O.disconnect();
-    }, [m]);
+    }, [f]);
     const le = (T) => {
       const O = Number(T.target.value);
       S(O), F.current && (F.current.currentTime = O);
@@ -2388,15 +2388,15 @@ const il = ({
       {
         ref: ne,
         style: H ? { width: i, height: c } : { aspectRatio: o },
-        className: f(
+        className: m(
           "relative w-full overflow-hidden",
           n && "rounded-2xl",
           s
         ),
         onClick: () => {
-          m && !I && (z(!0), p && L());
+          f && !I && (z(!0), p && L());
         },
-        children: m ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        children: f ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
           /* @__PURE__ */ e.jsx(
             Xa,
             {
@@ -2509,9 +2509,9 @@ const lr = () => /* @__PURE__ */ e.jsx("img", { src: "https://srm-cdn.a4b.io/yod
     menuClassName: d = "",
     ...g
   }, x) => {
-    const [u, m] = k.useState(n), b = l !== void 0, p = b ? l : u, w = k.useCallback(
+    const [u, f] = k.useState(n), b = l !== void 0, p = b ? l : u, w = k.useCallback(
       (y) => {
-        b || m(y), i?.(y);
+        b || f(y), i?.(y);
       },
       [b, i]
     ), v = k.useRef(null);
@@ -2529,7 +2529,7 @@ const lr = () => /* @__PURE__ */ e.jsx("img", { src: "https://srm-cdn.a4b.io/yod
     const j = (y) => {
       s?.(y.value), w(!1);
     };
-    return /* @__PURE__ */ e.jsxs("div", { ref: v, className: f("relative inline-block", c), ...g, children: [
+    return /* @__PURE__ */ e.jsxs("div", { ref: v, className: m("relative inline-block", c), ...g, children: [
       /* @__PURE__ */ e.jsxs(
         "button",
         {
@@ -2538,7 +2538,7 @@ const lr = () => /* @__PURE__ */ e.jsx("img", { src: "https://srm-cdn.a4b.io/yod
           "aria-label": "Switch language",
           "aria-haspopup": "listbox",
           "aria-expanded": p,
-          className: f(
+          className: m(
             "inline-flex items-center gap-1 rounded-full border border-gray-200 bg-white px-2 py-1",
             o
           ),
@@ -2548,7 +2548,7 @@ const lr = () => /* @__PURE__ */ e.jsx("img", { src: "https://srm-cdn.a4b.io/yod
               Oe,
               {
                 size: 24,
-                className: f("transition-transform duration-200", p ? "rotate-180" : ""),
+                className: m("transition-transform duration-200", p ? "rotate-180" : ""),
                 "aria-hidden": !0
               }
             )
@@ -2559,7 +2559,7 @@ const lr = () => /* @__PURE__ */ e.jsx("img", { src: "https://srm-cdn.a4b.io/yod
         "ul",
         {
           role: "listbox",
-          className: f(
+          className: m(
             "absolute left-0 top-full z-10 mt-2 min-w-35 overflow-hidden rounded-lg border border-gray-200 bg-white py-1 shadow-lg",
             d
           ),
@@ -2570,7 +2570,7 @@ const lr = () => /* @__PURE__ */ e.jsx("img", { src: "https://srm-cdn.a4b.io/yod
               {
                 type: "button",
                 onClick: () => j(y),
-                className: f(
+                className: m(
                   "block w-full px-3 py-2 text-left text-sm hover:bg-gray-50",
                   S ? "font-medium text-[#f75e22]" : "text-[#1d2125]"
                 ),
@@ -2595,7 +2595,7 @@ function cl({
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: f(
+      className: m(
         "mx-auto flex w-full max-w-md items-center justify-between px-4 py-3",
         i
       ),
@@ -2643,7 +2643,7 @@ const ir = k.forwardRef(
       type: i,
       onClick: s,
       "aria-pressed": a,
-      className: f(
+      className: m(
         "inline-flex shrink-0 items-center justify-center gap-1 rounded-full border text-[12px] leading-[16px] font-semibold whitespace-nowrap transition-colors",
         a ? "border-[#f38415] bg-[#f38415] px-4 py-1.5 text-white" : "border-[#fccf9a] bg-[#ffffff66] px-3 py-1.5 text-[#374151] hover:bg-white/70",
         l
@@ -2665,7 +2665,7 @@ const dl = ({
   ...l
 }) => {
   const i = s > 0 ? Math.min(100, Math.max(0, a / s * 100)) : 0;
-  return /* @__PURE__ */ e.jsxs("div", { className: f("step-progress-header", n), ...l, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: m("step-progress-header", n), ...l, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "step-progress-header__column", children: [
       /* @__PURE__ */ e.jsx("p", { className: "step-progress-header__quote", children: t }),
       /* @__PURE__ */ e.jsxs("div", { className: "step-progress-header__track", children: [
@@ -2753,7 +2753,7 @@ const It = 1.25, Bt = [
   className: i,
   ...c
 }) => {
-  const o = k.useRef(null), d = k.useRef(!1), [g, x] = k.useState(!1), [u, m] = k.useState(!1);
+  const o = k.useRef(null), d = k.useRef(!1), [g, x] = k.useState(!1), [u, f] = k.useState(!1);
   k.useEffect(() => {
     !n || d.current || (d.current = !0, o.current?.play().catch(() => {
     }));
@@ -2765,7 +2765,7 @@ const It = 1.25, Bt = [
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: f("flex w-full items-start gap-3 px-4 pb-6", i),
+      className: m("flex w-full items-start gap-3 px-4 pb-6", i),
       ...c,
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "relative size-16 shrink-0 overflow-hidden rounded-[12.8px] bg-linear-to-b from-[#fef5e9] to-[#fccf9a]", children: [
@@ -2812,9 +2812,9 @@ const It = 1.25, Bt = [
                 {
                   ref: o,
                   src: n,
-                  onPlay: () => m(!0),
-                  onPause: () => m(!1),
-                  onEnded: () => m(!1)
+                  onPlay: () => f(!0),
+                  onPause: () => f(!1),
+                  onEnded: () => f(!1)
                 }
               ),
               /* @__PURE__ */ e.jsx(
@@ -2851,7 +2851,7 @@ const It = 1.25, Bt = [
     "div",
     {
       ref: c,
-      className: f(
+      className: m(
         "flex shrink-0 items-center justify-center overflow-hidden rounded-full",
         ur[n],
         !a && "bg-gradient-to-b from-[#fef5e9] to-[#fde3c2] text-[#f38415]",
@@ -2878,7 +2878,7 @@ const ot = k.forwardRef(
     showRadio: g = !0,
     radioVariant: x = "dot",
     radioClassName: u,
-    tag: m,
+    tag: f,
     tagClassName: b,
     children: p,
     note: w,
@@ -2891,21 +2891,21 @@ const ot = k.forwardRef(
     const I = /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: f(
+        className: m(
           "relative overflow-visible rounded-xl border transition-colors",
           t ? "border-[#F38415] bg-[#FEF5E9]" : "border-gray-200 bg-white",
           y && "opacity-50",
           j
         ),
         children: [
-          m && /* @__PURE__ */ e.jsx(
+          f && /* @__PURE__ */ e.jsx(
             "span",
             {
-              className: f(
+              className: m(
                 "absolute -top-2.5 left-4 z-10 inline-flex items-center rounded-full bg-[#6d5bd0] px-2.5 py-1 text-[11px] font-semibold whitespace-nowrap text-white",
                 b
               ),
-              children: m
+              children: f
             }
           ),
           /* @__PURE__ */ e.jsxs(
@@ -2917,9 +2917,9 @@ const ot = k.forwardRef(
               "aria-checked": t,
               disabled: y,
               onClick: a,
-              className: f(
+              className: m(
                 "flex w-full items-center gap-3 overflow-hidden rounded-xl px-3 py-2 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#f75e22] focus-visible:ring-offset-2 disabled:cursor-not-allowed",
-                m && "pt-7"
+                f && "pt-7"
               ),
               ...B,
               children: [
@@ -2941,9 +2941,9 @@ const ot = k.forwardRef(
                   "span",
                   {
                     "aria-hidden": !0,
-                    className: f(
+                    className: m(
                       "inline-flex size-6 shrink-0 items-center justify-center rounded-full border transition-colors",
-                      t ? x === "check" ? f(
+                      t ? x === "check" ? m(
                         "border-transparent bg-linear-to-b from-[#f97e4e] to-[#f75e22] text-white",
                         u
                       ) : "border-[#F75E22]" : "border-gray-300"
@@ -2952,7 +2952,7 @@ const ot = k.forwardRef(
                       t && x === "dot" && /* @__PURE__ */ e.jsx(
                         "span",
                         {
-                          className: f(
+                          className: m(
                             "size-4 rounded-full bg-[#F75E22]",
                             u
                           )
@@ -2974,7 +2974,7 @@ const ot = k.forwardRef(
       /* @__PURE__ */ e.jsx(
         "div",
         {
-          className: f(
+          className: m(
             "px-4 py-1 text-center text-[10px] leading-3.5 font-medium bg-[#fccf9a] text-[#632E06]",
             v
           ),
@@ -2991,7 +2991,7 @@ const xl = ({ value: t, onClick: a, className: s, ...n }) => /* @__PURE__ */ e.j
     role: a ? "button" : void 0,
     tabIndex: a ? 0 : void 0,
     onClick: a,
-    className: f(
+    className: m(
       "mx-3 mb-3 flex items-center gap-2.5 rounded-xl border border-gray-200 bg-white px-3.5 py-3",
       a && "cursor-pointer",
       s
@@ -3011,7 +3011,7 @@ const xl = ({ value: t, onClick: a, className: s, ...n }) => /* @__PURE__ */ e.j
 }) => /* @__PURE__ */ e.jsxs(
   "div",
   {
-    className: f(
+    className: m(
       "mx-3 mb-3 flex items-center justify-between gap-2.5 rounded-xl border border-gray-200 bg-white px-3.5 py-3",
       n
     ),
@@ -3037,7 +3037,7 @@ const xl = ({ value: t, onClick: a, className: s, ...n }) => /* @__PURE__ */ e.j
 }) => /* @__PURE__ */ e.jsx(
   "span",
   {
-    className: f(
+    className: m(
       "inline-flex items-center rounded-full bg-white px-1.5 py-1 text-sm font-medium text-[#159169]",
       a
     ),
@@ -3051,7 +3051,7 @@ const xl = ({ value: t, onClick: a, className: s, ...n }) => /* @__PURE__ */ e.j
 }) => /* @__PURE__ */ e.jsx(
   "div",
   {
-    className: f(
+    className: m(
       "rounded-b-2xl bg-[#f38415]/15 px-4 py-2.5 text-center text-[13px] font-medium text-[#632e06]",
       t
     ),
@@ -3071,7 +3071,7 @@ const xl = ({ value: t, onClick: a, className: s, ...n }) => /* @__PURE__ */ e.j
   {
     type: "button",
     onClick: a,
-    className: f(
+    className: m(
       "inline-flex h-10 w-22 cursor-pointer items-center justify-center gap-2.5 rounded-lg bg-linear-to-b from-[#5eb98e] to-[#087955] text-base font-bold text-white",
       c
     ),
@@ -3083,7 +3083,7 @@ const xl = ({ value: t, onClick: a, className: s, ...n }) => /* @__PURE__ */ e.j
 ) : /* @__PURE__ */ e.jsxs(
   "div",
   {
-    className: f(
+    className: m(
       "inline-flex h-10 w-22 items-center justify-between rounded-lg border border-[#159169] bg-linear-to-b from-white to-[#edf5f2] px-3 text-[#087955] shadow-md",
       c
     ),
@@ -3120,8 +3120,8 @@ const xl = ({ value: t, onClick: a, className: s, ...n }) => /* @__PURE__ */ e.j
     addonsDescription: "These pujas will be performed on the day of Sarva Pitru Amavasya",
     addedLabel: "Added",
     addLabel: "Add",
-    mandapTitle: "Temple and Mandap Charges",
-    mandapDescription: "This fee covers the temple space, mandap, and other arrangements needed for the puja.",
+    mandapTitle: "Mandap Arrangement Fee",
+    mandapDescription: "This fee covers the temple space, mandap, and essential arrangements required for the puja.",
     checkoutProceedLabel: "Proceed to fill details",
     checkoutRitualSingular: "Ritual",
     checkoutRitualPlural: "Rituals"
@@ -3134,7 +3134,7 @@ const xl = ({ value: t, onClick: a, className: s, ...n }) => /* @__PURE__ */ e.j
     addedLabel: "जोड़ा गया",
     addLabel: "जोड़ें",
     mandapTitle: "मंदिर और मंडप शुल्क",
-    mandapDescription: "पूजा के लिए मंदिर में स्थान, मंडप और आवश्यक पूजा व्यवस्था सुनिश्चित करने के लिए यह शुल्क लिया जाता है",
+    mandapDescription: "मंदिर में स्थान, मंडप और आवश्यक पूजा व्यवस्था सुनिश्चित करने के लिए",
     checkoutProceedLabel: "आगे बढ़ें, और डिटेल्स भरें",
     checkoutRitualSingular: "पूजा-विधि",
     checkoutRitualPlural: "पूजा-विधि"
@@ -3146,8 +3146,8 @@ const xl = ({ value: t, onClick: a, className: s, ...n }) => /* @__PURE__ */ e.j
     addonsDescription: "ಈ ಪೂಜೆಗಳನ್ನು ಸರ್ವ ಪಿತೃ ಅಮಾವಾಸ್ಯೆಯ ದಿನದಂದು ನೆರವೇರಿಸಲಾಗುತ್ತದೆ",
     addedLabel: "ಸೇರಿಸಲಾಗಿದೆ",
     addLabel: "ಸೇರಿಸಿ",
-    mandapTitle: "ದೇವಾಲಯ ಮತ್ತು ಮಂಟಪದ ಶುಲ್ಕಗಳು",
-    mandapDescription: "ಈ ಶುಲ್ಕವು ದೇವಾಲಯದ ಜಾಗ, ಮಂಟಪ ಮತ್ತು ಪೂಜೆಗೆ ಅಗತ್ಯವಿರುವ ಇತರ ಸಿದ್ಧತೆಗಳನ್ನು ಒಳಗೊಂಡಿರುತ್ತದೆ.",
+    mandapTitle: "ಮಂಟಪ ಸಿದ್ಧತಾ ಶುಲ್ಕ",
+    mandapDescription: "ಈ ಶುಲ್ಕವು ದೇವಾಲಯದ ಜಾಗ, ಮಂಟಪ ಮತ್ತು ಪೂಜೆಗೆ ಅಗತ್ಯವಿರುವ ಪ್ರಮುಖ ವ್ಯವಸ್ಥೆಗಳನ್ನು ಒಳಗೊಂಡಿರುತ್ತದೆ.",
     checkoutProceedLabel: "ವಿವರಗಳನ್ನು ನಮೂದಿಸಲು ಮುಂದುವರಿಯಿರಿ",
     checkoutRitualSingular: "ಪೂಜೆ",
     checkoutRitualPlural: "ಪೂಜೆಗಳು"
@@ -3159,8 +3159,8 @@ const xl = ({ value: t, onClick: a, className: s, ...n }) => /* @__PURE__ */ e.j
     addonsDescription: "ఈ పూజలు సర్వ పితృ అమావాస్య రోజున జరుగుతాయి",
     addedLabel: "జోడించబడింది",
     addLabel: "జోడించండి",
-    mandapTitle: "ఆలయ మరియు మండప రుసుము",
-    mandapDescription: "ఈ రుసుము ఆలయ స్థలం, మండపం మరియు పూజకు అవసరమైన ఇతర ఏర్పాట్లను కవర్ చేస్తుంది.",
+    mandapTitle: "మండప ఏర్పాటు రుసుము",
+    mandapDescription: "ఆలయంలో స్థలం, మండపం మరియు అవసరమైన పూజ ఏర్పాట్లు చేయడానికి",
     checkoutProceedLabel: "ముందుకు సాగండి",
     checkoutRitualSingular: "పూజ",
     checkoutRitualPlural: "పూజలు"
@@ -3176,7 +3176,7 @@ const xl = ({ value: t, onClick: a, className: s, ...n }) => /* @__PURE__ */ e.j
 }) => /* @__PURE__ */ e.jsx(
   "div",
   {
-    className: f("rounded-2xl border border-gray-200 bg-white p-4", i),
+    className: m("rounded-2xl border border-gray-200 bg-white p-4", i),
     ...c,
     children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-start justify-between gap-3", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "min-w-0 flex-1", children: [
@@ -3204,7 +3204,7 @@ const xl = ({ value: t, onClick: a, className: s, ...n }) => /* @__PURE__ */ e.j
   "button",
   {
     type: s,
-    className: f(
+    className: m(
       // text-gray-900 needs `!` — a host app's own scoped Preflight-style
       // reset (`.some-root button { color: inherit; ... }`) outranks a
       // plain single-class selector on specificity regardless of load order.
@@ -3228,7 +3228,7 @@ const xl = ({ value: t, onClick: a, className: s, ...n }) => /* @__PURE__ */ e.j
   "button",
   {
     type: l,
-    className: f(
+    className: m(
       "inline-flex items-center gap-1.5 rounded-full border border-[#159169] bg-white px-3 py-1.5 text-sm font-semibold text-[#159169]! transition-colors hover:bg-[#edf5f2]",
       n
     ),
@@ -3265,7 +3265,7 @@ const xl = ({ value: t, onClick: a, className: s, ...n }) => /* @__PURE__ */ e.j
   descriptionHtml: g,
   price: x,
   basePrice: u,
-  currencySymbol: m = "₹",
+  currencySymbol: f = "₹",
   showSavedBadge: b,
   savedLabel: p,
   action: w
@@ -3282,11 +3282,11 @@ const xl = ({ value: t, onClick: a, className: s, ...n }) => /* @__PURE__ */ e.j
       footer: /* @__PURE__ */ e.jsxs("div", { className: re.footer, children: [
         /* @__PURE__ */ e.jsxs("div", { className: re.priceRow, children: [
           /* @__PURE__ */ e.jsxs("span", { className: re.price, children: [
-            m,
+            f,
             x
           ] }),
           v && /* @__PURE__ */ e.jsxs("span", { className: re.basePrice, children: [
-            m,
+            f,
             u
           ] }),
           y && /* @__PURE__ */ e.jsx("span", { className: re.savedBadge, children: p ?? `Save ${j}%` })
@@ -3295,7 +3295,7 @@ const xl = ({ value: t, onClick: a, className: s, ...n }) => /* @__PURE__ */ e.j
       ] }),
       children: /* @__PURE__ */ e.jsxs("div", { className: re.contentBlock, children: [
         /* @__PURE__ */ e.jsx("div", { className: re.imageWrap, children: /* @__PURE__ */ e.jsx("img", { src: n, alt: l, className: re.image }) }),
-        i && /* @__PURE__ */ e.jsx("div", { className: f(re.tag, c), children: i }),
+        i && /* @__PURE__ */ e.jsx("div", { className: m(re.tag, c), children: i }),
         /* @__PURE__ */ e.jsxs("div", { className: re.info, children: [
           /* @__PURE__ */ e.jsx("p", { className: re.title, children: o }),
           g ? /* @__PURE__ */ e.jsx("div", { className: re.description, dangerouslySetInnerHTML: { __html: g } }) : d && /* @__PURE__ */ e.jsx("p", { className: re.description, children: d })
@@ -3334,7 +3334,7 @@ const xl = ({ value: t, onClick: a, className: s, ...n }) => /* @__PURE__ */ e.j
   readMoreLabel: g = Nt(d, "templeSignificanceReadMoreLabel"),
   readLessLabel: x = Nt(d, "templeSignificanceReadLessLabel"),
   price: u,
-  originalPrice: m,
+  originalPrice: f,
   tag: b,
   tagClassName: p,
   action: w,
@@ -3355,7 +3355,7 @@ const xl = ({ value: t, onClick: a, className: s, ...n }) => /* @__PURE__ */ e.j
       onClick: (te) => {
         te.stopPropagation(), W ? (L(!0), I?.(!0)) : G((le) => (I?.(!le), !le));
       },
-      className: f(Q.readMoreToggle, i && Q.readMoreToggleBlock),
+      className: m(Q.readMoreToggle, i && Q.readMoreToggleBlock),
       children: W ? g : F ? x : g
     }
   );
@@ -3363,11 +3363,11 @@ const xl = ({ value: t, onClick: a, className: s, ...n }) => /* @__PURE__ */ e.j
     /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: f(Q.card, W && Q.tappable, z),
+        className: m(Q.card, W && Q.tappable, z),
         onClick: W ? () => L(!0) : void 0,
         ...D,
         children: [
-          b && /* @__PURE__ */ e.jsx("div", { className: f(Q.tag, p), children: b }),
+          b && /* @__PURE__ */ e.jsx("div", { className: m(Q.tag, p), children: b }),
           /* @__PURE__ */ e.jsxs("div", { className: Q.content, children: [
             /* @__PURE__ */ e.jsxs("div", { className: Q.info, children: [
               /* @__PURE__ */ e.jsxs("div", { className: Q.textGroup, children: [
@@ -3376,7 +3376,7 @@ const xl = ({ value: t, onClick: a, className: s, ...n }) => /* @__PURE__ */ e.j
                   /* @__PURE__ */ e.jsx(
                     "div",
                     {
-                      className: f(ne && Q.descriptionClamp),
+                      className: m(ne && Q.descriptionClamp),
                       style: ne ? { WebkitLineClamp: c } : void 0,
                       dangerouslySetInnerHTML: { __html: i }
                     }
@@ -3389,7 +3389,7 @@ const xl = ({ value: t, onClick: a, className: s, ...n }) => /* @__PURE__ */ e.j
               ] }),
               /* @__PURE__ */ e.jsxs("div", { className: Q.priceRow, children: [
                 /* @__PURE__ */ e.jsx("span", { className: Q.price, children: u }),
-                m && /* @__PURE__ */ e.jsx("span", { className: Q.originalPrice, children: m })
+                f && /* @__PURE__ */ e.jsx("span", { className: Q.originalPrice, children: f })
               ] })
             ] }),
             /* @__PURE__ */ e.jsxs("div", { className: Q.imageWrap, children: [
@@ -3537,7 +3537,7 @@ const Kr = [
 ], Dt = (t, a, s) => /* @__PURE__ */ e.jsxs(
   "span",
   {
-    className: f("inline-flex shrink-0 items-center gap-1 text-xs font-semibold text-[#525252]", s, t.className),
+    className: m("inline-flex shrink-0 items-center gap-1 text-xs font-semibold text-[#525252]", s, t.className),
     children: [
       /* @__PURE__ */ e.jsx("span", { className: "shrink-0", "aria-hidden": !0, children: t.icon }),
       t.label
@@ -3551,7 +3551,7 @@ const Kr = [
   marqueeDurationSeconds: n = 14,
   className: l,
   ...i
-}) => s ? /* @__PURE__ */ e.jsx("div", { className: f("overflow-hidden bg-[#ededed] px-4 py-1", l), ...i, children: /* @__PURE__ */ e.jsx(
+}) => s ? /* @__PURE__ */ e.jsx("div", { className: m("overflow-hidden bg-[#ededed] px-4 py-1", l), ...i, children: /* @__PURE__ */ e.jsx(
   "div",
   {
     className: "flex w-max items-center gap-3 whitespace-nowrap motion-reduce:animate-none",
@@ -3561,7 +3561,7 @@ const Kr = [
 ) }) : /* @__PURE__ */ e.jsx(
   "div",
   {
-    className: f(
+    className: m(
       "flex items-center gap-3 overflow-x-auto bg-[#ededed] px-4 py-1 whitespace-nowrap",
       "scrollbar-none [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",
       l
@@ -3599,7 +3599,7 @@ const Kr = [
   proceedIcon: g = /* @__PURE__ */ e.jsx(Pe, { "aria-hidden": !0 }),
   onProceed: x,
   proceedButtonProps: u,
-  buttonWrapperClassName: m,
+  buttonWrapperClassName: f,
   growProceedButton: b = !1,
   className: p,
   ...w
@@ -3608,18 +3608,18 @@ const Kr = [
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: f(
+      className: m(
         "flex items-center gap-3 rounded-t-[20px] bg-white px-4 py-4 shadow-[0_0_20px_rgba(0,0,0,0.15)]",
         p
       ),
       ...w,
       children: [
-        /* @__PURE__ */ e.jsxs("div", { className: f("min-w-0", b ? "flex-none" : "flex-1"), children: [
+        /* @__PURE__ */ e.jsxs("div", { className: m("min-w-0", b ? "flex-none" : "flex-1"), children: [
           /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1.5", children: [
             /* @__PURE__ */ e.jsx(
               "span",
               {
-                className: f(
+                className: m(
                   "text-xl font-extrabold text-[#1d2125]",
                   s
                 ),
@@ -3632,7 +3632,7 @@ const Kr = [
                 type: "button",
                 onClick: c,
                 "aria-label": v.infoButtonAriaLabel ?? "View bill details",
-                className: f(
+                className: m(
                   "inline-flex shrink-0 items-center justify-center text-[#f75e22]!",
                   !c && "pointer-events-none",
                   o
@@ -3641,12 +3641,12 @@ const Kr = [
               }
             )
           ] }),
-          n && /* @__PURE__ */ e.jsx("p", { className: f("mt-1 text-sm text-gray-500", l), children: n })
+          n && /* @__PURE__ */ e.jsx("p", { className: m("mt-1 text-sm text-gray-500", l), children: n })
         ] }),
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: f(
+            className: m(
               "min-w-0",
               // Not a grow factor when the button keeps its own width: a 1.4
               // wrapper is wider than a `min-w-40` button, and the slack lands
@@ -3655,7 +3655,7 @@ const Kr = [
               // with the price block (flex-1 min-w-0) taking the rest and
               // truncating first.
               b ? "flex-1" : "flex-none",
-              m
+              f
             ),
             children: /* @__PURE__ */ e.jsxs(
               X,
@@ -3664,7 +3664,7 @@ const Kr = [
                 size: "xl",
                 onClick: x,
                 ...u,
-                className: f(
+                className: m(
                   "h-auto min-h-14 min-w-0 justify-center gap-2 whitespace-normal px-3 py-2 text-center leading-5 bg-linear-to-b from-[#5eb98e] to-[#159169] focus-visible:ring-[#159169] [&>span]:min-w-0 [&>span]:whitespace-normal",
                   b ? "w-full" : "min-w-40",
                   u?.className
@@ -3758,7 +3758,7 @@ const Kr = [
   className: g,
   headerClassName: x,
   benefitsClassName: u,
-  optionsClassName: m,
+  optionsClassName: f,
   trustBadges: b,
   checkout: p,
   stickyFooter: w = !0,
@@ -3773,12 +3773,12 @@ const Kr = [
       { id: "24x7-support", icon: /* @__PURE__ */ e.jsx(va, { className: "size-5" }), label: j.trustBadgeLabels.support }
     ]
   };
-  return /* @__PURE__ */ e.jsxs("div", { className: f("w-full", g), children: [
-    /* @__PURE__ */ e.jsxs("div", { className: f("px-4 pt-5 pb-4", x), children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: m("w-full", g), children: [
+    /* @__PURE__ */ e.jsxs("div", { className: m("px-4 pt-5 pb-4", x), children: [
       /* @__PURE__ */ e.jsx("p", { className: "text-[20px] leading-6.5 font-extrabold text-[#1d2125]", children: y }),
       S && /* @__PURE__ */ e.jsx("p", { className: "mt-2 text-[14px] leading-5.5 text-gray-500", children: S })
     ] }),
-    B && B.length > 0 && /* @__PURE__ */ e.jsx("div", { className: f("flex flex-col gap-3.5 bg-[#f3f5f7] px-4 py-5", u), children: B.map((I, z) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-3", children: [
+    B && B.length > 0 && /* @__PURE__ */ e.jsx("div", { className: m("flex flex-col gap-3.5 bg-[#f3f5f7] px-4 py-5", u), children: B.map((I, z) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-3", children: [
       /* @__PURE__ */ e.jsx(nt, { size: 18, className: "mt-0.5 shrink-0 text-emerald-600", "aria-hidden": !0 }),
       /* @__PURE__ */ e.jsx("span", { className: "text-[14px] leading-5.5 text-gray-600", children: I })
     ] }, z)) }),
@@ -3787,7 +3787,7 @@ const Kr = [
       {
         role: "radiogroup",
         "aria-label": d ?? (typeof y == "string" ? y : void 0),
-        className: f("flex flex-col gap-3 p-4", m),
+        className: m("flex flex-col gap-3 p-4", f),
         children: l.map((I) => {
           const {
             id: z,
@@ -3800,12 +3800,12 @@ const Kr = [
             iconClassName: J,
             radioVariant: W,
             ...ne
-          } = I, Z = i === z, te = G ?? (D == null ? void 0 : F ? /* @__PURE__ */ e.jsx("span", { className: f("text-sm font-medium text-[#22272b]", _?.className), ..._, children: D }) : /* @__PURE__ */ e.jsx(xr, { value: D, ..._ }));
+          } = I, Z = i === z, te = G ?? (D == null ? void 0 : F ? /* @__PURE__ */ e.jsx("span", { className: m("text-sm font-medium text-[#22272b]", _?.className), ..._, children: D }) : /* @__PURE__ */ e.jsx(xr, { value: D, ..._ }));
           return /* @__PURE__ */ e.jsx(
             ot,
             {
               ...ne,
-              iconClassName: f("size-10", J),
+              iconClassName: m("size-10", J),
               radioVariant: W ?? o,
               badge: te,
               selected: Z,
@@ -3818,7 +3818,7 @@ const Kr = [
         })
       }
     ),
-    (U || p) && /* @__PURE__ */ e.jsxs("div", { className: f(w && "sticky bottom-0 z-10", v), children: [
+    (U || p) && /* @__PURE__ */ e.jsxs("div", { className: m(w && "sticky bottom-0 z-10", v), children: [
       U && /* @__PURE__ */ e.jsx(Zr, { ...U }),
       p && /* @__PURE__ */ e.jsx(ct, { locale: t, ...p })
     ] })
@@ -3828,25 +3828,40 @@ const Kr = [
     title: "Pitru Paksha Special Rituals",
     ancestorsLabel: "Ancestors",
     ritualsLabel: "Rituals",
-    performersLabel: "Performers"
+    performersLabel: "Performers",
+    ancestorLabel: "Ancestor",
+    ritualLabel: "Ritual",
+    performerLabel: "Performer"
   },
   hi: {
     title: "पितृ पक्ष विशेष अनुष्ठान",
     ancestorsLabel: "पितृजन",
     ritualsLabel: "पूजा विधि",
-    performersLabel: "कर्ता"
+    performersLabel: "कर्ता",
+    // Hindi doesn't inflect these for number (same as MYOR's own
+    // ritualCountSingular/ritualCountPlural, which are also identical) — no
+    // separate singular copy needed.
+    ancestorLabel: "पितृजन",
+    ritualLabel: "पूजा विधि",
+    performerLabel: "कर्ता"
   },
   te: {
     title: "పితృపక్ష ప్రత్యేక పూజలు",
     ancestorsLabel: "మంది పితృదేవతలు",
     ritualsLabel: "పూజలు",
-    performersLabel: "కర్తలు"
+    performersLabel: "కర్తలు",
+    ancestorLabel: "మంది పితృదేవతలు",
+    ritualLabel: "పూజలు",
+    performerLabel: "కర్తలు"
   },
   kn: {
     title: "ಪಿತೃ ಪಕ್ಷದ ವಿಶೇಷ ಆಚರಣೆಗಳು",
     ancestorsLabel: "ಪೂರ್ವಜರು",
     ritualsLabel: "ಆಚರಣೆಗಳು",
-    performersLabel: "ಕರ್ತೃಗಳು"
+    performersLabel: "ಕರ್ತೃಗಳು",
+    ancestorLabel: "ಪೂರ್ವಜರು",
+    ritualLabel: "ಆಚರಣೆಗಳು",
+    performerLabel: "ಕರ್ತೃಗಳು"
   }
 }, Xr = (t) => Vt[t] ?? Vt.en, Qr = ({
   locale: t = "en",
@@ -3862,17 +3877,17 @@ const Kr = [
   className: x,
   ...u
 }) => {
-  const m = Xr(t), b = n ?? m.title, p = c ?? (o && [
-    `${o.ancestors} ${m.ancestorsLabel}`,
-    `${o.rituals} ${m.ritualsLabel}`,
-    `${o.performers} ${m.performersLabel}`
+  const f = Xr(t), b = n ?? f.title, p = c ?? (o && [
+    `${o.ancestors} ${o.ancestors === 1 ? f.ancestorLabel : f.ancestorsLabel}`,
+    `${o.rituals} ${o.rituals === 1 ? f.ritualLabel : f.ritualsLabel}`,
+    `${o.performers} ${o.performers === 1 ? f.performerLabel : f.performersLabel}`
   ]);
-  return /* @__PURE__ */ e.jsx("div", { className: f("bg-gradient-to-b from-[#fce7f3] to-white px-4 pt-4 pb-6", x), ...u, children: /* @__PURE__ */ e.jsxs("div", { className: f("rounded-2xl bg-white p-4 shadow-sm", g), children: [
-    /* @__PURE__ */ e.jsxs("p", { className: f("flex items-center gap-2 text-sm font-bold text-[#db2777]", l), children: [
-      a && /* @__PURE__ */ e.jsx("span", { className: f("shrink-0 text-sm", s), children: a }),
+  return /* @__PURE__ */ e.jsx("div", { className: m("bg-gradient-to-b from-[#fce7f3] to-white px-4 pt-4 pb-6", x), ...u, children: /* @__PURE__ */ e.jsxs("div", { className: m("rounded-2xl bg-white p-4 shadow-sm", g), children: [
+    /* @__PURE__ */ e.jsxs("p", { className: m("flex items-center gap-2 text-sm font-bold text-[#db2777]", l), children: [
+      a && /* @__PURE__ */ e.jsx("span", { className: m("shrink-0 text-sm", s), children: a }),
       b
     ] }),
-    (i || p && p.length > 0) && /* @__PURE__ */ e.jsx("p", { className: f("mt-2 text-[15px] font-semibold text-[#1d2125]", d), children: p && p.length > 0 ? p.map((w, v) => /* @__PURE__ */ e.jsxs(k.Fragment, { children: [
+    (i || p && p.length > 0) && /* @__PURE__ */ e.jsx("p", { className: m("mt-2 text-[15px] font-semibold text-[#1d2125]", d), children: p && p.length > 0 ? p.map((w, v) => /* @__PURE__ */ e.jsxs(k.Fragment, { children: [
       v > 0 && /* @__PURE__ */ e.jsx("span", { className: "mx-1.5 text-gray-400", children: "•" }),
       w
     ] }, v)) : i })
@@ -3908,7 +3923,7 @@ const Kr = [
   }
 }, ya = (t) => $t[t] ?? $t.en;
 function Wt({ label: t, originalValue: a, freeLabel: s, rowClassName: n }) {
-  return /* @__PURE__ */ e.jsxs("div", { className: f("flex items-start justify-between gap-3", n), children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: m("flex items-start justify-between gap-3", n), children: [
     /* @__PURE__ */ e.jsx("div", { className: "min-w-0", children: /* @__PURE__ */ e.jsx("p", { className: "text-xs font-medium text-[#6b7280]", children: t }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex shrink-0 items-center gap-2 whitespace-nowrap text-xs", children: [
       /* @__PURE__ */ e.jsx("span", { className: "text-[#d93640] line-through", children: a }),
@@ -3930,12 +3945,12 @@ const Na = ({
   className: x,
   ...u
 }) => {
-  const { title: m, totalLabel: b, panditFeeLabel: p, photoVideoFeeLabel: w, freeLabel: v } = ya(t);
-  return /* @__PURE__ */ e.jsxs("div", { className: f("bg-white px-4 py-6", x), ...u, children: [
+  const { title: f, totalLabel: b, panditFeeLabel: p, photoVideoFeeLabel: w, freeLabel: v } = ya(t);
+  return /* @__PURE__ */ e.jsxs("div", { className: m("bg-white px-4 py-6", x), ...u, children: [
     s && /* @__PURE__ */ e.jsxs(
       "h2",
       {
-        className: f(
+        className: m(
           "mb-4 flex items-center gap-2 text-lg font-bold text-[#1d2125]",
           a
         ),
@@ -3947,7 +3962,7 @@ const Na = ({
               className: "block h-5 w-1 shrink-0 rounded-full bg-[#f75e22]"
             }
           ),
-          m
+          f
         ]
       }
     ),
@@ -3955,17 +3970,17 @@ const Na = ({
       n.map((j) => /* @__PURE__ */ e.jsxs(
         "div",
         {
-          className: f(
+          className: m(
             "flex items-start justify-between gap-3",
             l
           ),
           children: [
             /* @__PURE__ */ e.jsxs("div", { className: "min-w-0", children: [
-              /* @__PURE__ */ e.jsx("p", { className: f("text-sm text-[#1d2125]", j.labelClassName), children: j.label }),
+              /* @__PURE__ */ e.jsx("p", { className: m("text-sm text-[#1d2125]", j.labelClassName), children: j.label }),
               j.subLabel && /* @__PURE__ */ e.jsx(
                 "p",
                 {
-                  className: f(
+                  className: m(
                     "mt-0.5 text-xs text-gray-400",
                     j.subLabelClassName
                   ),
@@ -3978,7 +3993,7 @@ const Na = ({
               j.originalValue && /* @__PURE__ */ e.jsx(
                 "span",
                 {
-                  className: f(
+                  className: m(
                     "text-gray-400 line-through",
                     j.originalValueClassName
                   ),
@@ -3988,7 +4003,7 @@ const Na = ({
               /* @__PURE__ */ e.jsx(
                 "span",
                 {
-                  className: f("font-medium text-[#1d2125]", j.valueClassName),
+                  className: m("font-medium text-[#1d2125]", j.valueClassName),
                   children: j.value
                 }
               )
@@ -4021,7 +4036,7 @@ const Na = ({
     c !== void 0 && /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: f(
+        className: m(
           "mt-4 flex items-center justify-between border-t border-solid border-gray-300 pt-4",
           o
         ),
@@ -4116,7 +4131,7 @@ const vl = ({
   itemsClassName: g,
   itemClassName: x,
   onItemRef: u,
-  addons: m,
+  addons: f,
   addonsSectionClassName: b,
   addonsHeaderClassName: p,
   addonsTitleClassName: w,
@@ -4133,50 +4148,50 @@ const vl = ({
   ...G
 }) => {
   const { backButtonAriaLabel: _, headerTitle: L, addonsTitle: H, addonsDescription: J, checkoutProceedLabel: W, checkoutRitualSingular: ne, checkoutRitualPlural: Z } = Ue(t), { price: te, ritualCount: le, ...T } = z ?? {};
-  return /* @__PURE__ */ e.jsxs("div", { className: f("flex min-h-screen flex-col bg-white", D), ...G, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: m("flex min-h-screen flex-col bg-white", D), ...G, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex flex-1 flex-col", children: [
-      /* @__PURE__ */ e.jsxs("div", { className: f("flex items-center gap-3 px-4 py-3", n), children: [
+      /* @__PURE__ */ e.jsxs("div", { className: m("flex items-center gap-3 px-4 py-3", n), children: [
         a && /* @__PURE__ */ e.jsx(
           "button",
           {
             type: "button",
             onClick: a,
             "aria-label": s ?? _,
-            className: f(
+            className: m(
               "flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-lg border-0 bg-transparent p-0",
               l
             ),
             children: /* @__PURE__ */ e.jsx(lt, { className: "size-6 text-[#1d2125]", "aria-hidden": !0 })
           }
         ),
-        /* @__PURE__ */ e.jsx("h1", { className: f("text-lg font-bold text-[#1d2125]", i), children: L })
+        /* @__PURE__ */ e.jsx("h1", { className: m("text-lg font-bold text-[#1d2125]", i), children: L })
       ] }),
       o && /* @__PURE__ */ e.jsx(Qr, { ...o }),
-      d && d.length > 0 && /* @__PURE__ */ e.jsx("div", { className: f("flex flex-col gap-3 bg-white px-4 py-4", g), children: d.map(({ id: O, className: oe, isMandapCharge: de, ...ce }) => /* @__PURE__ */ e.jsx("div", { ref: u ? (xe) => u(O, xe) : void 0, children: de ? /* @__PURE__ */ e.jsx(
+      d && d.length > 0 && /* @__PURE__ */ e.jsx("div", { className: m("flex flex-col gap-3 bg-white px-4 py-4", g), children: d.map(({ id: O, className: oe, isMandapCharge: de, ...ce }) => /* @__PURE__ */ e.jsx("div", { ref: u ? (xe) => u(O, xe) : void 0, children: de ? /* @__PURE__ */ e.jsx(
         fr,
         {
           locale: t,
-          className: f(x, oe),
+          className: m(x, oe),
           ...ce
         }
       ) : /* @__PURE__ */ e.jsx(
         pa,
         {
-          className: f(x, oe),
+          className: m(x, oe),
           ...ce
         }
       ) }, O)) }),
       c,
-      m && m.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: f("flex flex-col gap-4 bg-gray-50 px-4 py-6", b), children: [
+      f && f.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: m("flex flex-col gap-4 bg-gray-50 px-4 py-6", b), children: [
         /* @__PURE__ */ e.jsxs("div", { className: p, children: [
-          /* @__PURE__ */ e.jsx("h2", { className: f("text-base font-bold text-gray-700", w), children: H }),
-          /* @__PURE__ */ e.jsx("p", { className: f("mt-1 text-sm text-gray-500", v), children: J })
+          /* @__PURE__ */ e.jsx("h2", { className: m("text-base font-bold text-gray-700", w), children: H }),
+          /* @__PURE__ */ e.jsx("p", { className: m("mt-1 text-sm text-gray-500", v), children: J })
         ] }),
-        /* @__PURE__ */ e.jsx("div", { className: f("flex flex-col gap-4", j), children: m.map(({ id: O, className: oe, ...de }) => /* @__PURE__ */ e.jsx("div", { ref: B ? (ce) => B(O, ce) : void 0, children: /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ e.jsx("div", { className: m("flex flex-col gap-4", j), children: f.map(({ id: O, className: oe, ...de }) => /* @__PURE__ */ e.jsx("div", { ref: B ? (ce) => B(O, ce) : void 0, children: /* @__PURE__ */ e.jsx(
           S,
           {
             locale: t,
-            className: f(y, oe),
+            className: m(y, oe),
             ...de
           }
         ) }, O)) })
@@ -4211,16 +4226,16 @@ const vl = ({
     wrapperClassName: g,
     maxLength: x,
     id: u,
-    ...m
+    ...f
   }, b) => {
     const p = k.useId(), w = u ?? p, v = i ?? (l ? `${a.length}${x ? `/${x}` : ""}` : void 0);
-    return /* @__PURE__ */ e.jsxs("div", { className: f("flex w-full flex-col gap-2", d), children: [
+    return /* @__PURE__ */ e.jsxs("div", { className: m("flex w-full flex-col gap-2", d), children: [
       t && /* @__PURE__ */ e.jsx("label", { htmlFor: w, className: "text-[14px] leading-5 font-semibold text-[#6b7280]", children: t }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex w-full flex-col gap-1", children: [
         /* @__PURE__ */ e.jsxs(
           "div",
           {
-            className: f(
+            className: m(
               "flex w-full items-center gap-1.5 rounded-lg border bg-white p-3 focus-within:ring-2 focus-within:ring-[#f75e22]/40",
               c ? "border-[#ef4444]" : "border-[#d1d5db]",
               g
@@ -4236,17 +4251,17 @@ const vl = ({
                   maxLength: x,
                   onChange: (j) => s(j.target.value),
                   "aria-invalid": c,
-                  className: f(
+                  className: m(
                     "w-full min-w-0 flex-1 border-0 bg-transparent p-0 text-[16px] leading-5.5 font-medium text-[#1f2937] placeholder:text-[#9ca3af] focus:outline-none focus:ring-0",
                     o
                   ),
-                  ...m
+                  ...f
                 }
               )
             ]
           }
         ),
-        v && /* @__PURE__ */ e.jsx("p", { className: f("text-[12px] leading-4 font-medium", c ? "text-[#ef4444]" : "text-[#9ca3af]"), children: v })
+        v && /* @__PURE__ */ e.jsx("p", { className: m("text-[12px] leading-4 font-medium", c ? "text-[#ef4444]" : "text-[#9ca3af]"), children: v })
       ] })
     ] });
   }
@@ -4296,13 +4311,13 @@ function yl({
         )
       ] }),
       children: /* @__PURE__ */ e.jsx("div", { className: "grid w-full grid-cols-4 gap-x-2 gap-y-4 px-5 py-4", children: l.map((u) => {
-        const m = d === u;
+        const f = d === u;
         return /* @__PURE__ */ e.jsx(
           "button",
           {
             type: "button",
             onClick: () => g(u),
-            className: `flex items-center justify-center rounded-full border px-3 py-1.5 text-[10px] leading-3.5 font-semibold whitespace-nowrap ${m ? "border-[#f38415] bg-[#f38415] text-white" : "border-[#fccf9a] bg-white/40 text-[#374151]"}`,
+            className: `flex items-center justify-center rounded-full border px-3 py-1.5 text-[10px] leading-3.5 font-semibold whitespace-nowrap ${f ? "border-[#f38415] bg-[#f38415] text-white" : "border-[#fccf9a] bg-white/40 text-[#374151]"}`,
             children: u
           },
           u
@@ -4364,20 +4379,20 @@ function Nl({
   minYear: g,
   maxYear: x = (/* @__PURE__ */ new Date()).getFullYear(),
   minDate: u,
-  maxDate: m
+  maxDate: f
 }) {
-  const b = u?.year ?? g, p = m?.year ?? x, w = $e(() => {
+  const b = u?.year ?? g, p = f?.year ?? x, w = $e(() => {
     const _ = b ?? p - 120;
     return Array.from({ length: p - _ + 1 }, (L, H) => _ + H);
   }, [b, p]), [v, j] = $(() => d ? d.day - 1 : Math.floor(Gt.length / 2)), [y, S] = $(() => d ? d.month - 1 : 0), [B, U] = $(
     () => d ? Math.max(0, w.indexOf(d.year)) : Math.floor(w.length / 2)
   ), I = w[B], z = $e(() => {
     let _ = en;
-    return m && I === m.year && (_ = _.filter((L) => L <= m.month - 1)), u && I === u.year && (_ = _.filter((L) => L >= u.month - 1)), _;
-  }, [I, u, m]), D = (z[y] ?? z[z.length - 1] ?? 0) + 1, F = $e(() => {
+    return f && I === f.year && (_ = _.filter((L) => L <= f.month - 1)), u && I === u.year && (_ = _.filter((L) => L >= u.month - 1)), _;
+  }, [I, u, f]), D = (z[y] ?? z[z.length - 1] ?? 0) + 1, F = $e(() => {
     let _ = Gt;
-    return m && I === m.year && D === m.month && (_ = _.filter((L) => L <= m.day)), u && I === u.year && D === u.month && (_ = _.filter((L) => L >= u.day)), _;
-  }, [I, D, u, m]);
+    return f && I === f.year && D === f.month && (_ = _.filter((L) => L <= f.day)), u && I === u.year && D === u.month && (_ = _.filter((L) => L >= u.day)), _;
+  }, [I, D, u, f]);
   at(() => {
     S((_) => Math.min(_, z.length - 1));
   }, [z]), at(() => {
@@ -4442,8 +4457,8 @@ function wl({
   amLabel: d = "AM",
   pmLabel: g = "PM"
 }) {
-  const x = $e(() => tn(o?.hour ?? 11), [o?.hour]), u = [d, g], [m, b] = $(() => Je.indexOf(x.hour12)), [p, w] = $(() => o?.minute ?? 0), [v, j] = $(() => x.period === "AM" ? 0 : 1), y = () => {
-    const S = an(Je[m], v === 0 ? "AM" : "PM");
+  const x = $e(() => tn(o?.hour ?? 11), [o?.hour]), u = [d, g], [f, b] = $(() => Je.indexOf(x.hour12)), [p, w] = $(() => o?.minute ?? 0), [v, j] = $(() => x.period === "AM" ? 0 : 1), y = () => {
+    const S = an(Je[f], v === 0 ? "AM" : "PM");
     i({ hour: S, minute: Ut[p] });
   };
   return /* @__PURE__ */ e.jsx(
@@ -4463,7 +4478,7 @@ function wl({
         /* @__PURE__ */ e.jsx(X, { variant: "primary", size: "lg", className: "flex-1 rounded-xl", onClick: y, children: l })
       ] }),
       children: /* @__PURE__ */ e.jsxs("div", { className: "relative flex w-full items-center justify-center gap-11 px-5 py-4", children: [
-        /* @__PURE__ */ e.jsx(Le, { options: Je.map(String), selectedIndex: m, onChange: b }),
+        /* @__PURE__ */ e.jsx(Le, { options: Je.map(String), selectedIndex: f, onChange: b }),
         /* @__PURE__ */ e.jsx(
           Le,
           {
@@ -4521,7 +4536,7 @@ function Cl({
   countries: d = Ua,
   initialCountryIso: g = "IN"
 }) {
-  const x = d.find((v) => v.iso === g) ?? d[0], [u, m] = $(o), b = sa(x.code), p = ra(u, x.code).isValid && u.length > 0, w = () => {
+  const x = d.find((v) => v.iso === g) ?? d[0], [u, f] = $(o), b = sa(x.code), p = ra(u, x.code).isValid && u.length > 0, w = () => {
     p && c(u, x);
   };
   return /* @__PURE__ */ e.jsx(
@@ -4561,7 +4576,7 @@ function Cl({
               /* @__PURE__ */ e.jsx("span", { className: "text-[18px] leading-6 font-medium text-[#6b7280]", children: x.code })
             ] }),
             maxLength: b,
-            onChange: (v) => m(v.replace(/\D/g, "").slice(0, b)),
+            onChange: (v) => f(v.replace(/\D/g, "").slice(0, b)),
             containerClassName: "mt-2 w-full gap-0",
             wrapperClassName: "h-14 gap-2 rounded-xl px-4",
             className: "text-[18px] placeholder:text-[#ced1d7]"
@@ -4582,8 +4597,8 @@ function Ll({
   initialValue: c = "",
   errorText: o = "Please enter a valid email"
 }) {
-  const [d, g] = $(c), [x, u] = $(!1), m = d.trim(), b = rn.test(m), p = x && m.length > 0 && !b, w = () => {
-    b && i(m);
+  const [d, g] = $(c), [x, u] = $(!1), f = d.trim(), b = rn.test(f), p = x && f.length > 0 && !b, w = () => {
+    b && i(f);
   };
   return /* @__PURE__ */ e.jsx(
     ke,
@@ -4642,7 +4657,7 @@ function kl({
   imageComponent: g,
   ratingLabel: x,
   bookedLabel: u,
-  title: m,
+  title: f,
   description: b,
   learnMoreLabel: p,
   onLearnMoreClick: w,
@@ -4725,7 +4740,7 @@ function kl({
         /* @__PURE__ */ e.jsxs("div", { className: "flex w-full flex-col items-start gap-3", children: [
           /* @__PURE__ */ e.jsxs("div", { className: "flex w-full flex-col items-start gap-2", children: [
             /* @__PURE__ */ e.jsxs("div", { className: "flex w-full flex-col items-start gap-1", children: [
-              /* @__PURE__ */ e.jsx("h3", { className: "text-base font-bold leading-[22px] text-[#361407]", children: m }),
+              /* @__PURE__ */ e.jsx("h3", { className: "text-base font-bold leading-[22px] text-[#361407]", children: f }),
               /* @__PURE__ */ e.jsx("p", { className: "w-full text-xs font-semibold leading-4 text-[#6B7280]", children: b })
             ] }),
             G && p != null && /* @__PURE__ */ e.jsxs(
@@ -4844,7 +4859,7 @@ function on({
   className: x,
   isGlobal: u = !1
 }) {
-  const m = ln(s), b = m.payButtonTemplate.replace("{amount}", o);
+  const f = ln(s), b = f.payButtonTemplate.replace("{amount}", o);
   return /* @__PURE__ */ e.jsx(
     Ie,
     {
@@ -4852,11 +4867,11 @@ function on({
       onClose: a,
       showDragHandle: !1,
       closeButtonOutside: !0,
-      ariaLabel: m.heading,
-      className: f("rounded-t-[20px] bg-[#f7f8f9]", x),
+      ariaLabel: f.heading,
+      className: m("rounded-t-[20px] bg-[#f7f8f9]", x),
       header: /* @__PURE__ */ e.jsxs("div", { className: "flex w-full flex-col items-center gap-0.5 px-4 pt-4", children: [
-        /* @__PURE__ */ e.jsx("p", { className: "text-center text-[18px] leading-6 font-bold text-[#22272b]", children: m.heading }),
-        /* @__PURE__ */ e.jsx("p", { className: "text-center text-[14px] leading-5 font-normal text-[#6b7280]", children: m.subtext })
+        /* @__PURE__ */ e.jsx("p", { className: "text-center text-[18px] leading-6 font-bold text-[#22272b]", children: f.heading }),
+        /* @__PURE__ */ e.jsx("p", { className: "text-center text-[14px] leading-5 font-normal text-[#6b7280]", children: f.subtext })
       ] }),
       footer: /* @__PURE__ */ e.jsxs("div", { className: "flex w-full items-center gap-3 px-4 pb-4", children: [
         /* @__PURE__ */ e.jsx(
@@ -4866,7 +4881,7 @@ function on({
             size: "lg",
             className: "h-12 shrink-0 rounded-xl border-[#141414] text-[#1d2125] hover:bg-gray-50",
             onClick: d,
-            children: m.editDetailsLabel
+            children: f.editDetailsLabel
           }
         ),
         /* @__PURE__ */ e.jsx(
@@ -4882,7 +4897,7 @@ function on({
       ] }),
       children: /* @__PURE__ */ e.jsx("div", { className: "flex w-full flex-col gap-4 px-4 py-3", children: /* @__PURE__ */ e.jsxs("div", { className: "flex w-full flex-col gap-3 rounded-lg bg-white py-3", children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex w-full flex-col gap-3 px-3", children: [
-          /* @__PURE__ */ e.jsx("p", { className: "text-[14px] leading-5 font-bold text-[#374151]", children: m.ancestorsLabel }),
+          /* @__PURE__ */ e.jsx("p", { className: "text-[14px] leading-5 font-bold text-[#374151]", children: f.ancestorsLabel }),
           /* @__PURE__ */ e.jsx("div", { className: "flex w-full flex-wrap items-center gap-2", children: n.map((p) => /* @__PURE__ */ e.jsxs(Zt, { children: [
             /* @__PURE__ */ e.jsx("span", { className: "text-[12px] leading-4 font-semibold text-[#374151]", children: p.value }),
             p.label && /* @__PURE__ */ e.jsxs("span", { className: "text-[10px] leading-3.5 font-medium text-[#6b7280]", children: [
@@ -4894,7 +4909,7 @@ function on({
         ] }),
         /* @__PURE__ */ e.jsx("div", { className: "h-px w-full bg-[#e5e7eb]" }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex w-full flex-col gap-3 px-3", children: [
-          /* @__PURE__ */ e.jsx("p", { className: "text-[14px] leading-5 font-bold text-[#374151]", children: m.performerLabel }),
+          /* @__PURE__ */ e.jsx("p", { className: "text-[14px] leading-5 font-bold text-[#374151]", children: f.performerLabel }),
           /* @__PURE__ */ e.jsx("div", { className: "flex w-full flex-wrap items-center gap-2", children: l.filter((p) => p.trim().length > 0).map((p, w) => /* @__PURE__ */ e.jsx(Zt, { children: /* @__PURE__ */ e.jsxs("span", { className: "text-[12px] leading-4 font-semibold text-[#374151]", children: [
             w + 1,
             ". ",
@@ -4904,11 +4919,11 @@ function on({
         /* @__PURE__ */ e.jsx("div", { className: "h-px w-full bg-[#e5e7eb]" }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex w-full flex-col gap-2 px-3", children: [
           /* @__PURE__ */ e.jsxs("div", { className: "flex w-full items-start gap-1", children: [
-            /* @__PURE__ */ e.jsx("span", { className: "flex-1 text-[12px] leading-4 font-semibold text-[#374151]", children: m.gotraLabel }),
+            /* @__PURE__ */ e.jsx("span", { className: "flex-1 text-[12px] leading-4 font-semibold text-[#374151]", children: f.gotraLabel }),
             /* @__PURE__ */ e.jsx("span", { className: "shrink-0 text-[12px] leading-4 font-semibold text-[#374151]", children: i })
           ] }),
           /* @__PURE__ */ e.jsxs("div", { className: "flex w-full items-start gap-1", children: [
-            /* @__PURE__ */ e.jsx("span", { className: "flex-1 text-[12px] leading-4 font-semibold text-[#374151]", children: u ? m.emailLabel : m.whatsappLabel }),
+            /* @__PURE__ */ e.jsx("span", { className: "flex-1 text-[12px] leading-4 font-semibold text-[#374151]", children: u ? f.emailLabel : f.whatsappLabel }),
             /* @__PURE__ */ e.jsx("span", { className: "shrink-0 text-[12px] leading-4 font-semibold text-[#374151]", children: c })
           ] })
         ] })
@@ -4952,7 +4967,7 @@ function cn({ isOpen: t, onClose: a, onOkayClick: s, locale: n = "en", className
       showCloseButton: !1,
       showDragHandle: !1,
       ariaLabel: i.heading,
-      className: f("rounded-t-[20px]", l),
+      className: m("rounded-t-[20px]", l),
       header: /* @__PURE__ */ e.jsxs("div", { className: "flex w-full items-start gap-3 px-4 pt-5 pb-3", children: [
         /* @__PURE__ */ e.jsx("p", { className: "flex-1 text-[18px] leading-6 font-bold text-[#22272b]", children: i.heading }),
         /* @__PURE__ */ e.jsx(
@@ -5143,7 +5158,7 @@ function _l({
   onPriceInfoClick: g,
   showPriceInfoIcon: x = !0,
   canProceed: u,
-  copy: m,
+  copy: f,
   proceedCtaLabel: b,
   proceedButtonProps: p,
   onProceedPayment: w,
@@ -5155,8 +5170,8 @@ function _l({
   onGotraInfoOkayClick: U,
   className: I
 }) {
-  const [z, D] = $(!1), [F, G] = $(!1), _ = dn(t), L = m ? Object.fromEntries(
-    Object.keys(_).map((C) => [C, m[C] || _[C]])
+  const [z, D] = $(!1), [F, G] = $(!1), _ = dn(t), L = f ? Object.fromEntries(
+    Object.keys(_).map((C) => [C, f[C] || _[C]])
   ) : _, H = wa(t), J = (C) => {
     const q = xn(C + 1, t);
     return C === 0 ? `*${q} ${L.kartaNameLabel}` : `${q} ${L.kartaNameLabel} ${L.kartaNameOptionalSuffix}`;
@@ -5201,7 +5216,7 @@ function _l({
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: f(
+      className: m(
         "flex min-h-screen w-full flex-col bg-linear-to-b from-[5.546%] from-[#fbe9f0] to-[12.146%] to-[#f7f8f9]",
         I
       ),
@@ -5281,7 +5296,7 @@ function _l({
                 showCharCount: !0,
                 error: O(C),
                 supportingText: O(C) ? L.nameMinLengthError : void 0,
-                wrapperClassName: f(
+                wrapperClassName: m(
                   "h-12 rounded-xl"
                 ),
                 onChange: (ae) => ne(q, ae)
@@ -5340,7 +5355,7 @@ function _l({
                       role: "option",
                       "aria-selected": C === a.gotra,
                       onClick: () => je(C),
-                      className: f(
+                      className: m(
                         "flex w-full items-center px-3 py-2 text-left text-[14px] font-medium text-[#1d2125] hover:bg-[#f9fafb]",
                         C === a.gotra && "bg-[#fff9e9]"
                       ),
@@ -5508,7 +5523,7 @@ function hn({ date: t }) {
 }
 const bn = "https://srm-cdn.a4b.io/yoda/1788173590414.svg", Jt = "https://srm-cdn.a4b.io/yoda/1788173668895.svg";
 function gn({ badgeLabel: t, dateLabel: a, className: s }) {
-  return /* @__PURE__ */ e.jsxs("div", { className: f("flex flex-col items-center gap-1", s), children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: m("flex flex-col items-center gap-1", s), children: [
     /* @__PURE__ */ e.jsxs("div", { className: "relative flex size-22.5 items-center justify-center", children: [
       /* @__PURE__ */ e.jsx(
         "img",
@@ -5615,11 +5630,11 @@ function Tl({
   saveCta: d,
   maxNameLength: g = Ln
 }) {
-  const [x, u] = $([""]), m = () => u([""]), b = (v) => {
-    m(), a(v);
+  const [x, u] = $([""]), f = () => u([""]), b = (v) => {
+    f(), a(v);
   }, p = () => {
     const v = x.map((j) => j.trim()).filter(Boolean);
-    v.length !== 0 && (s(v), m());
+    v.length !== 0 && (s(v), f());
   }, w = x.some((v) => v.trim().length > 0);
   return /* @__PURE__ */ e.jsx(
     ke,
@@ -5771,7 +5786,7 @@ function Al({
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: f(
+      className: m(
         "flex w-full items-start overflow-x-auto scrollbar-none [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",
         i
       ),
@@ -5913,32 +5928,32 @@ const ta = {
     helperTextClassName: g,
     ...x
   }, u) => {
-    const m = Bn(t);
+    const f = Bn(t);
     return /* @__PURE__ */ e.jsxs(
       "div",
       {
         ref: u,
-        className: f("rounded-2xl border border-gray-100 bg-white p-4 shadow-sm", c),
+        className: m("rounded-2xl border border-gray-100 bg-white p-4 shadow-sm", c),
         ...x,
         children: [
-          /* @__PURE__ */ e.jsxs("div", { className: f("flex items-center gap-3", o), children: [
+          /* @__PURE__ */ e.jsxs("div", { className: m("flex items-center gap-3", o), children: [
             /* @__PURE__ */ e.jsx(Me, { icon: i ?? /* @__PURE__ */ e.jsx(In, { size: 22, "aria-hidden": !0 }), size: "lg" }),
             /* @__PURE__ */ e.jsxs("div", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ e.jsx("p", { className: "text-lg leading-6 font-bold text-[#1d2125]", children: a ?? m.title }),
-              /* @__PURE__ */ e.jsx("p", { className: "mt-0.5 text-base leading-5 text-gray-500", children: s ?? m.subtitle })
+              /* @__PURE__ */ e.jsx("p", { className: "text-lg leading-6 font-bold text-[#1d2125]", children: a ?? f.title }),
+              /* @__PURE__ */ e.jsx("p", { className: "mt-0.5 text-base leading-5 text-gray-500", children: s ?? f.subtitle })
             ] })
           ] }),
           /* @__PURE__ */ e.jsx(
             "div",
             {
-              className: f(
+              className: m(
                 "mt-4 rounded-xl border border-gray-200 bg-gray-50 px-3.5 py-3.5",
                 d
               ),
-              children: /* @__PURE__ */ e.jsx("span", { className: "text-lg leading-6 font-medium text-gray-700", children: n ?? m.value })
+              children: /* @__PURE__ */ e.jsx("span", { className: "text-lg leading-6 font-medium text-gray-700", children: n ?? f.value })
             }
           ),
-          /* @__PURE__ */ e.jsx("p", { className: f("mt-3 text-sm leading-4.5 text-gray-500", g), children: l ?? m.helperText })
+          /* @__PURE__ */ e.jsx("p", { className: m("mt-3 text-sm leading-4.5 text-gray-500", g), children: l ?? f.helperText })
         ]
       }
     );
@@ -6016,7 +6031,7 @@ function Dl({
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: f(
+      className: m(
         "relative flex w-full flex-col items-center gap-3 overflow-hidden bg-gradient-to-b from-[#FFF9E9] to-white pt-2 pb-4",
         d
       ),
@@ -6068,25 +6083,25 @@ function Fl({
   proceedButtonProps: x,
   className: u
 }) {
-  const m = g ?? t == null;
+  const f = g ?? t == null;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: f(
+      className: m(
         "flex items-start justify-center gap-6 bg-gradient-to-b from-[#fff9e9] to-[#fcccdf] px-4 pt-4 pb-5 drop-shadow-[0px_4px_10px_rgba(0,0,0,0.12)]",
         u
       ),
       children: [
         t != null && /* @__PURE__ */ e.jsxs("div", { className: "flex shrink-0 flex-col items-start", children: [
           /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ e.jsx("span", { className: f("text-lg leading-6 font-bold text-[#141414]", a), children: t }),
+            /* @__PURE__ */ e.jsx("span", { className: m("text-lg leading-6 font-bold text-[#141414]", a), children: t }),
             l && /* @__PURE__ */ e.jsx(
               "button",
               {
                 type: "button",
                 onClick: i,
                 "aria-label": "View bill details",
-                className: f(
+                className: m(
                   "inline-flex shrink-0 items-center justify-center text-[#f75e22]",
                   !i && "pointer-events-none"
                 ),
@@ -6094,19 +6109,19 @@ function Fl({
               }
             )
           ] }),
-          s && /* @__PURE__ */ e.jsx("p", { className: f("text-xs leading-4 text-gray-500", n), children: s })
+          s && /* @__PURE__ */ e.jsx("p", { className: m("text-xs leading-4 text-gray-500", n), children: s })
         ] }),
         /* @__PURE__ */ e.jsxs(
           X,
           {
             variant: "primary",
             size: "xl",
-            disabled: m,
+            disabled: f,
             onClick: d,
             ...x,
-            className: f(
+            className: m(
               "flex-1 justify-center gap-1 rounded-xl",
-              m ? "bg-none bg-gray-400" : "bg-gradient-to-b from-[#5eb98e] to-[#087955]",
+              f ? "bg-none bg-gray-400" : "bg-gradient-to-b from-[#5eb98e] to-[#087955]",
               x?.className
             ),
             children: [