@fluid-app/fluid-cli-theme-dev 0.1.433 → 0.1.435

package/dist/dist-cli-preview/chunks/{ContactsScreen-kuRxflCD.js → ContactsScreen-nqNyMwxa.js}

@@ -1,22 +1,22 @@
-import { c as ze, l as i, ac as dr, j as t, aa as ur, ab as mr, am as Ie, aW as pr, a9 as rn, a8 as wt, X as Ge, M as D, U as pt, aP as fr, Z as gr, K as q, N as hr, G as ve, R as an, J as W, E as O, bg as _r, aH as xr, $ as ue, a0 as me, a1 as pe, a2 as fe, a3 as ge, bh as br, aL as sn, aM as on, bi as ln, aN as cn, C as yr, bj as yt, O as dn, H, Y as vr, bk as jr, B as Nr, ag as un, z as Cr } from "./account-screen-runtime-BjzMc3GU.js";
-import { c as kr, a as wr, u as Sr } from "./client.gen-DfWiOTes.js";
-import { u as mn, a as Mr, c as Tr, C as Er } from "./countries-api-adapter-DRty_8ei.js";
-import { T as tt, u as pn } from "./trash-2-C5c1weGY.js";
-import { E as Dr, Z as Ar, P as _e, M as nt, u as re, o as Pr, r as Rt, s as ie, q as zr, c as It, C as fn, R as De, j as Ae, k as gn } from "./schemas-CcDaDYH8.js";
-import { u as Fr } from "./use-mobile-DF76-293.js";
-import { a as Rr, c as Ir, b as Or, u as Lr, I as ae, S as Ee } from "./sheet-haptics-context-DTfySPrq.js";
-import { B as qr, a as $r, b as Ot, d as Kr, e as Br, c as Ur } from "./Breadcrumb-D_SqXp7d.js";
-import { o as hn, p as Gr, q as Hr, r as Yr, s as Qr, S as Vr, t as Wr, u as Xr, I as Zr, v as Jr, G as ea, L as ta, w as na, x as ra, y as aa, z as sa, B as oa, P as _n, g as xn, h as bn, M as He, D as rt, a as at, b as st, c as $e, E as Ze } from "./MobileActionSheet-CBoGiv4j.js";
-import { u as ia, S as yn } from "./useInfiniteQuery-CDXQnWw0.js";
-import { U as ke } from "./users-TuK7MiQN.js";
-import { E as Je, S as la, a as ca, b as da, c as ua, d as ma } from "./Select-sVTiAmsy.js";
-import { S as pa, b as fa, I as Ke, a as Oe, s as vn, d as ga, e as ha } from "./screen-route-slug-utils-CKharc6_.js";
-import { c as _a, U as xa, d as ba, e as ya, f as va, S as ja, T as Na, a as Ca, b as Lt, g as qt } from "./index-BF-Yok75.js";
-import { u as he } from "./sidebar-CkC-f9zG.js";
-import { g as Se, h as ka, C as wa } from "./Combobox-Km3Vrphp.js";
-import { M as jn, c as Nn, S as Sa, H as Ma, P as Ta, u as Ea, T as Da, L as Aa, b as Pa, E as za, a as Fa } from "./index-DotYg_8P.js";
-import { M as Ra } from "./map-pin-C_2_P4BZ.js";
-import { C as Ia } from "./copy-zqKnEIeM.js";
+import { c as ze, l as i, ac as dr, j as t, aa as ur, ab as mr, am as Ie, aK as pr, a9 as rn, a8 as wt, X as Ge, M as D, U as pt, aw as fr, Z as gr, K as q, N as _r, G as ve, R as an, J as W, E as O, aS as hr, ap as xr, $ as ue, a0 as me, a1 as pe, a2 as fe, a3 as ge, aU as br, at as sn, au as on, aR as ln, av as cn, C as yr, aT as yt, O as dn, H, Y as vr, b1 as jr, B as Nr, ag as un, z as Cr } from "./account-screen-runtime-BYj9PrHT.js";
+import { c as kr, a as wr, u as Sr } from "./client.gen-DO8I8bB0.js";
+import { u as mn, a as Mr, c as Tr, C as Er } from "./countries-api-adapter-B2ub-v6x.js";
+import { H as Dr, Z as Ar, P as he, M as tt, u as re, o as Pr, r as Rt, s as ie, t as zr, c as It, m as pn, C as fn, R as De, j as Ae, k as gn } from "./schemas-EHBiwcQ2.js";
+import { u as Fr } from "./use-mobile-B7ojcHh2.js";
+import { a as Rr, c as Ir, b as Or, u as Lr, I as ae, S as Ee } from "./sheet-haptics-context-DT2_eUzd.js";
+import { B as qr, a as $r, b as Ot, d as Kr, e as Br, c as Ur } from "./Breadcrumb-BKdVGms9.js";
+import { v as _n, w as Gr, x as Hr, y as Qr, z as Yr, B as Vr, F as Wr, G as Xr, H as Jr, J as Zr, K as ea, L as ta, N as na, O as ra, Q as aa, T as sa, U as oa, P as hn, k as xn, l as bn, M as He, D as nt, a as rt, b as at, c as $e, S as ia, d as la, e as ca, f as da, g as ua, E as Je } from "./MobileActionSheet-DaIBkwQD.js";
+import { u as ma, S as yn } from "./useInfiniteQuery-FHeNizQM.js";
+import { T as st } from "./trash-2-CZhp1ODr.js";
+import { U as ke } from "./users-JoDv7hjw.js";
+import { E as Ze } from "./ellipsis-wdxlMcjt.js";
+import { S as pa, b as fa, I as Ke, a as Oe, s as vn, d as ga, e as _a } from "./screen-route-slug-utils-Bq-L-ohr.js";
+import { T as ha, U as xa, a as ba, b as ya, c as va, S as ja } from "./index-qwhiPvOP.js";
+import { u as _e } from "./sidebar-C09syHYk.js";
+import { g as Se, h as Na, C as Ca } from "./Combobox-CyU4gagO.js";
+import { M as jn, f as Nn, S as ka, H as wa, P as Sa, u as Ma, d as Ta, L as Ea, e as Da, E as Aa, T as Pa, a as za, b as Lt, g as qt, c as Fa } from "./index-DSTWchdg.js";
+import { M as Ra } from "./map-pin-Be34_dU6.js";
+import { C as Ia } from "./copy-COLmacny.js";
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -89,7 +89,7 @@ const Ga = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ya = [
+const Qa = [
   ["path", { d: "M12 2v8", key: "1q4o3n" }],
   ["path", { d: "m4.93 10.93 1.41 1.41", key: "2a7f42" }],
   ["path", { d: "M2 18h2", key: "j10viu" }],
@@ -98,10 +98,10 @@ const Ya = [
   ["path", { d: "M22 22H2", key: "19qnx5" }],
   ["path", { d: "m8 6 4-4 4 4", key: "ybng9g" }],
   ["path", { d: "M16 18a4 4 0 0 0-8 0", key: "1lzouq" }]
-], Qa = ze("sunrise", Ya);
+], Ya = ze("sunrise", Qa);
 var St = "ContextMenu", [Va] = ur(St, [
-  hn
-]), ee = hn(), [Wa, Cn] = Va(St), kn = (e) => {
+  _n
+]), ee = _n(), [Wa, Cn] = Va(St), kn = (e) => {
   const { __scopeContextMenu: n, children: r, onOpenChange: a, dir: s, modal: o = !0 } = e, [l, c] = i.useState(!1), d = ee(n), u = dr(a), m = i.useCallback(
     (g) => {
       c(g), u(g);
@@ -170,14 +170,14 @@ var wn = "ContextMenuTrigger", Sn = i.forwardRef(
 Sn.displayName = wn;
 var Xa = "ContextMenuPortal", Mn = (e) => {
   const { __scopeContextMenu: n, ...r } = e, a = ee(n);
-  return /* @__PURE__ */ t.jsx(Yr, { ...a, ...r });
+  return /* @__PURE__ */ t.jsx(Qr, { ...a, ...r });
 };
 Mn.displayName = Xa;
 var Tn = "ContextMenuContent", En = i.forwardRef(
   (e, n) => {
     const { __scopeContextMenu: r, ...a } = e, s = Cn(Tn, r), o = ee(r), l = i.useRef(!1);
     return /* @__PURE__ */ t.jsx(
-      Qr,
+      Yr,
       {
         ...o,
         ...a,
@@ -204,13 +204,13 @@ var Tn = "ContextMenuContent", En = i.forwardRef(
   }
 );
 En.displayName = Tn;
-var Za = "ContextMenuGroup", Ja = i.forwardRef(
+var Ja = "ContextMenuGroup", Za = i.forwardRef(
   (e, n) => {
     const { __scopeContextMenu: r, ...a } = e, s = ee(r);
     return /* @__PURE__ */ t.jsx(ea, { ...s, ...a, ref: n });
   }
 );
-Ja.displayName = Za;
+Za.displayName = Ja;
 var es = "ContextMenuLabel", ts = i.forwardRef(
   (e, n) => {
     const { __scopeContextMenu: r, ...a } = e, s = ee(r);
@@ -221,7 +221,7 @@ ts.displayName = es;
 var ns = "ContextMenuItem", Dn = i.forwardRef(
   (e, n) => {
     const { __scopeContextMenu: r, ...a } = e, s = ee(r);
-    return /* @__PURE__ */ t.jsx(Zr, { ...s, ...a, ref: n });
+    return /* @__PURE__ */ t.jsx(Jr, { ...s, ...a, ref: n });
   }
 );
 Dn.displayName = ns;
@@ -247,7 +247,7 @@ var cs = "ContextMenuItemIndicator", ds = i.forwardRef((e, n) => {
 ds.displayName = cs;
 var us = "ContextMenuSeparator", An = i.forwardRef((e, n) => {
   const { __scopeContextMenu: r, ...a } = e, s = ee(r);
-  return /* @__PURE__ */ t.jsx(Jr, { ...s, ...a, ref: n });
+  return /* @__PURE__ */ t.jsx(Zr, { ...s, ...a, ref: n });
 });
 An.displayName = us;
 var ms = "ContextMenuArrow", ps = i.forwardRef(
@@ -295,7 +295,7 @@ Rn.displayName = gs;
 function Ve(e) {
   return (n) => n.pointerType !== "mouse" ? e(n) : void 0;
 }
-var hs = kn, _s = Sn, In = Mn, xs = En, bs = Dn, ys = An, vs = zn, js = Fn, Ns = Rn;
+var _s = kn, hs = Sn, In = Mn, xs = En, bs = Dn, ys = An, vs = zn, js = Fn, Ns = Rn;
 function ft(e) {
   return e.replace(/_/g, " ").replace(/([A-Z])/g, " $1").split(" ").map((n) => n.charAt(0).toUpperCase() + n.slice(1).toLowerCase()).join(" ").trim();
 }
@@ -476,7 +476,7 @@ function xe() {
 function it() {
   return ot().notes;
 }
-function Ye() {
+function Qe() {
   return ot().tasks;
 }
 function lt() {
@@ -640,7 +640,7 @@ const Is = (e) => e.client.get({
     "Content-Type": "application/json",
     ...e.headers
   }
-}), Ys = (e) => e.client.get({
+}), Qs = (e) => e.client.get({
   responseStyle: "data",
   security: [
     {
@@ -651,7 +651,7 @@ const Is = (e) => e.client.get({
   ],
   url: "/api/contacts/{contact_id}/notes",
   ...e
-}), Qs = (e) => e.client.post({
+}), Ys = (e) => e.client.post({
   responseStyle: "data",
   security: [
     {
@@ -703,7 +703,7 @@ const Is = (e) => e.client.get({
   ],
   url: "/api/contacts/{contact_id}/notes/{id}",
   ...e
-}), Zs = (e) => e.client.patch({
+}), Js = (e) => e.client.patch({
   responseStyle: "data",
   security: [
     {
@@ -718,7 +718,7 @@ const Is = (e) => e.client.get({
     "Content-Type": "application/json",
     ...e.headers
   }
-}), Js = (e) => e.client.delete({
+}), Zs = (e) => e.client.delete({
   responseStyle: "data",
   security: [
     {
@@ -892,16 +892,16 @@ function io(e) {
 }
 function lo(e) {
   return {
-    listNotes: async (n) => ({ notes: ((await Ys({
+    listNotes: async (n) => ({ notes: ((await Qs({
       client: e,
       path: { contact_id: ce(n) }
     })).notes ?? []).map(no) }),
-    createNote: (n, r) => Qs({
+    createNote: (n, r) => Ys({
       client: e,
       path: { contact_id: ce(n) },
       body: { note: { title: r.title, body: r.body } }
     }),
-    updateNote: (n, r, a) => Zs({
+    updateNote: (n, r, a) => Js({
       client: e,
       path: { contact_id: ce(r), id: n },
       body: { note: { title: a.title, body: a.body } }
@@ -934,7 +934,7 @@ function co(e) {
         }
       }
     }),
-    deleteTask: (n, r) => Js({
+    deleteTask: (n, r) => Zs({
       client: e,
       path: { contact_id: ce(r), id: n }
     })
@@ -1482,12 +1482,12 @@ function go(e, n) {
   return Rr(e, n);
 }
 const {
-  Context: ho,
-  Provider: _o,
+  Context: _o,
+  Provider: ho,
   useTranslation: xo
-} = Or("Contacts"), bo = _o, z = xo;
-function Qe() {
-  return i.use(ho);
+} = Or("Contacts"), bo = ho, z = xo;
+function Ye() {
+  return i.use(_o);
 }
 function yo({
   children: e
@@ -1498,7 +1498,7 @@ function yo({
   );
   return /* @__PURE__ */ t.jsx(bo, { value: a, children: e });
 }
-function Yn(e) {
+function Qn(e) {
   const n = e.indexOf(`
 
 `);
@@ -1522,13 +1522,13 @@ function le(e) {
   const n = typeof e == "string" ? new Date(e) : e;
   return new Date(n.getFullYear(), n.getMonth(), n.getDate());
 }
-const vo = /^\d{4}-\d{2}-\d{2}(?:$|T00:00(?::00(?:\.\d+)?)?(?:[+-]\d{2}:\d{2}|Z)?)$/, Qn = /^\d{4}-\d{2}-\d{2}T(\d{2}):(\d{2})(?::\d{2}(?:\.\d+)?)?(?:[+-]\d{2}:\d{2})?$/;
+const vo = /^\d{4}-\d{2}-\d{2}(?:$|T00:00(?::00(?:\.\d+)?)?(?:[+-]\d{2}:\d{2}|Z)?)$/, Yn = /^\d{4}-\d{2}-\d{2}T(\d{2}):(\d{2})(?::\d{2}(?:\.\d+)?)?(?:[+-]\d{2}:\d{2})?$/;
 function ct(e) {
   return vo.test(e);
 }
 function Vn(e) {
   if (!e) return "";
-  if (Qn.test(e))
+  if (Yn.test(e))
     return e.slice(0, 10);
   if (ct(e)) {
     const r = /^(\d{4})-(\d{2})-(\d{2})/.exec(e);
@@ -1559,7 +1559,7 @@ const de = {
   all: (e) => [e],
   list: (e) => [...de.all(e), "list"],
   detail: (e, n) => [...de.all(e), "detail", n]
-}, Y = {
+}, Q = {
   activities: (e) => ["portal-contacts", "activities", e],
   tasks: (e) => ["portal-contacts", "tasks", e],
   notes: (e) => ["portal-contacts", "notes", e],
@@ -1571,7 +1571,7 @@ const de = {
 };
 function No(e) {
   const n = xe();
-  return ia({
+  return ma({
     queryKey: [...de.list("contacts"), e],
     queryFn: ({ pageParam: r }) => n.listContacts({
       ...e,
@@ -1585,14 +1585,14 @@ function No(e) {
     initialPageParam: 1
   });
 }
-const Co = 30, ht = "12:00", Tt = /^(\d{2}):(\d{2})$/;
+const Co = 30, _t = "12:00", Tt = /^(\d{2}):(\d{2})$/;
 function Et(e) {
   const n = Tt.exec(e), r = n?.[1] ? Number(n[1]) : Number.NaN, a = n?.[2] ? Number(n[2]) : Number.NaN;
   return Number.isInteger(r) && Number.isInteger(a) && r >= 0 && r <= 23 && a >= 0 && a <= 59;
 }
 function Ht(e) {
   if (!e) return "";
-  const n = Qn.exec(e);
+  const n = Yn.exec(e);
   if (n?.[1] && n[2]) {
     const a = `${n[1]}:${n[2]}`;
     return Et(a) ? a : "";
@@ -1666,8 +1666,8 @@ function Mo({
   onClose: c,
   autoFocus: d = !0
 }) {
-  const { t: u, locale: m } = z(), [g, f] = i.useState(s), [_, y] = i.useState(o ?? null), [p, h] = i.useState(
-    () => Ht(o) || ht
+  const { t: u, locale: m } = z(), [g, f] = i.useState(s), [h, y] = i.useState(o ?? null), [p, _] = i.useState(
+    () => Ht(o) || _t
   ), [v, C] = i.useState(!1), [k, j] = i.useState(!1), [x, P] = i.useState(() => /* @__PURE__ */ new Date()), R = i.useId(), F = i.useRef(null);
   i.useEffect(() => {
     d && F.current?.focus();
@@ -1686,7 +1686,7 @@ function Mo({
       w != null && clearTimeout(w);
     };
   }, []);
-  const I = i.useMemo(() => Vn(_), [_]), S = I !== "", L = Ht(o) !== "", $ = p !== "" && S && (v || L), b = i.useMemo(
+  const I = i.useMemo(() => Vn(h), [h]), S = I !== "", L = Ht(o) !== "", $ = p !== "" && S && (v || L), b = i.useMemo(
     () => I === "" ? void 0 : le(I),
     [I]
   ), A = i.useMemo(
@@ -1721,14 +1721,14 @@ function Mo({
       day: "numeric"
     }), N = new Intl.DateTimeFormat(M, {
       weekday: "short"
-    }), J = new Intl.NumberFormat(M);
+    }), Z = new Intl.NumberFormat(M);
     return {
       formatCaption: (G) => w.format(G),
       formatMonthCaption: (G) => U.format(G),
       formatYearCaption: (G) => ne.format(G),
       formatDay: (G) => te.format(G),
       formatWeekdayName: (G) => N.format(G),
-      formatWeekNumber: (G) => J.format(G)
+      formatWeekNumber: (G) => Z.format(G)
     };
   }, [M]), be = i.useMemo(() => {
     const w = new Intl.DateTimeFormat(M, {
@@ -1764,11 +1764,11 @@ function Mo({
       due_at: v ? So(I, p) : o ?? null
     });
   }, Ne = g.trim().length > 0 && !n, E = (w) => {
-    C(!0), y(w), h((U) => U || ht);
+    C(!0), y(w), _((U) => U || _t);
   }, K = () => {
-    C(!0), y(null), h(ht), j(!1);
-  }, Z = (w) => {
-    C(!0), h(w), w && !S && y(Te(0, x));
+    C(!0), y(null), _(_t), j(!1);
+  }, J = (w) => {
+    C(!0), _(w), w && !S && y(Te(0, x));
   };
   return /* @__PURE__ */ t.jsxs("div", { className: "border-border/50 focus-within:border-foreground/30 rounded-xl border p-3 transition-colors", children: [
     /* @__PURE__ */ t.jsxs("div", { className: "flex items-start gap-3", children: [
@@ -1805,7 +1805,7 @@ function Mo({
       )
     ] }),
     /* @__PURE__ */ t.jsxs("div", { className: "mt-3 flex flex-wrap items-center gap-1.5 pl-(--row-indent) [--row-indent:2rem]", children: [
-      /* @__PURE__ */ t.jsxs(_n, { open: k, onOpenChange: j, children: [
+      /* @__PURE__ */ t.jsxs(hn, { open: k, onOpenChange: j, children: [
         /* @__PURE__ */ t.jsx(xn, { asChild: !0, children: /* @__PURE__ */ t.jsxs(
           "button",
           {
@@ -1847,7 +1847,7 @@ function Mo({
                 /* @__PURE__ */ t.jsx(
                   We,
                   {
-                    icon: Qa,
+                    icon: Ya,
                     label: u("quick_tomorrow"),
                     rightLabel: T.tomorrowLabel,
                     onSelect: () => E(T.tomorrow)
@@ -1856,7 +1856,7 @@ function Mo({
                 /* @__PURE__ */ t.jsx(
                   We,
                   {
-                    icon: ka,
+                    icon: Na,
                     label: u("task_next_week"),
                     rightLabel: T.nextWeekLabel,
                     onSelect: () => E(T.nextWeek)
@@ -1923,7 +1923,7 @@ function Mo({
                       id: R,
                       type: "time",
                       value: p,
-                      onChange: (w) => Z(w.target.value),
+                      onChange: (w) => J(w.target.value),
                       "aria-label": u("task_time_aria"),
                       className: "h-full border-0 bg-transparent p-0 text-right text-sm outline-none [&::-webkit-calendar-picker-indicator]:hidden"
                     }
@@ -1977,7 +1977,7 @@ function To({
       ),
       /* @__PURE__ */ t.jsx(q, { onClick: n, disabled: r, children: s(r ? "adding" : "add_contact") })
     ] }),
-    /* @__PURE__ */ t.jsx(hr, { children: /* @__PURE__ */ t.jsx(qr, { children: /* @__PURE__ */ t.jsxs($r, { className: "text-lg", children: [
+    /* @__PURE__ */ t.jsx(_r, { children: /* @__PURE__ */ t.jsx(qr, { children: /* @__PURE__ */ t.jsxs($r, { className: "text-lg", children: [
       /* @__PURE__ */ t.jsx(Ot, { children: /* @__PURE__ */ t.jsx(
         Kr,
         {
@@ -1997,7 +1997,7 @@ function To({
 function Dt() {
   const e = lt();
   return ve({
-    queryKey: Y.groups(),
+    queryKey: Q.groups(),
     queryFn: () => e.listGroups(),
     enabled: !!e,
     select: (n) => n.groups
@@ -2046,15 +2046,15 @@ function Do({
   onPointerTarget: d,
   onDelete: u
 }) {
-  const { t: m } = z(), g = At(e, m), f = String(e.id), _ = e.email ?? e.status?.trim() ?? null, y = i.useRef(null), p = i.useRef(null), h = i.useRef(0), v = i.useRef(!1), C = i.useRef(0), k = i.useRef(0), j = i.useRef(!1), x = i.useRef(!1), P = i.useRef(!1), R = i.useRef(!1), F = i.useRef(null), I = i.useRef(null);
+  const { t: m } = z(), g = At(e, m), f = String(e.id), h = e.email ?? e.status?.trim() ?? null, y = i.useRef(null), p = i.useRef(null), _ = i.useRef(0), v = i.useRef(!1), C = i.useRef(0), k = i.useRef(0), j = i.useRef(!1), x = i.useRef(!1), P = i.useRef(!1), R = i.useRef(!1), F = i.useRef(null), I = i.useRef(null);
   i.useEffect(() => () => {
     I.current?.abort();
   }, []);
   const S = i.useCallback(
     (E, K) => {
-      h.current = E;
-      const Z = p.current;
-      Z && (Z.style.opacity = E === 0 ? "0" : "1", Z.style.pointerEvents = E <= -80 ? "auto" : "none");
+      _.current = E;
+      const J = p.current;
+      J && (J.style.opacity = E === 0 ? "0" : "1", J.style.pointerEvents = E <= -80 ? "auto" : "none");
       const w = y.current;
       w && (K === "open" ? w.style.transition = "transform 0.15s cubic-bezier(0.25, 0.1, 0.25, 1)" : K === "close" ? w.style.transition = "transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1)" : w.style.transition = "none", w.style.transform = `translateX(${E}px)`);
     },
@@ -2073,16 +2073,16 @@ function Do({
   ), $ = i.useCallback(
     (E, K) => {
       if (!j.current) return;
-      const Z = E - C.current, w = K - k.current;
-      if (!x.current && (Math.abs(Z) < 4 && Math.abs(w) < 4 || (x.current = !0, P.current = Math.abs(Z) > Math.abs(w), !P.current)) || !P.current) return;
+      const J = E - C.current, w = K - k.current;
+      if (!x.current && (Math.abs(J) < 4 && Math.abs(w) < 4 || (x.current = !0, P.current = Math.abs(J) > Math.abs(w), !P.current)) || !P.current) return;
       R.current = !0;
-      const ne = Math.max(-80, Math.min(0, (a ? -80 : 0) + Z));
+      const ne = Math.max(-80, Math.min(0, (a ? -80 : 0) + J));
       S(ne, !1);
     },
     [a, S]
   ), b = i.useCallback(() => {
     if (!j.current || (j.current = !1, !R.current)) return;
-    h.current < -40 ? (S(-80, "open"), s?.(f, !0)) : (S(0, "close"), s?.(f, !1));
+    _.current < -40 ? (S(-80, "open"), s?.(f, !0)) : (S(0, "close"), s?.(f, !1));
   }, [S, s, f]), A = i.useCallback(
     (E) => {
       const K = E.touches[0];
@@ -2101,17 +2101,17 @@ function Do({
       L(E.clientX, E.clientY), I.current?.abort();
       const K = new AbortController();
       I.current = K;
-      const { signal: Z } = K;
+      const { signal: J } = K;
       window.addEventListener(
         "mousemove",
         (w) => $(w.clientX, w.clientY),
-        { signal: Z }
+        { signal: J }
       ), window.addEventListener(
         "mouseup",
         () => {
           b(), K.abort(), I.current === K && (I.current = null);
         },
-        { signal: Z }
+        { signal: J }
       );
     },
     [L, $, b]
@@ -2119,12 +2119,12 @@ function Do({
     (E) => {
       if (!u || Math.abs(E.deltaX) <= Math.abs(E.deltaY)) return;
       !X.current && !a && o?.(), T.current += E.deltaX;
-      const Z = Math.max(
+      const J = Math.max(
         -80,
         Math.min(0, (a ? -80 : 0) - T.current)
       );
-      S(Z, !1), X.current && clearTimeout(X.current), X.current = setTimeout(() => {
-        h.current < -40 ? (S(-80, "open"), s?.(f, !0)) : (S(0, "close"), s?.(f, !1)), T.current = 0, X.current = null;
+      S(J, !1), X.current && clearTimeout(X.current), X.current = setTimeout(() => {
+        _.current < -40 ? (S(-80, "open"), s?.(f, !0)) : (S(0, "close"), s?.(f, !1)), T.current = 0, X.current = null;
       }, 80);
     },
     [u, a, o, S, s, f]
@@ -2176,7 +2176,7 @@ function Do({
         },
         "aria-label": m("delete_contact_aria", { name: g }),
         children: [
-          /* @__PURE__ */ t.jsx(tt, { className: "size-5" }),
+          /* @__PURE__ */ t.jsx(st, { className: "size-5" }),
           /* @__PURE__ */ t.jsx("span", { className: "text-xs font-medium", children: m("delete") })
         ]
       }
@@ -2224,7 +2224,7 @@ function Do({
           ),
           /* @__PURE__ */ t.jsxs("div", { className: "min-w-0 flex-1", children: [
             /* @__PURE__ */ t.jsx("span", { className: "text-foreground block truncate text-sm font-semibold tracking-tight", children: g }),
-            _ && /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground mt-0.5 block truncate text-sm", children: _ })
+            h && /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground mt-0.5 block truncate text-sm", children: h })
           ] }),
           n && /* @__PURE__ */ t.jsx(
             an,
@@ -2241,12 +2241,12 @@ function Do({
 function Ao({
   ...e
 }) {
-  return /* @__PURE__ */ t.jsx(hs, { "data-slot": "context-menu", ...e });
+  return /* @__PURE__ */ t.jsx(_s, { "data-slot": "context-menu", ...e });
 }
 function Po({
   ...e
 }) {
-  return /* @__PURE__ */ t.jsx(_s, { "data-slot": "context-menu-trigger", ...e });
+  return /* @__PURE__ */ t.jsx(hs, { "data-slot": "context-menu-trigger", ...e });
 }
 function zo({
   className: e,
@@ -2264,7 +2264,7 @@ function zo({
     }
   ) });
 }
-function _t({
+function ht({
   className: e,
   inset: n,
   variant: r = "default",
@@ -2341,11 +2341,11 @@ function Oo({
     }
   ) });
 }
-const Yt = 768;
+const Qt = 768;
 function Xn() {
   const [e, n] = i.useState(!1);
   return i.useEffect(() => {
-    const r = window.matchMedia(`(max-width: ${Yt - 1}px)`), a = () => n(window.innerWidth < Yt);
+    const r = window.matchMedia(`(max-width: ${Qt - 1}px)`), a = () => n(window.innerWidth < Qt);
     return r.addEventListener("change", a), a(), () => r.removeEventListener("change", a);
   }, []), e;
 }
@@ -2382,10 +2382,10 @@ function Ko({
   highlightGroupName: l,
   onDeleteContact: c
 }) {
-  const { t: d } = z(), u = qo(), [m, g] = i.useState(""), [f, _] = i.useState(""), [y, p] = i.useState(
+  const { t: d } = z(), u = qo(), [m, g] = i.useState(""), [f, h] = i.useState(""), [y, p] = i.useState(
     null
-  ), h = i.useCallback(
-    (N, J) => p(J ? N : null),
+  ), _ = i.useCallback(
+    (N, Z) => p(Z ? N : null),
     []
   ), v = i.useCallback(
     () => p(null),
@@ -2393,7 +2393,7 @@ function Ko({
   ), [C, k] = i.useState({ kind: "all" }), [j, x] = i.useState(null), [P, R] = i.useState(!1), [F, I] = i.useState(!1), S = i.useRef(!1), L = Xn(), $ = xe(), b = W();
   i.useEffect(() => {
     const N = window.setTimeout(() => {
-      _(m.trim());
+      h(m.trim());
     }, Lo);
     return () => window.clearTimeout(N);
   }, [m]);
@@ -2428,19 +2428,19 @@ function Ko({
       E.current = !0;
       return;
     }
-    const J = se[0];
-    J && (E.current = !0, r(String(J.id)));
+    const Z = se[0];
+    Z && (E.current = !0, r(String(Z.id)));
   }, [e, T, se, r]), i.useEffect(() => {
     const N = Ne.current;
     if (!N || !be) return;
-    const J = new IntersectionObserver((G) => {
+    const Z = new IntersectionObserver((G) => {
       G[0]?.isIntersecting && !X && oe();
     });
-    return J.observe(N), () => J.disconnect();
+    return Z.observe(N), () => Z.disconnect();
   }, [be, X, oe]);
-  const K = $o(C), Z = i.useCallback(
-    (N, J) => {
-      x(String(J.id)), L && (N.preventDefault(), R(!0));
+  const K = $o(C), J = i.useCallback(
+    (N, Z) => {
+      x(String(Z.id)), L && (N.preventDefault(), R(!0));
     },
     [L]
   ), w = i.useCallback((N) => {
@@ -2448,7 +2448,7 @@ function Ko({
   }, []), U = i.useCallback(() => {
     if (j) {
       const N = se.find(
-        (J) => String(J.id) === j
+        (Z) => String(Z.id) === j
       );
       return N ? [N] : [];
     }
@@ -2458,9 +2458,9 @@ function Ko({
     N && (c?.(N), x(null));
   }, [U, c]), te = i.useCallback(
     (N) => {
-      const J = U();
-      if (J.length === 0) return;
-      const G = J.filter((ye) => !(Array.isArray(ye.tags) ? ye.tags : []).includes(N));
+      const Z = U();
+      if (Z.length === 0) return;
+      const G = Z.filter((ye) => !(Array.isArray(ye.tags) ? ye.tags : []).includes(N));
       if (G.length === 0) {
         x(null);
         return;
@@ -2514,7 +2514,7 @@ function Ko({
         )
       ] }),
       /* @__PURE__ */ t.jsxs(q, { type: "button", size: "sm", onClick: a, children: [
-        /* @__PURE__ */ t.jsx(_e, { className: "size-3.5", "aria-hidden": "true" }),
+        /* @__PURE__ */ t.jsx(he, { className: "size-3.5", "aria-hidden": "true" }),
         d("add")
       ] })
     ] }) }),
@@ -2563,10 +2563,10 @@ function Ko({
                   isSelected: String(N.id) === e,
                   highlight: String(N.id) === n,
                   revealed: y === String(N.id),
-                  onRevealChange: h,
+                  onRevealChange: _,
                   onDismissRevealed: v,
                   onSelect: r,
-                  onContextMenu: Z,
+                  onContextMenu: J,
                   onPointerTarget: w,
                   onDelete: c
                 },
@@ -2581,8 +2581,8 @@ function Ko({
                   /* @__PURE__ */ t.jsx(ke, { className: "size-4", "aria-hidden": "true" }),
                   d("groups_add_to_group")
                 ] }),
-                /* @__PURE__ */ t.jsx(Oo, { children: A.length === 0 ? /* @__PURE__ */ t.jsx(_t, { disabled: !0, children: d("groups_no_groups_yet") }) : A.map((N) => /* @__PURE__ */ t.jsxs(
-                  _t,
+                /* @__PURE__ */ t.jsx(Oo, { children: A.length === 0 ? /* @__PURE__ */ t.jsx(ht, { disabled: !0, children: d("groups_no_groups_yet") }) : A.map((N) => /* @__PURE__ */ t.jsxs(
+                  ht,
                   {
                     onSelect: () => te(N.name),
                     children: [
@@ -2606,12 +2606,12 @@ function Ko({
               c && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
                 /* @__PURE__ */ t.jsx(Fo, {}),
                 /* @__PURE__ */ t.jsxs(
-                  _t,
+                  ht,
                   {
                     variant: "destructive",
                     onSelect: ne,
                     children: [
-                      /* @__PURE__ */ t.jsx(tt, { className: "size-4", "aria-hidden": "true" }),
+                      /* @__PURE__ */ t.jsx(st, { className: "size-4", "aria-hidden": "true" }),
                       d("delete")
                     ]
                   }
@@ -2649,7 +2649,7 @@ function Ko({
         }
       ),
       L && /* @__PURE__ */ t.jsx(
-        nt,
+        tt,
         {
           open: F,
           onOpenChange: (N) => {
@@ -2707,8 +2707,8 @@ function Bo({
     [n, r]
   );
   return /* @__PURE__ */ t.jsxs("div", { className: "flex items-center pt-4 pb-4", children: [
-    /* @__PURE__ */ t.jsx("div", { className: "flex-1 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", children: /* @__PURE__ */ t.jsx("div", { className: "flex gap-1.5 pl-6", children: g.map(({ id: f, label: _, value: y }) => {
-      const p = f === e, h = l && f === `group:${l}`;
+    /* @__PURE__ */ t.jsx("div", { className: "flex-1 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", children: /* @__PURE__ */ t.jsx("div", { className: "flex gap-1.5 pl-6", children: g.map(({ id: f, label: h, value: y }) => {
+      const p = f === e, _ = l && f === `group:${l}`;
       return /* @__PURE__ */ t.jsx(
         "button",
         {
@@ -2718,9 +2718,9 @@ function Bo({
           className: D(
             "shrink-0 rounded-full px-4 py-1.5 text-sm font-semibold capitalize transition-colors",
             p ? "bg-primary text-primary-foreground" : "border-border/50 bg-muted text-foreground hover:bg-muted/70 border",
-            h && "animate-highlight-fade"
+            _ && "animate-highlight-fade"
           ),
-          children: _
+          children: h
         },
         f
       );
@@ -2735,7 +2735,7 @@ function Bo({
             onClick: () => m(!0),
             className: "text-muted-foreground hover:bg-muted hover:text-foreground flex items-center justify-center rounded-full p-1.5 transition-colors",
             "aria-label": c("groups_options_aria"),
-            children: /* @__PURE__ */ t.jsx(Je, { className: "size-4" })
+            children: /* @__PURE__ */ t.jsx(Ze, { className: "size-4" })
           }
         ),
         /* @__PURE__ */ t.jsx(
@@ -2762,23 +2762,23 @@ function Bo({
             ]
           }
         )
-      ] }) : /* @__PURE__ */ t.jsxs(rt, { children: [
-        /* @__PURE__ */ t.jsx(at, { asChild: !0, children: /* @__PURE__ */ t.jsx(
+      ] }) : /* @__PURE__ */ t.jsxs(nt, { children: [
+        /* @__PURE__ */ t.jsx(rt, { asChild: !0, children: /* @__PURE__ */ t.jsx(
           "button",
           {
             type: "button",
             className: "text-muted-foreground hover:bg-muted hover:text-foreground flex items-center justify-center rounded-full p-1.5 transition-colors",
             "aria-label": c("groups_options_aria"),
-            children: /* @__PURE__ */ t.jsx(Je, { className: "size-4" })
+            children: /* @__PURE__ */ t.jsx(Ze, { className: "size-4" })
           }
         ) }),
-        /* @__PURE__ */ t.jsxs(st, { align: "end", children: [
+        /* @__PURE__ */ t.jsxs(at, { align: "end", children: [
           s && /* @__PURE__ */ t.jsxs($e, { onClick: s, children: [
             /* @__PURE__ */ t.jsx(pa, { className: "size-4", "aria-hidden": "true" }),
             c("groups_manage_title")
           ] }),
           o && /* @__PURE__ */ t.jsxs($e, { onClick: o, children: [
-            /* @__PURE__ */ t.jsx(_e, { className: "size-4", "aria-hidden": "true" }),
+            /* @__PURE__ */ t.jsx(he, { className: "size-4", "aria-hidden": "true" }),
             c("groups_create_title")
           ] })
         ] })
@@ -2830,14 +2830,14 @@ const Go = {
   status_cold: "Cold",
   status_lead: "Lead",
   status_customer: "Customer"
-}, Ho = [], Yo = [
+}, Ho = [], Qo = [
   "new",
   "active",
   "inactive",
   "cold",
   "lead",
   "customer"
-], Qo = {
+], Yo = {
   new: "status_new",
   active: "status_active",
   inactive: "status_inactive",
@@ -2849,23 +2849,23 @@ const Go = {
   countries: n = Ho,
   renderAvatarPicker: r
 }) => {
-  const { control: a, watch: s, setValue: o } = _r(), l = Qe(), c = i.useCallback(
-    (p, h) => {
+  const { control: a, watch: s, setValue: o } = hr(), l = Ye(), c = i.useCallback(
+    (p, _) => {
       if (l)
         return l.t(
           p,
-          h
+          _
         );
       let v = Go[p] ?? p;
-      if (h)
-        for (const [C, k] of Object.entries(h))
+      if (_)
+        for (const [C, k] of Object.entries(_))
           v = v.replaceAll(`{{${C}}}`, k);
       return v;
     },
     [l]
   ), d = xr({ control: a, name: "status" }), u = s("avatar_url") ?? null, m = i.useMemo(
-    () => Yo.map((p) => ({
-      name: c(Qo[p]),
+    () => Qo.map((p) => ({
+      name: c(Yo[p]),
       value: p
     })),
     [c]
@@ -2875,7 +2875,7 @@ const Go = {
       value: d
     },
     ...m
-  ] : m, [d, m]), f = s("first_name")?.[0] ?? "", _ = s("last_name")?.[0] ?? "", y = [f, _].filter(Boolean).join("").toUpperCase() || "?";
+  ] : m, [d, m]), f = s("first_name")?.[0] ?? "", h = s("last_name")?.[0] ?? "", y = [f, h].filter(Boolean).join("").toUpperCase() || "?";
   return /* @__PURE__ */ t.jsxs("div", { className: D("space-y-6", e), children: [
     r && /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col items-center gap-3", children: [
       /* @__PURE__ */ t.jsx("div", { className: "border-border bg-background relative size-20 shrink-0 overflow-hidden rounded-full border-2", children: u ? /* @__PURE__ */ t.jsx(
@@ -2980,15 +2980,15 @@ const Go = {
           name: "status",
           render: ({ field: p }) => /* @__PURE__ */ t.jsxs(me, { children: [
             /* @__PURE__ */ t.jsx(pe, { className: "font-inter text-foreground font-medium", children: c("label_status") }),
-            /* @__PURE__ */ t.jsxs(la, { value: p.value ?? "", onValueChange: p.onChange, children: [
-              /* @__PURE__ */ t.jsx(fe, { children: /* @__PURE__ */ t.jsx(ca, { className: "w-full", children: /* @__PURE__ */ t.jsx(da, { placeholder: c("placeholder_status") }) }) }),
+            /* @__PURE__ */ t.jsxs(ia, { value: p.value ?? "", onValueChange: p.onChange, children: [
+              /* @__PURE__ */ t.jsx(fe, { children: /* @__PURE__ */ t.jsx(la, { className: "w-full", children: /* @__PURE__ */ t.jsx(ca, { placeholder: c("placeholder_status") }) }) }),
               /* @__PURE__ */ t.jsx(
-                ua,
+                da,
                 {
                   position: "popper",
                   sideOffset: 4,
                   className: "z-[1060]",
-                  children: g.map((h) => /* @__PURE__ */ t.jsx(ma, { value: h.value, children: h.name }, h.value))
+                  children: g.map((_) => /* @__PURE__ */ t.jsx(ua, { value: _.value, children: _.name }, _.value))
                 }
               )
             ] }),
@@ -3084,11 +3084,11 @@ const Go = {
           render: ({ field: p }) => /* @__PURE__ */ t.jsxs(me, { children: [
             /* @__PURE__ */ t.jsx(pe, { className: "font-inter text-foreground font-medium", children: c("label_country") }),
             /* @__PURE__ */ t.jsx(fe, { children: /* @__PURE__ */ t.jsx(
-              wa,
+              Ca,
               {
-                options: n.map((h) => ({
-                  label: h.name,
-                  value: h.value
+                options: n.map((_) => ({
+                  label: _.name,
+                  value: _.value
                 })),
                 value: p.value ?? "",
                 onValueChange: p.onChange,
@@ -3126,7 +3126,7 @@ function Wo(e = "contacts", n) {
   });
 }
 function Xo(e, n = "contacts", r) {
-  const a = Qe();
+  const a = Ye();
   return Wo(n, {
     onSuccess: () => {
       O({
@@ -3143,7 +3143,7 @@ function Xo(e, n = "contacts", r) {
     }
   });
 }
-function Zo(e = "contacts", n) {
+function Jo(e = "contacts", n) {
   const r = W(), a = xe();
   return re({
     mutationFn: (s) => a.deleteContact(s),
@@ -3157,9 +3157,9 @@ function Zo(e = "contacts", n) {
     }
   });
 }
-function Jo(e = "contacts", n) {
-  const r = Qe();
-  return Zo(e, {
+function Zo(e = "contacts", n) {
+  const r = Ye();
+  return Jo(e, {
     onSuccess: () => {
       O({
         title: r?.t("contact_deleted") ?? "Contact deleted successfully",
@@ -3175,7 +3175,7 @@ function Jo(e = "contacts", n) {
     }
   });
 }
-function Zn(e) {
+function Jn(e) {
   return Pr({
     first_name: ie().min(1, {
       message: e?.first_name_required ?? "First name is required"
@@ -3196,34 +3196,34 @@ function Zn(e) {
     metadata: Rt(ie(), It()).optional()
   });
 }
-const Pt = Zn();
+const Pt = Jn();
 function ei(e) {
-  return Zn(e).passthrough();
+  return Jn(e).passthrough();
 }
 Pt.passthrough();
 const ti = Object.keys(
   Pt.shape
 );
-function Jn(e, n) {
+function Zn(e, n) {
   if (Object.is(e, n)) return !0;
   if (typeof e != "object" || e === null || typeof n != "object" || n === null) return !1;
   const r = Object.entries(e), a = Object.entries(n);
   return r.length === a.length && r.every(
-    ([s, o]) => Object.hasOwn(n, s) && Jn(o, n[s])
+    ([s, o]) => Object.hasOwn(n, s) && Zn(o, n[s])
   );
 }
 function ni(e, n) {
-  const r = Qe(), a = n?.queryKeyPrefix ?? "contacts", { data: s, isLoading: o } = Vo(e, a), { data: l } = ve({
+  const r = Ye(), a = n?.queryKeyPrefix ?? "contacts", { data: s, isLoading: o } = Vo(e, a), { data: l } = ve({
     queryKey: n?.countriesQueryKey ?? ["countries"],
     queryFn: n?.getCountries ?? (() => Promise.resolve([])),
     enabled: !!n?.getCountries
   }), c = i.useMemo(
     () => [
-      ...l?.map((h) => ({
-        name: h.name,
-        value: h.iso ?? h.id.toString()
+      ...l?.map((_) => ({
+        name: _.name,
+        value: _.iso ?? _.id.toString()
       })) ?? []
-    ].sort((h, v) => h.name.localeCompare(v.name)),
+    ].sort((_, v) => _.name.localeCompare(v.name)),
     [l]
   ), d = s?.contact, u = i.useMemo(() => {
     if (d)
@@ -3246,26 +3246,26 @@ function ni(e, n) {
     onSuccess: () => {
       g.reset(g.getValues()), n?.onSaveSuccess?.();
     }
-  }), _ = Jo(a, {
+  }), h = Zo(a, {
     onSuccess: () => {
       n?.onDeleteSuccess?.();
     }
   }), y = i.useCallback(() => {
     g.handleSubmit(
-      (h) => {
+      (_) => {
         const v = {};
         for (const C of ti)
-          C === "affiliate" && Jn(
-            h.affiliate,
+          C === "affiliate" && Zn(
+            _.affiliate,
             g.formState.defaultValues?.affiliate
-          ) || C in h && (v[C] = h[C]);
+          ) || C in _ && (v[C] = _[C]);
         f.mutate({
           id: e,
           data: v
         });
       },
-      (h) => {
-        const v = Object.entries(h).map(([C, k]) => {
+      (_) => {
+        const v = Object.entries(_).map(([C, k]) => {
           const j = typeof k?.message == "string" ? k.message : "invalid";
           return `${C.replace(/_/g, " ")}: ${j}`;
         }).join(", ");
@@ -3277,8 +3277,8 @@ function ni(e, n) {
       }
     )();
   }, [g, f, e, r]), p = i.useCallback(() => {
-    _.mutate(e);
-  }, [_, e]);
+    h.mutate(e);
+  }, [h, e]);
   return {
     contact: d,
     isLoading: o,
@@ -3286,15 +3286,15 @@ function ni(e, n) {
     countryOptions: c,
     isDirty: g.formState.isDirty,
     isSubmitting: f.isPending,
-    isDeleting: _.isPending,
+    isDeleting: h.isPending,
     onSave: y,
     onDelete: p
   };
 }
 function ri(e) {
-  const n = Ye();
+  const n = Qe();
   return ve({
-    queryKey: Y.tasks(e),
+    queryKey: Q.tasks(e),
     queryFn: () => n.listTasks(e),
     enabled: !!e,
     select: (r) => r.tasks
@@ -3303,7 +3303,7 @@ function ri(e) {
 function ai(e) {
   const n = it();
   return ve({
-    queryKey: Y.notes(e),
+    queryKey: Q.notes(e),
     queryFn: () => n.listNotes(e),
     enabled: !!e,
     select: (r) => r.notes
@@ -3317,7 +3317,7 @@ function er() {
       return e.createGroup(a);
     },
     onSuccess: () => {
-      n.invalidateQueries({ queryKey: Y.groups() });
+      n.invalidateQueries({ queryKey: Q.groups() });
     },
     onError: (a) => {
       O({
@@ -3393,7 +3393,7 @@ function ui({
   onCreateGroup: a,
   isSaving: s = !1
 }) {
-  const { t: o } = z(), [l, c] = i.useState(!1), [d, u] = i.useState([]), [m, g] = i.useState(""), [f, _] = i.useState([]), [y, p] = i.useState(/* @__PURE__ */ new Set()), [h, v] = i.useState(/* @__PURE__ */ new Set()), [C, k] = i.useState(e), j = i.useRef(e);
+  const { t: o } = z(), [l, c] = i.useState(!1), [d, u] = i.useState([]), [m, g] = i.useState(""), [f, h] = i.useState([]), [y, p] = i.useState(/* @__PURE__ */ new Set()), [_, v] = i.useState(/* @__PURE__ */ new Set()), [C, k] = i.useState(e), j = i.useRef(e);
   i.useEffect(() => {
     const b = j.current, A = b.filter((T) => !e.includes(T)), M = e.filter((T) => !b.includes(T));
     let B;
@@ -3408,7 +3408,7 @@ function ui({
     return () => clearTimeout(b);
   }, [y]);
   const x = i.useCallback(() => {
-    u([...e]), _([...e]), g(""), c(!0);
+    u([...e]), h([...e]), g(""), c(!0);
   }, [e]), P = i.useCallback(() => {
     c(!1), g("");
   }, []), R = i.useCallback(() => {
@@ -3430,7 +3430,7 @@ function ui({
     const b = m.toLowerCase();
     return b ? S.filter((A) => A.toLowerCase().includes(b)) : S;
   }, [S, m]), $ = !!a && m.trim() && !S.some((b) => b.toLowerCase() === m.trim().toLowerCase());
-  return /* @__PURE__ */ t.jsxs(_n, { open: l, onOpenChange: (b) => !b && P(), children: [
+  return /* @__PURE__ */ t.jsxs(hn, { open: l, onOpenChange: (b) => !b && P(), children: [
     /* @__PURE__ */ t.jsx(xn, { asChild: !0, children: /* @__PURE__ */ t.jsxs(
       "div",
       {
@@ -3448,7 +3448,7 @@ function ui({
               className: D(
                 "bg-muted text-foreground inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium transition-all duration-300",
                 y.has(b) && "animate-[badge-in_0.3s_ease-out,highlight-fade_2s_ease-out]",
-                h.has(b) && "animate-[badge-out_0.3s_ease-in_forwards]"
+                _.has(b) && "animate-[badge-out_0.3s_ease-in_forwards]"
               ),
               children: b
             },
@@ -3460,7 +3460,7 @@ function ui({
               className: D(
                 "bg-muted text-muted-foreground hover:bg-muted/70 inline-flex items-center justify-center rounded-full px-2 py-0.5 text-xs font-medium transition-colors"
               ),
-              children: /* @__PURE__ */ t.jsx(_e, { className: "size-3.5" })
+              children: /* @__PURE__ */ t.jsx(he, { className: "size-3.5" })
             }
           )
         ]
@@ -3528,7 +3528,7 @@ function ui({
                 },
                 className: "hover:bg-muted text-primary flex w-full items-center gap-2 px-3 py-2 text-left text-sm font-medium",
                 children: [
-                  /* @__PURE__ */ t.jsx(_e, { className: "size-3.5" }),
+                  /* @__PURE__ */ t.jsx(he, { className: "size-3.5" }),
                   o("groups_inline_create", { name: m.trim() })
                 ]
               }
@@ -3594,13 +3594,13 @@ function mi({
       ] })
     ] }),
     /* @__PURE__ */ t.jsxs("div", { className: "flex shrink-0 items-center gap-6 md:gap-8", children: [
-      /* @__PURE__ */ t.jsx(Qt, { label: d("tab_tasks"), value: n, icon: Ka }),
+      /* @__PURE__ */ t.jsx(Yt, { label: d("tab_tasks"), value: n, icon: Ka }),
       /* @__PURE__ */ t.jsx("div", { className: "bg-border h-10 w-px", "aria-hidden": "true" }),
-      /* @__PURE__ */ t.jsx(Qt, { label: d("tab_notes"), value: r, icon: fa })
+      /* @__PURE__ */ t.jsx(Yt, { label: d("tab_notes"), value: r, icon: fa })
     ] })
   ] });
 }
-function Qt({ label: e, value: n, icon: r }) {
+function Yt({ label: e, value: n, icon: r }) {
   return /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col items-start gap-1", children: [
     /* @__PURE__ */ t.jsxs("div", { className: "text-muted-foreground flex items-center gap-1.5", children: [
       /* @__PURE__ */ t.jsx(r, { className: "size-3.5", "aria-hidden": !0 }),
@@ -3687,7 +3687,7 @@ function xt({
             /* @__PURE__ */ t.jsx("div", { className: "text-muted-foreground/70 group-hover:text-muted-foreground truncate text-sm italic transition-colors", children: f })
           ] }),
           /* @__PURE__ */ t.jsx(
-            _e,
+            he,
             {
               className: "text-muted-foreground/40 group-hover:text-foreground size-4 shrink-0 transition-colors",
               "aria-hidden": !0
@@ -3702,7 +3702,7 @@ function xt({
         /* @__PURE__ */ t.jsx("div", { className: "text-muted-foreground/70 truncate text-sm italic", children: f })
       ] }),
       /* @__PURE__ */ t.jsx(
-        _e,
+        he,
         {
           className: "text-muted-foreground/40 size-4 shrink-0",
           "aria-hidden": !0
@@ -3739,7 +3739,7 @@ function xt({
   ] });
 }
 function gi(e) {
-  const n = W(), r = Ye(), { t: a } = z();
+  const n = W(), r = Qe(), { t: a } = z();
   return re({
     mutationFn: ({
       taskId: s,
@@ -3749,7 +3749,7 @@ function gi(e) {
     }),
     onSuccess: () => {
       n.invalidateQueries({
-        queryKey: Y.tasks(e)
+        queryKey: Q.tasks(e)
       });
     },
     onError: (s) => {
@@ -3761,13 +3761,13 @@ function gi(e) {
     }
   });
 }
-function hi(e, n) {
-  const r = W(), a = Ye(), { t: s } = z();
+function _i(e, n) {
+  const r = W(), a = Qe(), { t: s } = z();
   return re({
     mutationFn: (o) => a.deleteTask(o, e),
     onSuccess: () => {
       O({ title: s("task_deleted"), type: "success" }), r.invalidateQueries({
-        queryKey: Y.tasks(e)
+        queryKey: Q.tasks(e)
       }), n?.onSuccess?.();
     },
     onError: (o) => {
@@ -3779,8 +3779,8 @@ function hi(e, n) {
     }
   });
 }
-function _i(e, n) {
-  const r = W(), a = Ye(), { t: s } = z();
+function hi(e, n) {
+  const r = W(), a = Qe(), { t: s } = z();
   return re({
     mutationFn: ({
       taskId: o,
@@ -3788,7 +3788,7 @@ function _i(e, n) {
     }) => a.updateTask(o, e, l),
     onSuccess: () => {
       O({ title: s("task_updated"), type: "success" }), r.invalidateQueries({
-        queryKey: Y.tasks(e)
+        queryKey: Q.tasks(e)
       }), n?.onSuccess?.();
     },
     onError: (o) => {
@@ -3836,12 +3836,12 @@ function xi({
   showTitle: d = !0,
   editorClassName: u
 }) {
-  const { t: m } = z(), g = e ?? m("editor_default_title"), f = n ?? m("editor_default_body_placeholder"), [_, y] = i.useState(c), p = i.useRef(c), h = i.useRef(null);
+  const { t: m } = z(), g = e ?? m("editor_default_title"), f = n ?? m("editor_default_body_placeholder"), [h, y] = i.useState(c), p = i.useRef(c), _ = i.useRef(null);
   i.useEffect(() => {
-    p.current = _;
-  }, [_]);
+    p.current = h;
+  }, [h]);
   const v = d ? s || o ? `<h1>${s ?? ""}</h1>${o ?? ""}` : void 0 : o || void 0, C = [
-    Sa.configure({
+    ka.configure({
       heading: d ? !1 : { levels: [] },
       bulletList: {
         keepMarks: !0,
@@ -3852,16 +3852,16 @@ function xi({
         keepAttributes: !1
       }
     }),
-    ...d ? [Ma.configure({ levels: [1] })] : [],
-    Ta.configure({
+    ...d ? [wa.configure({ levels: [1] })] : [],
+    Sa.configure({
       placeholder: ({ node: S }) => S.type.name === "heading" ? g : f
     }),
-    _a.configure({
+    ha.configure({
       types: d ? ["heading", "paragraph"] : ["paragraph"],
       alignments: ["left", "center", "right", "justify"]
     }),
     xa
-  ], j = Ea({
+  ], j = Ma({
     extensions: C,
     content: v ?? (d ? {
       type: "doc",
@@ -3880,17 +3880,17 @@ function xi({
     if (!(!j || !r))
       if (d) {
         const { title: S, body: L } = Vt(j);
-        r({ title: S, body: L, dueDate: _ });
+        r({ title: S, body: L, dueDate: h });
       } else {
         const S = Wt(j);
-        r({ title: "", body: S, dueDate: _ });
+        r({ title: "", body: S, dueDate: h });
       }
   };
   i.useEffect(() => {
     x();
   }, [j]), i.useEffect(() => {
     x();
-  }, [_]);
+  }, [h]);
   const P = "flex h-7 w-7 items-center justify-center rounded text-xs transition-colors", R = "bg-muted text-primary", F = "text-muted-foreground hover:bg-muted/50", I = /* @__PURE__ */ t.jsx("div", { className: "bg-border mx-1 h-5 w-px" });
   return /* @__PURE__ */ t.jsxs(
     "div",
@@ -3957,7 +3957,7 @@ function xi({
                 j?.isActive({ textAlign: "left" }) ? R : F
               ),
               title: m("toolbar_align_left"),
-              children: /* @__PURE__ */ t.jsx(Da, { className: "size-3.5" })
+              children: /* @__PURE__ */ t.jsx(Ta, { className: "size-3.5" })
             }
           ),
           /* @__PURE__ */ t.jsx(
@@ -4010,7 +4010,7 @@ function xi({
                 j?.isActive("bulletList") ? R : F
               ),
               title: m("toolbar_bullet_list"),
-              children: /* @__PURE__ */ t.jsx(Aa, { className: "size-3.5" })
+              children: /* @__PURE__ */ t.jsx(Ea, { className: "size-3.5" })
             }
           ),
           /* @__PURE__ */ t.jsx(
@@ -4023,14 +4023,14 @@ function xi({
                 j?.isActive("orderedList") ? R : F
               ),
               title: m("toolbar_ordered_list"),
-              children: /* @__PURE__ */ t.jsx(Pa, { className: "size-3.5" })
+              children: /* @__PURE__ */ t.jsx(Da, { className: "size-3.5" })
             }
           ),
           l && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
             I,
-            _ ? /* @__PURE__ */ t.jsxs("div", { className: "bg-primary/10 flex items-center gap-1 rounded px-2 py-1", children: [
+            h ? /* @__PURE__ */ t.jsxs("div", { className: "bg-primary/10 flex items-center gap-1 rounded px-2 py-1", children: [
               /* @__PURE__ */ t.jsx(Se, { className: "text-primary size-3.5" }),
-              /* @__PURE__ */ t.jsx("span", { className: "text-primary text-xs font-medium", children: dt(_) }),
+              /* @__PURE__ */ t.jsx("span", { className: "text-primary text-xs font-medium", children: dt(h) }),
               /* @__PURE__ */ t.jsx(
                 "button",
                 {
@@ -4046,7 +4046,7 @@ function xi({
                 "button",
                 {
                   type: "button",
-                  onClick: () => h.current?.showPicker(),
+                  onClick: () => _.current?.showPicker(),
                   className: "text-muted-foreground hover:bg-muted hover:text-foreground flex h-7 cursor-pointer items-center gap-1 rounded px-2 text-xs font-medium transition-colors",
                   children: [
                     /* @__PURE__ */ t.jsx(Se, { className: "size-3.5" }),
@@ -4057,7 +4057,7 @@ function xi({
               /* @__PURE__ */ t.jsx(
                 "input",
                 {
-                  ref: h,
+                  ref: _,
                   type: "date",
                   className: "invisible absolute size-0",
                   onChange: (S) => {
@@ -4072,7 +4072,7 @@ function xi({
           ] })
         ] }),
         /* @__PURE__ */ t.jsx(
-          za,
+          Aa,
           {
             editor: j,
             className: u ?? "min-h-[60vh] flex-1 overflow-y-auto p-4"
@@ -4139,9 +4139,9 @@ function tr({
   onToggleComplete: g,
   isTogglePending: f = !1
 }) {
-  const { t: _, locale: y } = z(), { isMobile: p } = he(), [h, v] = i.useState(s), [C, k] = i.useState(o), j = i.useRef(null), [x, P] = i.useState(l), [R, F] = i.useState(!1), I = _(a === "note" ? "modal_note_label" : "modal_task_label"), S = r === "edit" ? _("modal_edit_type", { type: I }) : _("modal_new_type", { type: I }), L = a === "note", $ = !!h.trim() && (!L || !!C.trim()) && !u, b = () => {
+  const { t: h, locale: y } = z(), { isMobile: p } = _e(), [_, v] = i.useState(s), [C, k] = i.useState(o), j = i.useRef(null), [x, P] = i.useState(l), [R, F] = i.useState(!1), I = h(a === "note" ? "modal_note_label" : "modal_task_label"), S = r === "edit" ? h("modal_edit_type", { type: I }) : h("modal_new_type", { type: I }), L = a === "note", $ = !!_.trim() && (!L || !!C.trim()) && !u, b = () => {
     $ && d({
-      title: h.trim(),
+      title: _.trim(),
       body: C,
       dueDate: x
     });
@@ -4150,8 +4150,8 @@ function tr({
       /* @__PURE__ */ t.jsx(
         ae,
         {
-          placeholder: _("modal_type_title_placeholder", { type: I }),
-          value: h,
+          placeholder: h("modal_type_title_placeholder", { type: I }),
+          value: _,
           onChange: (M) => v(M.target.value)
         }
       ),
@@ -4159,7 +4159,7 @@ function tr({
         xi,
         {
           showTitle: !1,
-          bodyPlaceholder: _("editor_start_writing"),
+          bodyPlaceholder: h("editor_start_writing"),
           initialBody: o,
           editorClassName: "min-h-[200px] flex-1 overflow-y-auto p-4",
           onChange: (M) => {
@@ -4170,7 +4170,7 @@ function tr({
       c && /* @__PURE__ */ t.jsx("div", { className: "flex items-center gap-2", children: x ? /* @__PURE__ */ t.jsxs("div", { className: "bg-primary/10 inline-flex items-center gap-1.5 rounded-md px-2.5 py-1.5", children: [
         /* @__PURE__ */ t.jsx(Se, { className: "text-primary size-3.5" }),
         /* @__PURE__ */ t.jsxs("span", { className: "text-primary text-sm font-medium", children: [
-          _("activity_due"),
+          h("activity_due"),
           " ",
           dt(x, y)
         ] }),
@@ -4181,9 +4181,9 @@ function tr({
             onClick: () => {
               P(void 0), F(!1);
             },
-            "aria-label": _("editor_remove_due_date"),
+            "aria-label": h("editor_remove_due_date"),
             className: "text-primary/60 hover:text-primary ml-1",
-            title: _("editor_remove_due_date"),
+            title: h("editor_remove_due_date"),
             children: /* @__PURE__ */ t.jsx(Ge, { className: "size-3" })
           }
         )
@@ -4207,7 +4207,7 @@ function tr({
             className: "text-muted-foreground hover:text-foreground hover:bg-muted inline-flex cursor-pointer items-center gap-1.5 rounded-md px-2.5 py-1.5 text-sm font-medium transition-colors",
             children: [
               /* @__PURE__ */ t.jsx(Se, { className: "size-3.5" }),
-              /* @__PURE__ */ t.jsx("span", { children: _("editor_add_due_date") })
+              /* @__PURE__ */ t.jsx("span", { children: h("editor_add_due_date") })
             ]
           }
         ),
@@ -4219,7 +4219,7 @@ function tr({
             value: Vn(x),
             tabIndex: R ? 0 : -1,
             "aria-hidden": !R,
-            "aria-label": _("editor_due_date"),
+            "aria-label": h("editor_due_date"),
             className: D(
               R ? "rounded-md border p-2 text-sm" : "sr-only"
             ),
@@ -4238,15 +4238,15 @@ function tr({
           onClick: g,
           disabled: f,
           className: "mr-auto",
-          children: _(m ? "modal_mark_incomplete" : "modal_mark_complete")
+          children: h(m ? "modal_mark_incomplete" : "modal_mark_complete")
         }
       ),
-      /* @__PURE__ */ t.jsx(q, { variant: "outline", onClick: () => n(!1), children: _("cancel") }),
-      /* @__PURE__ */ t.jsx(q, { onClick: b, disabled: !$, children: _(u ? "saving" : "save") })
+      /* @__PURE__ */ t.jsx(q, { variant: "outline", onClick: () => n(!1), children: h("cancel") }),
+      /* @__PURE__ */ t.jsx(q, { onClick: b, disabled: !$, children: h(u ? "saving" : "save") })
     ] })
   ] });
   return p ? /* @__PURE__ */ t.jsx(
-    nt,
+    tt,
     {
       open: e,
       onOpenChange: n,
@@ -4295,7 +4295,7 @@ function ji({
   onEdit: r,
   onDeleteClick: a
 }) {
-  const { t: s, locale: o } = z(), { isMobile: l } = he(), [c, d] = i.useState(!1), u = !!e.completed_at, { title: m, body: g } = Yn(e.body ?? ""), f = e.created_at ? bi(e.created_at, s) : "", _ = e.due_at ? yi(e.due_at, u, s, o) : null;
+  const { t: s, locale: o } = z(), { isMobile: l } = _e(), [c, d] = i.useState(!1), u = !!e.completed_at, { title: m, body: g } = Qn(e.body ?? ""), f = e.created_at ? bi(e.created_at, s) : "", h = e.due_at ? yi(e.due_at, u, s, o) : null;
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -4345,17 +4345,17 @@ function ji({
                 children: g
               }
             ),
-            (_ || f) && /* @__PURE__ */ t.jsxs("div", { className: "mt-2.5 flex flex-wrap items-center gap-1.5", children: [
-              _ && /* @__PURE__ */ t.jsxs(
+            (h || f) && /* @__PURE__ */ t.jsxs("div", { className: "mt-2.5 flex flex-wrap items-center gap-1.5", children: [
+              h && /* @__PURE__ */ t.jsxs(
                 "span",
                 {
                   className: D(
                     "inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium",
-                    vi[_.tone]
+                    vi[h.tone]
                   ),
                   children: [
                     /* @__PURE__ */ t.jsx(Se, { className: "size-3", "aria-hidden": "true" }),
-                    _.label
+                    h.label
                   ]
                 }
               ),
@@ -4380,7 +4380,7 @@ function ji({
                     y.stopPropagation(), d(!0);
                   },
                   "aria-label": s("task_actions"),
-                  children: /* @__PURE__ */ t.jsx(Ze, { className: "size-4" })
+                  children: /* @__PURE__ */ t.jsx(Je, { className: "size-4" })
                 }
               ),
               /* @__PURE__ */ t.jsx(
@@ -4399,18 +4399,18 @@ function ji({
                   ]
                 }
               )
-            ] }) : /* @__PURE__ */ t.jsxs(rt, { children: [
-              /* @__PURE__ */ t.jsx(at, { asChild: !0, children: /* @__PURE__ */ t.jsx(
+            ] }) : /* @__PURE__ */ t.jsxs(nt, { children: [
+              /* @__PURE__ */ t.jsx(rt, { asChild: !0, children: /* @__PURE__ */ t.jsx(
                 q,
                 {
                   variant: "ghost",
                   size: "icon-xs",
                   onClick: (y) => y.stopPropagation(),
                   "aria-label": s("task_actions"),
-                  children: /* @__PURE__ */ t.jsx(Ze, { className: "size-4" })
+                  children: /* @__PURE__ */ t.jsx(Je, { className: "size-4" })
                 }
               ) }),
-              /* @__PURE__ */ t.jsx(st, { align: "end", children: /* @__PURE__ */ t.jsx(
+              /* @__PURE__ */ t.jsx(at, { align: "end", children: /* @__PURE__ */ t.jsx(
                 $e,
                 {
                   className: "text-destructive",
@@ -4432,20 +4432,20 @@ function Ni({
   isLoading: n,
   contactId: r
 }) {
-  const { t: a } = z(), { isMobile: s } = he(), [o, l] = i.useState(null), [c, d] = i.useState(null), u = gi(r), m = hi(r, {
+  const { t: a } = z(), { isMobile: s } = _e(), [o, l] = i.useState(null), [c, d] = i.useState(null), u = gi(r), m = _i(r, {
     onSuccess: () => l(null)
-  }), g = _i(r, {
+  }), g = hi(r, {
     onSuccess: () => d(null)
   }), f = (p) => {
     if (!c) return;
-    const h = p.body ? `${p.title}
+    const _ = p.body ? `${p.title}
 
 ${p.body}` : p.title;
     g.mutate({
       taskId: c.id,
-      input: { body: h, due_at: p.dueDate ?? null }
+      input: { body: _, due_at: p.dueDate ?? null }
     });
-  }, _ = c ? Yn(c.body ?? "") : null, y = (p) => {
+  }, h = c ? Qn(c.body ?? "") : null, y = (p) => {
     p || d(null);
   };
   return n ? /* @__PURE__ */ t.jsx("div", { className: "flex flex-col gap-3", children: [1, 2, 3].map((p) => /* @__PURE__ */ t.jsx(
@@ -4472,8 +4472,8 @@ ${p.body}` : p.title;
         onOpenChange: y,
         mode: "edit",
         type: "task",
-        initialTitle: _?.title ?? "",
-        initialBody: _?.body ?? "",
+        initialTitle: h?.title ?? "",
+        initialBody: h?.body ?? "",
         initialDueDate: c?.due_at ?? void 0,
         showDueDate: !0,
         onSave: f,
@@ -4520,12 +4520,12 @@ ${p.body}` : p.title;
   ] });
 }
 function Ci(e, n) {
-  const r = W(), a = Ye(), { t: s } = z();
+  const r = W(), a = Qe(), { t: s } = z();
   return re({
     mutationFn: (o) => a.createTask(e, o),
     onSuccess: () => {
       O({ title: s("task_created"), type: "success" }), r.invalidateQueries({
-        queryKey: Y.tasks(e)
+        queryKey: Q.tasks(e)
       }), n?.onSuccess?.();
     },
     onError: (o) => {
@@ -4556,7 +4556,7 @@ function ki({
       onClick: () => a(!0),
       className: "border-border/50 text-muted-foreground hover:border-foreground/30 hover:bg-muted/40 hover:text-foreground flex w-full items-center gap-3 rounded-xl border border-dashed px-5 py-4 text-sm font-medium transition-colors",
       children: [
-        /* @__PURE__ */ t.jsx(_e, { className: "size-4", "aria-hidden": "true" }),
+        /* @__PURE__ */ t.jsx(he, { className: "size-4", "aria-hidden": "true" }),
         n("new_task")
       ]
     }
@@ -4568,7 +4568,7 @@ function wi(e, n) {
     mutationFn: (o) => a.deleteNote(o, e),
     onSuccess: () => {
       O({ title: s("note_deleted"), type: "success" }), r.invalidateQueries({
-        queryKey: Y.notes(e)
+        queryKey: Q.notes(e)
       }), n?.onSuccess?.();
     },
     onError: (o) => {
@@ -4589,7 +4589,7 @@ function Si(e, n) {
     }) => a.updateNote(o, e, l),
     onSuccess: () => {
       O({ title: s("note_updated"), type: "success" }), r.invalidateQueries({
-        queryKey: Y.notes(e)
+        queryKey: Q.notes(e)
       }), n?.onSuccess?.();
     },
     onError: (o) => {
@@ -4607,7 +4607,7 @@ function Mi(e, n) {
     mutationFn: (o) => a.createNote(e, o),
     onSuccess: () => {
       O({ title: s("note_created"), type: "success" }), r.invalidateQueries({
-        queryKey: Y.notes(e)
+        queryKey: Q.notes(e)
       }), n?.onSuccess?.();
     },
     onError: (o) => {
@@ -4638,9 +4638,9 @@ function Ei({
   }), m = () => {
     const f = r.trim();
     if (!f || u.isPending) return;
-    const _ = f.split(`
+    const h = f.split(`
 `)[0]?.slice(0, 120) ?? "Note";
-    u.mutate({ title: _, body: f });
+    u.mutate({ title: h, body: f });
   }, g = r.trim().length > 0 && !u.isPending;
   return /* @__PURE__ */ t.jsxs(
     "div",
@@ -4703,7 +4703,7 @@ function Ai({
   onEdit: n,
   onDelete: r
 }) {
-  const { t: a } = z(), { isMobile: s } = he(), [o, l] = i.useState(!1), c = e.assets?.length ?? 0, d = !!e.title?.trim() && e.title.trim() !== e.body?.trim(), u = e.due_at ?? e.due_date ?? null, m = e.created_at ? Di(e.created_at, a) : null;
+  const { t: a } = z(), { isMobile: s } = _e(), [o, l] = i.useState(!1), c = e.assets?.length ?? 0, d = !!e.title?.trim() && e.title.trim() !== e.body?.trim(), u = e.due_at ?? e.due_date ?? null, m = e.created_at ? Di(e.created_at, a) : null;
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -4754,7 +4754,7 @@ function Ai({
                     g.stopPropagation(), l(!0);
                   },
                   "aria-label": a("note_actions"),
-                  children: /* @__PURE__ */ t.jsx(Ze, { className: "size-4" })
+                  children: /* @__PURE__ */ t.jsx(Je, { className: "size-4" })
                 }
               ),
               /* @__PURE__ */ t.jsx(
@@ -4773,18 +4773,18 @@ function Ai({
                   ]
                 }
               )
-            ] }) : /* @__PURE__ */ t.jsxs(rt, { children: [
-              /* @__PURE__ */ t.jsx(at, { asChild: !0, children: /* @__PURE__ */ t.jsx(
+            ] }) : /* @__PURE__ */ t.jsxs(nt, { children: [
+              /* @__PURE__ */ t.jsx(rt, { asChild: !0, children: /* @__PURE__ */ t.jsx(
                 q,
                 {
                   variant: "ghost",
                   size: "icon-xs",
                   onClick: (g) => g.stopPropagation(),
                   "aria-label": a("note_actions"),
-                  children: /* @__PURE__ */ t.jsx(Ze, { className: "size-4" })
+                  children: /* @__PURE__ */ t.jsx(Je, { className: "size-4" })
                 }
               ) }),
-              /* @__PURE__ */ t.jsx(st, { align: "end", children: /* @__PURE__ */ t.jsx(
+              /* @__PURE__ */ t.jsx(at, { align: "end", children: /* @__PURE__ */ t.jsx(
                 $e,
                 {
                   className: "text-destructive",
@@ -4806,7 +4806,7 @@ function Pi({
   isLoading: n,
   contactId: r
 }) {
-  const { t: a } = z(), { isMobile: s } = he(), [o, l] = i.useState(null), [c, d] = i.useState(null), u = wi(r, {
+  const { t: a } = z(), { isMobile: s } = _e(), [o, l] = i.useState(null), [c, d] = i.useState(null), u = wi(r, {
     onSuccess: () => l(null)
   }), m = Si(r, {
     onSuccess: () => d(null)
@@ -4960,16 +4960,16 @@ function Ri({
   onBack: s,
   showMobileBackButton: o = !0
 }) {
-  const { t: l } = z(), { isMobile: c } = he(), {
+  const { t: l } = z(), { isMobile: c } = _e(), {
     contact: d,
     isLoading: u,
     methods: m,
     countryOptions: g,
     isDirty: f,
-    isSubmitting: _,
+    isSubmitting: h,
     isDeleting: y,
     onSave: p,
-    onDelete: h
+    onDelete: _
   } = ni(e, {
     queryKeyPrefix: n,
     countriesQueryKey: r,
@@ -4985,8 +4985,8 @@ function Ri({
       });
     }
   }), R = er(), [F, I] = i.useState(!1), [S, L] = i.useState("Tasks"), [$, b] = i.useState(!1), A = i.useCallback(() => {
-    I(!1), h();
-  }, [h]);
+    I(!1), _();
+  }, [_]);
   if (u)
     return /* @__PURE__ */ t.jsx(
       Ii,
@@ -5067,7 +5067,7 @@ function Ri({
       {
         open: $,
         onOpenChange: (B) => {
-          !B && _ || b(B);
+          !B && h || b(B);
         },
         title: l("edit_contact_name", { name: M }),
         presentation: c ? "bottom-sheet" : "dialog",
@@ -5081,7 +5081,7 @@ function Ri({
                 type: "button",
                 variant: "secondary",
                 onClick: () => b(!1),
-                disabled: _,
+                disabled: h,
                 children: l("cancel")
               }
             ),
@@ -5090,11 +5090,11 @@ function Ri({
               {
                 type: "button",
                 onClick: p,
-                disabled: !f || _,
-                "aria-busy": _,
+                disabled: !f || h,
+                "aria-busy": h,
                 children: [
-                  _ && /* @__PURE__ */ t.jsx(ja, { className: "size-4" }),
-                  l(_ ? "saving" : "save_changes")
+                  h && /* @__PURE__ */ t.jsx(ja, { className: "size-4" }),
+                  l(h ? "saving" : "save_changes")
                 ]
               }
             )
@@ -5144,7 +5144,7 @@ function jt({
   onEditProfile: s,
   showMobileBackButton: o = !0
 }) {
-  const { t: l } = z(), { isMobile: c } = he(), [d, u] = i.useState(!1);
+  const { t: l } = z(), { isMobile: c } = _e(), [d, u] = i.useState(!1);
   return /* @__PURE__ */ t.jsxs("div", { className: "border-border/50 bg-background/90 sticky top-0 z-10 flex items-center justify-between border-b px-4 py-3 backdrop-blur md:px-8", children: [
     /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-3", children: [
       o ? /* @__PURE__ */ t.jsx(
@@ -5196,7 +5196,7 @@ function jt({
               onClick: () => u(!0),
               className: "text-muted-foreground hover:bg-muted hover:text-foreground flex size-8 items-center justify-center rounded-full transition-colors",
               "aria-label": l("more_actions"),
-              children: /* @__PURE__ */ t.jsx(Je, { className: "size-4" })
+              children: /* @__PURE__ */ t.jsx(Ze, { className: "size-4" })
             }
           ),
           /* @__PURE__ */ t.jsx(
@@ -5215,23 +5215,23 @@ function jt({
               ]
             }
           )
-        ] }) : /* @__PURE__ */ t.jsxs(rt, { children: [
-          /* @__PURE__ */ t.jsx(at, { asChild: !0, children: /* @__PURE__ */ t.jsx(
+        ] }) : /* @__PURE__ */ t.jsxs(nt, { children: [
+          /* @__PURE__ */ t.jsx(rt, { asChild: !0, children: /* @__PURE__ */ t.jsx(
             "button",
             {
               type: "button",
               className: "text-muted-foreground hover:bg-muted hover:text-foreground flex size-8 items-center justify-center rounded-full transition-colors",
               "aria-label": l("more_actions"),
-              children: /* @__PURE__ */ t.jsx(Je, { className: "size-4" })
+              children: /* @__PURE__ */ t.jsx(Ze, { className: "size-4" })
             }
           ) }),
-          /* @__PURE__ */ t.jsx(st, { align: "end", children: /* @__PURE__ */ t.jsxs(
+          /* @__PURE__ */ t.jsx(at, { align: "end", children: /* @__PURE__ */ t.jsxs(
             $e,
             {
               className: "text-destructive",
               onClick: a,
               children: [
-                /* @__PURE__ */ t.jsx(tt, { className: "size-4", "aria-hidden": "true" }),
+                /* @__PURE__ */ t.jsx(st, { className: "size-4", "aria-hidden": "true" }),
                 l("delete_contact")
               ]
             }
@@ -5387,28 +5387,28 @@ var Ue = function(e, n, r) {
   return "touches" in e;
 }, Nt = function(e) {
   return e && e.ownerDocument.defaultView || self;
-}, Zt = function(e, n, r) {
+}, Jt = function(e, n, r) {
   var a = e.getBoundingClientRect(), s = qe(n) ? (function(o, l) {
     for (var c = 0; c < o.length; c++) if (o[c].identifier === l) return o[c];
     return o[0];
   })(n.touches, r) : n;
   return { left: Ue((s.pageX - (a.left + Nt(e).pageXOffset)) / a.width), top: Ue((s.pageY - (a.top + Nt(e).pageYOffset)) / a.height) };
-}, Jt = function(e) {
+}, Zt = function(e) {
   !qe(e) && e.preventDefault();
 }, rr = H.memo(function(e) {
   var n = e.onMove, r = e.onKey, a = ut(e, ["onMove", "onKey"]), s = i.useRef(null), o = Be(n), l = Be(r), c = i.useRef(null), d = i.useRef(!1), u = i.useMemo(function() {
-    var _ = function(h) {
-      Jt(h), (qe(h) ? h.touches.length > 0 : h.buttons > 0) && s.current ? o(Zt(s.current, h, c.current)) : p(!1);
+    var h = function(_) {
+      Zt(_), (qe(_) ? _.touches.length > 0 : _.buttons > 0) && s.current ? o(Jt(s.current, _, c.current)) : p(!1);
     }, y = function() {
       return p(!1);
     };
-    function p(h) {
-      var v = d.current, C = Nt(s.current), k = h ? C.addEventListener : C.removeEventListener;
-      k(v ? "touchmove" : "mousemove", _), k(v ? "touchend" : "mouseup", y);
+    function p(_) {
+      var v = d.current, C = Nt(s.current), k = _ ? C.addEventListener : C.removeEventListener;
+      k(v ? "touchmove" : "mousemove", h), k(v ? "touchend" : "mouseup", y);
     }
-    return [function(h) {
-      var v = h.nativeEvent, C = s.current;
-      if (C && (Jt(v), !(function(j, x) {
+    return [function(_) {
+      var v = _.nativeEvent, C = s.current;
+      if (C && (Zt(v), !(function(j, x) {
         return x && !qe(j);
       })(v, d.current) && C)) {
         if (qe(v)) {
@@ -5416,11 +5416,11 @@ var Ue = function(e, n, r) {
           var k = v.changedTouches || [];
           k.length && (c.current = k[0].identifier);
         }
-        C.focus(), o(Zt(C, v, c.current)), p(!0);
+        C.focus(), o(Jt(C, v, c.current)), p(!0);
       }
-    }, function(h) {
-      var v = h.which || h.keyCode;
-      v < 37 || v > 40 || (h.preventDefault(), l({ left: v === 39 ? 0.05 : v === 37 ? -0.05 : 0, top: v === 40 ? 0.05 : v === 38 ? -0.05 : 0 }));
+    }, function(_) {
+      var v = _.which || _.keyCode;
+      v < 37 || v > 40 || (_.preventDefault(), l({ left: v === 39 ? 0.05 : v === 37 ? -0.05 : 0, top: v === 40 ? 0.05 : v === 38 ? -0.05 : 0 }));
     }, p];
   }, [l, o]), m = u[0], g = u[1], f = u[2];
   return i.useEffect(function() {
@@ -5431,17 +5431,17 @@ var Ue = function(e, n, r) {
 }, ar = function(e) {
   var n = e.color, r = e.left, a = e.top, s = a === void 0 ? 0.5 : a, o = zt(["react-colorful__pointer", e.className]);
   return H.createElement("div", { className: o, style: { top: 100 * s + "%", left: 100 * r + "%" } }, H.createElement("div", { className: "react-colorful__pointer-fill", style: { backgroundColor: n } }));
-}, Q = function(e, n, r) {
+}, Y = function(e, n, r) {
   return n === void 0 && (n = 0), r === void 0 && (r = Math.pow(10, n)), Math.round(r * e) / r;
 }, qi = function(e) {
   return Gi(Ct(e));
 }, Ct = function(e) {
-  return e[0] === "#" && (e = e.substring(1)), e.length < 6 ? { r: parseInt(e[0] + e[0], 16), g: parseInt(e[1] + e[1], 16), b: parseInt(e[2] + e[2], 16), a: e.length === 4 ? Q(parseInt(e[3] + e[3], 16) / 255, 2) : 1 } : { r: parseInt(e.substring(0, 2), 16), g: parseInt(e.substring(2, 4), 16), b: parseInt(e.substring(4, 6), 16), a: e.length === 8 ? Q(parseInt(e.substring(6, 8), 16) / 255, 2) : 1 };
+  return e[0] === "#" && (e = e.substring(1)), e.length < 6 ? { r: parseInt(e[0] + e[0], 16), g: parseInt(e[1] + e[1], 16), b: parseInt(e[2] + e[2], 16), a: e.length === 4 ? Y(parseInt(e[3] + e[3], 16) / 255, 2) : 1 } : { r: parseInt(e.substring(0, 2), 16), g: parseInt(e.substring(2, 4), 16), b: parseInt(e.substring(4, 6), 16), a: e.length === 8 ? Y(parseInt(e.substring(6, 8), 16) / 255, 2) : 1 };
 }, $i = function(e) {
   return Ui(Bi(e));
 }, Ki = function(e) {
   var n = e.s, r = e.v, a = e.a, s = (200 - n) * r / 100;
-  return { h: Q(e.h), s: Q(s > 0 && s < 200 ? n * r / 100 / (s <= 100 ? s : 200 - s) * 100 : 0), l: Q(s / 2), a: Q(a, 2) };
+  return { h: Y(e.h), s: Y(s > 0 && s < 200 ? n * r / 100 / (s <= 100 ? s : 200 - s) * 100 : 0), l: Y(s / 2), a: Y(a, 2) };
 }, kt = function(e) {
   var n = Ki(e);
   return "hsl(" + n.h + ", " + n.s + "%, " + n.l + "%)";
@@ -5449,35 +5449,35 @@ var Ue = function(e, n, r) {
   var n = e.h, r = e.s, a = e.v, s = e.a;
   n = n / 360 * 6, r /= 100, a /= 100;
   var o = Math.floor(n), l = a * (1 - r), c = a * (1 - (n - o) * r), d = a * (1 - (1 - n + o) * r), u = o % 6;
-  return { r: Q(255 * [a, c, l, l, d, a][u]), g: Q(255 * [d, a, a, c, l, l][u]), b: Q(255 * [l, l, d, a, a, c][u]), a: Q(s, 2) };
+  return { r: Y(255 * [a, c, l, l, d, a][u]), g: Y(255 * [d, a, a, c, l, l][u]), b: Y(255 * [l, l, d, a, a, c][u]), a: Y(s, 2) };
 }, Xe = function(e) {
   var n = e.toString(16);
   return n.length < 2 ? "0" + n : n;
 }, Ui = function(e) {
-  var n = e.r, r = e.g, a = e.b, s = e.a, o = s < 1 ? Xe(Q(255 * s)) : "";
+  var n = e.r, r = e.g, a = e.b, s = e.a, o = s < 1 ? Xe(Y(255 * s)) : "";
   return "#" + Xe(n) + Xe(r) + Xe(a) + o;
 }, Gi = function(e) {
   var n = e.r, r = e.g, a = e.b, s = e.a, o = Math.max(n, r, a), l = o - Math.min(n, r, a), c = l ? o === n ? (r - a) / l : o === r ? 2 + (a - n) / l : 4 + (n - r) / l : 0;
-  return { h: Q(60 * (c < 0 ? c + 6 : c)), s: Q(o ? l / o * 100 : 0), v: Q(o / 255 * 100), a: s };
+  return { h: Y(60 * (c < 0 ? c + 6 : c)), s: Y(o ? l / o * 100 : 0), v: Y(o / 255 * 100), a: s };
 }, Hi = H.memo(function(e) {
   var n = e.hue, r = e.onChange, a = zt(["react-colorful__hue", e.className]);
   return H.createElement("div", { className: a }, H.createElement(rr, { onMove: function(s) {
     r({ h: 360 * s.left });
   }, onKey: function(s) {
     r({ h: Ue(n + 360 * s.left, 0, 360) });
-  }, "aria-label": "Hue", "aria-valuenow": Q(n), "aria-valuemax": "360", "aria-valuemin": "0" }, H.createElement(ar, { className: "react-colorful__hue-pointer", left: n / 360, color: kt({ h: n, s: 100, v: 100, a: 1 }) })));
-}), Yi = H.memo(function(e) {
+  }, "aria-label": "Hue", "aria-valuenow": Y(n), "aria-valuemax": "360", "aria-valuemin": "0" }, H.createElement(ar, { className: "react-colorful__hue-pointer", left: n / 360, color: kt({ h: n, s: 100, v: 100, a: 1 }) })));
+}), Qi = H.memo(function(e) {
   var n = e.hsva, r = e.onChange, a = { backgroundColor: kt({ h: n.h, s: 100, v: 100, a: 1 }) };
   return H.createElement("div", { className: "react-colorful__saturation", style: a }, H.createElement(rr, { onMove: function(s) {
     r({ s: 100 * s.left, v: 100 - 100 * s.top });
   }, onKey: function(s) {
     r({ s: Ue(n.s + 100 * s.left, 0, 100), v: Ue(n.v - 100 * s.top, 0, 100) });
-  }, "aria-label": "Color", "aria-valuetext": "Saturation " + Q(n.s) + "%, Brightness " + Q(n.v) + "%" }, H.createElement(ar, { className: "react-colorful__saturation-pointer", top: 1 - n.v / 100, left: n.s / 100, color: kt(n) })));
+  }, "aria-label": "Color", "aria-valuetext": "Saturation " + Y(n.s) + "%, Brightness " + Y(n.v) + "%" }, H.createElement(ar, { className: "react-colorful__saturation-pointer", top: 1 - n.v / 100, left: n.s / 100, color: kt(n) })));
 }), sr = function(e, n) {
   if (e === n) return !0;
   for (var r in e) if (e[r] !== n[r]) return !1;
   return !0;
-}, Qi = function(e, n) {
+}, Yi = function(e, n) {
   return e.toLowerCase() === n.toLowerCase() || sr(Ct(e), Ct(n));
 };
 function Vi(e, n, r) {
@@ -5502,7 +5502,7 @@ function Vi(e, n, r) {
 }
 var Wi = typeof window < "u" ? i.useLayoutEffect : i.useEffect, Xi = function() {
   return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : void 0;
-}, en = /* @__PURE__ */ new Map(), Zi = function(e) {
+}, en = /* @__PURE__ */ new Map(), Ji = function(e) {
   Wi(function() {
     var n = e.current ? e.current.ownerDocument : document;
     if (n !== void 0 && !en.has(n)) {
@@ -5512,27 +5512,27 @@ var Wi = typeof window < "u" ? i.useLayoutEffect : i.useEffect, Xi = function()
       a && r.setAttribute("nonce", a), n.head.appendChild(r);
     }
   }, []);
-}, Ji = function(e) {
+}, Zi = function(e) {
   var n = e.className, r = e.colorModel, a = e.color, s = a === void 0 ? r.defaultColor : a, o = e.onChange, l = ut(e, ["className", "colorModel", "color", "onChange"]), c = i.useRef(null);
-  Zi(c);
+  Ji(c);
   var d = Vi(r, s, o), u = d[0], m = d[1], g = zt(["react-colorful", n]);
-  return H.createElement("div", Fe({}, l, { ref: c, className: g }), H.createElement(Yi, { hsva: u, onChange: m }), H.createElement(Hi, { hue: u.h, onChange: m, className: "react-colorful__last-control" }));
+  return H.createElement("div", Fe({}, l, { ref: c, className: g }), H.createElement(Qi, { hsva: u, onChange: m }), H.createElement(Hi, { hue: u.h, onChange: m, className: "react-colorful__last-control" }));
 }, el = { defaultColor: "000", toHsva: qi, fromHsva: function(e) {
   return $i({ h: e.h, s: e.s, v: e.v, a: 1 });
-}, equal: Qi }, tl = function(e) {
-  return H.createElement(Ji, Fe({}, e, { colorModel: el }));
+}, equal: Yi }, tl = function(e) {
+  return H.createElement(Zi, Fe({}, e, { colorModel: el }));
 }, nl = /^#?([0-9A-F]{3,8})$/i, rl = function(e) {
   var n = e.color, r = n === void 0 ? "" : n, a = e.onChange, s = e.onBlur, o = e.escape, l = e.validate, c = e.format, d = e.process, u = ut(e, ["color", "onChange", "onBlur", "escape", "validate", "format", "process"]), m = i.useState(function() {
     return o(r);
-  }), g = m[0], f = m[1], _ = Be(a), y = Be(s), p = i.useCallback(function(v) {
+  }), g = m[0], f = m[1], h = Be(a), y = Be(s), p = i.useCallback(function(v) {
     var C = o(v.target.value);
-    f(C), l(C) && _(d ? d(C) : C);
-  }, [o, d, l, _]), h = i.useCallback(function(v) {
+    f(C), l(C) && h(d ? d(C) : C);
+  }, [o, d, l, h]), _ = i.useCallback(function(v) {
     l(v.target.value) || f(o(r)), y(v);
   }, [r, o, l, y]);
   return i.useEffect(function() {
     f(o(r));
-  }, [r, o]), H.createElement("input", Fe({}, u, { value: c ? c(g) : g, spellCheck: "false", onChange: p, onBlur: h }));
+  }, [r, o]), H.createElement("input", Fe({}, u, { value: c ? c(g) : g, spellCheck: "false", onChange: p, onBlur: _ }));
 }, tn = function(e) {
   return "#" + e;
 }, al = function(e) {
@@ -5554,7 +5554,7 @@ function sl() {
       return e.deleteGroup(a);
     },
     onSuccess: () => {
-      n.invalidateQueries({ queryKey: Y.groups() }), Pe(n);
+      n.invalidateQueries({ queryKey: Q.groups() }), Pe(n);
     },
     onError: (a) => {
       O({
@@ -5576,7 +5576,7 @@ function ol() {
       return e.updateGroup(a, s);
     },
     onSuccess: () => {
-      n.invalidateQueries({ queryKey: Y.groups() }), Pe(n);
+      n.invalidateQueries({ queryKey: Q.groups() }), Pe(n);
     },
     onError: (a) => {
       O({
@@ -5616,12 +5616,12 @@ function cl({
   initialCreateOpen: r,
   showMobileBackButton: a = !0
 }) {
-  const { t: s } = z(), { isMobile: o } = he(), { data: l = [], isLoading: c } = Dt(), d = sl(), [u, m] = i.useState(r ? { mode: "create" } : null), [g, f] = i.useState(null), [_, y] = i.useState(null);
+  const { t: s } = z(), { isMobile: o } = _e(), { data: l = [], isLoading: c } = Dt(), d = sl(), [u, m] = i.useState(r ? { mode: "create" } : null), [g, f] = i.useState(null), [h, y] = i.useState(null);
   i.useEffect(() => {
-    if (_ == null) return;
-    const h = setTimeout(() => y(null), 2e3);
-    return () => clearTimeout(h);
-  }, [_]);
+    if (h == null) return;
+    const _ = setTimeout(() => y(null), 2e3);
+    return () => clearTimeout(_);
+  }, [h]);
   const p = i.useCallback(() => {
     g && d.mutate(g.id, {
       onSuccess: () => {
@@ -5653,20 +5653,20 @@ function cl({
         /* @__PURE__ */ t.jsx("h2", { className: "text-foreground text-lg font-semibold", children: s("groups_manage_title") })
       ] }),
       /* @__PURE__ */ t.jsxs(q, { size: "sm", onClick: () => m({ mode: "create" }), children: [
-        /* @__PURE__ */ t.jsx(_e, { className: "size-4" }),
+        /* @__PURE__ */ t.jsx(he, { className: "size-4" }),
         s("groups_new_group")
       ] })
     ] }),
-    /* @__PURE__ */ t.jsx("div", { className: "flex-1 overflow-y-auto px-6 py-6", children: /* @__PURE__ */ t.jsx("div", { className: "mx-auto max-w-[857px]", children: c ? /* @__PURE__ */ t.jsx(gl, {}) : l.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "text-muted-foreground py-16 text-center text-sm", children: s("groups_empty") }) : /* @__PURE__ */ t.jsx("div", { className: "space-y-2", children: l.map((h) => /* @__PURE__ */ t.jsx(
+    /* @__PURE__ */ t.jsx("div", { className: "flex-1 overflow-y-auto px-6 py-6", children: /* @__PURE__ */ t.jsx("div", { className: "mx-auto max-w-[857px]", children: c ? /* @__PURE__ */ t.jsx(gl, {}) : l.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "text-muted-foreground py-16 text-center text-sm", children: s("groups_empty") }) : /* @__PURE__ */ t.jsx("div", { className: "space-y-2", children: l.map((_) => /* @__PURE__ */ t.jsx(
       pl,
       {
-        group: h,
-        highlight: _ === h.id,
-        onEdit: () => m({ mode: "edit", group: h }),
-        onDelete: () => f(h),
+        group: _,
+        highlight: h === _.id,
+        onEdit: () => m({ mode: "edit", group: _ }),
+        onDelete: () => f(_),
         onSelectContact: n
       },
-      h.id
+      _.id
     )) }) }) }),
     u && /* @__PURE__ */ t.jsx(
       or,
@@ -5674,9 +5674,9 @@ function cl({
         mode: u.mode,
         group: u.mode === "edit" ? u.group : void 0,
         open: !!u,
-        onOpenChange: (h) => !h && m(null),
-        onGroupCreated: (h) => {
-          y(h);
+        onOpenChange: (_) => !_ && m(null),
+        onGroupCreated: (_) => {
+          y(_);
         }
       },
       u.mode === "edit" ? u.group.id : "create"
@@ -5685,7 +5685,7 @@ function cl({
       De,
       {
         open: !!g,
-        onOpenChange: (h) => !h && f(null),
+        onOpenChange: (_) => !_ && f(null),
         title: s("groups_delete_title"),
         description: s("groups_delete_confirm", {
           name: g?.name ?? ""
@@ -5725,14 +5725,14 @@ function or({
   onGroupCreated: s,
   onGroupCreatedWithName: o
 }) {
-  const { t: l } = z(), { isMobile: c } = he(), d = er(), u = ol(), m = e === "create" ? d.isPending : u.isPending, [g, f] = i.useState(n?.name ?? ""), [_, y] = i.useState(n?.avatar ?? ""), [p, h] = i.useState(
+  const { t: l } = z(), { isMobile: c } = _e(), d = er(), u = ol(), m = e === "create" ? d.isPending : u.isPending, [g, f] = i.useState(n?.name ?? ""), [h, y] = i.useState(n?.avatar ?? ""), [p, _] = i.useState(
     n?.avatar_background ?? "#6366f1"
   ), v = i.useCallback(() => {
     const k = g.trim();
     k && (e === "create" ? d.mutate(
       {
         name: k,
-        avatar: _ || void 0,
+        avatar: h || void 0,
         avatar_background: p || void 0
       },
       {
@@ -5748,7 +5748,7 @@ function or({
         groupId: n.id,
         input: {
           name: k,
-          avatar: _ || void 0,
+          avatar: h || void 0,
           avatar_background: p || void 0
         }
       },
@@ -5761,7 +5761,7 @@ function or({
   }, [
     e,
     g,
-    _,
+    h,
     p,
     n,
     d,
@@ -5788,10 +5788,10 @@ function or({
                   {
                     className: "flex size-20 items-center justify-center rounded-full text-4xl transition-colors",
                     style: { backgroundColor: C },
-                    children: _ || /* @__PURE__ */ t.jsx(ke, { className: "size-8 text-white/60" })
+                    children: h || /* @__PURE__ */ t.jsx(ke, { className: "size-8 text-white/60" })
                   }
                 ),
-                _ && /* @__PURE__ */ t.jsx(
+                h && /* @__PURE__ */ t.jsx(
                   Ke,
                   {
                     icon: Ge,
@@ -5815,8 +5815,8 @@ function or({
               )
             ] })
           ] }),
-          /* @__PURE__ */ t.jsxs(Na, { defaultValue: "emoji", children: [
-            /* @__PURE__ */ t.jsxs(Ca, { className: "border-border h-auto w-full justify-center gap-6 rounded-none border-b bg-transparent p-0", children: [
+          /* @__PURE__ */ t.jsxs(Pa, { defaultValue: "emoji", children: [
+            /* @__PURE__ */ t.jsxs(za, { className: "border-border h-auto w-full justify-center gap-6 rounded-none border-b bg-transparent p-0", children: [
               /* @__PURE__ */ t.jsx(
                 Lt,
                 {
@@ -5861,7 +5861,7 @@ function or({
                 tl,
                 {
                   color: p || "#6366f1",
-                  onChange: h,
+                  onChange: _,
                   className: "h-40 w-full"
                 }
               ),
@@ -5871,7 +5871,7 @@ function or({
                   al,
                   {
                     color: p || "6366f1",
-                    onChange: h,
+                    onChange: _,
                     className: "text-foreground w-20 bg-transparent text-sm outline-none"
                   }
                 )
@@ -5880,7 +5880,7 @@ function or({
                 "button",
                 {
                   type: "button",
-                  onClick: () => h(k),
+                  onClick: () => _(k),
                   className: D(
                     "size-7 rounded-full transition-all",
                     p === k ? "ring-primary ring-2 ring-offset-2" : "hover:scale-110"
@@ -5998,7 +5998,7 @@ function pl({
             /* @__PURE__ */ t.jsx(
               Ke,
               {
-                icon: tt,
+                icon: st,
                 onClick: (u) => {
                   u.stopPropagation(), a();
                 },
@@ -6029,34 +6029,34 @@ function fl({
   contactCount: a,
   onSelectContact: s
 }) {
-  const { t: o } = z(), { isMobile: l } = he(), c = xe(), d = W(), u = e.avatar_background ?? "var(--color-muted)", [m, g] = i.useState(""), [f, _] = i.useState(null);
+  const { t: o } = z(), { isMobile: l } = _e(), c = xe(), d = W(), u = e.avatar_background ?? "var(--color-muted)", [m, g] = i.useState(""), [f, h] = i.useState(null);
   i.useEffect(() => {
     if (f == null) return;
-    const x = setTimeout(() => _(null), 2e3);
+    const x = setTimeout(() => h(null), 2e3);
     return () => clearTimeout(x);
   }, [f]);
   const { data: y, isLoading: p } = ve({
-    queryKey: Y.groupMembers(e.name),
+    queryKey: Q.groupMembers(e.name),
     queryFn: async () => (await c.listContacts({
       tags: [e.name],
       per_page: 100
     })).contacts,
     enabled: n
-  }), { data: h } = ve({
-    queryKey: Y.groupAddSearch(e.name, m),
+  }), { data: _ } = ve({
+    queryKey: Q.groupAddSearch(e.name, m),
     queryFn: () => c.listContacts({
       search_query: m,
       per_page: 10
     }),
     enabled: m.length > 0 && n
-  }), v = (h?.contacts ?? []).filter(
+  }), v = (_?.contacts ?? []).filter(
     (x) => !y?.some((P) => P.id === x.id)
   ), C = i.useCallback(
     (x) => {
       const R = (Array.isArray(x.tags) ? x.tags : []).filter((F) => F !== e.name);
       c.updateContact(String(x.id), { tags: R }).then(() => {
         d.invalidateQueries({
-          queryKey: Y.groupMembers(e.name)
+          queryKey: Q.groupMembers(e.name)
         }), Pe(d), O({
           title: o("groups_member_removed_toast", {
             contact: x.full_name ?? "",
@@ -6083,8 +6083,8 @@ function fl({
       const R = [...P, e.name];
       c.updateContact(String(x.id), { tags: R }).then(() => {
         d.invalidateQueries({
-          queryKey: Y.groupMembers(e.name)
-        }), Pe(d), g(""), _(x.id), O({
+          queryKey: Q.groupMembers(e.name)
+        }), Pe(d), g(""), h(x.id), O({
           title: o("groups_member_added_toast", {
             contact: x.full_name ?? "",
             group: e.name
@@ -6147,12 +6147,12 @@ function fl({
               /* @__PURE__ */ t.jsx("p", { className: "text-foreground truncate text-sm", children: x.full_name }),
               x.email && /* @__PURE__ */ t.jsx("p", { className: "text-muted-foreground truncate text-xs", children: x.email })
             ] }),
-            /* @__PURE__ */ t.jsx(_e, { className: "text-primary size-4 shrink-0" })
+            /* @__PURE__ */ t.jsx(he, { className: "text-primary size-4 shrink-0" })
           ]
         },
         x.id
       )) }),
-      m && v.length === 0 && h && /* @__PURE__ */ t.jsx("div", { className: "bg-popover border-border absolute right-6 left-6 z-10 mt-1 rounded-md border p-3 shadow-md", children: /* @__PURE__ */ t.jsx("p", { className: "text-muted-foreground text-center text-sm", children: o("groups_no_contacts_found") }) })
+      m && v.length === 0 && _ && /* @__PURE__ */ t.jsx("div", { className: "bg-popover border-border absolute right-6 left-6 z-10 mt-1 rounded-md border p-3 shadow-md", children: /* @__PURE__ */ t.jsx("p", { className: "text-muted-foreground text-center text-sm", children: o("groups_no_contacts_found") }) })
     ] }),
     /* @__PURE__ */ t.jsx("div", { className: "flex-1 overflow-y-auto px-6 py-3", children: p ? /* @__PURE__ */ t.jsx("div", { className: "text-muted-foreground py-8 text-center text-sm", children: o("groups_loading_members") }) : !y || y.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "text-muted-foreground py-8 text-center text-sm", children: o("groups_empty_members") }) : /* @__PURE__ */ t.jsx("div", { className: "space-y-1", children: y.map((x) => /* @__PURE__ */ t.jsxs(
       "div",
@@ -6197,7 +6197,7 @@ function fl({
     )) }) })
   ] });
   return l ? /* @__PURE__ */ t.jsx(
-    nt,
+    tt,
     {
       open: n,
       onOpenChange: r,
@@ -6223,7 +6223,7 @@ function gl() {
     e
   )) });
 }
-function hl(e = "contacts", n) {
+function _l(e = "contacts", n) {
   const r = W(), a = xe();
   return re({
     mutationFn: (s) => a.createContact(s),
@@ -6239,9 +6239,9 @@ function hl(e = "contacts", n) {
     }
   });
 }
-function _l(e = "contacts", n) {
-  const r = Qe();
-  return hl(e, {
+function hl(e = "contacts", n) {
+  const r = Ye();
+  return _l(e, {
     onSuccess: (a) => {
       O({
         title: r?.t("contact_created") ?? "Contact created successfully",
@@ -6278,7 +6278,7 @@ function xl(e) {
 }
 function nn(e, n) {
   const r = ir(e);
-  return n.view === "new" ? `${r}/new` : n.selectedContactId ? `${r}/${ha(n.selectedContactId)}` : r;
+  return n.view === "new" ? `${r}/new` : n.selectedContactId ? `${r}/${_a(n.selectedContactId)}` : r;
 }
 const lr = "sdk-contacts";
 function bl({
@@ -6291,16 +6291,16 @@ function bl({
   highlightGroupName: l,
   showMobileDetailBackButton: c = !0
 }) {
-  const { t: d } = z(), { locale: u } = wt(), m = mn(), g = xe(), f = W(), _ = i.useMemo(
+  const { t: d } = z(), { locale: u } = wt(), m = mn(), g = xe(), f = W(), h = i.useMemo(
     () => [...un.countries(u), "contact-detail"],
     [u]
   ), y = i.useCallback(async () => (await m.listCountries({
     languageIso: u
   })).countries.map((v) => ({ id: 0, name: v.name, iso: v.code })), [m, u]), p = i.useCallback(
-    (h) => {
-      const v = h.full_name || d("contact_label");
-      g.deleteContact(String(h.id)).then(() => {
-        Pe(f), e === String(h.id) && r(null), O({
+    (_) => {
+      const v = _.full_name || d("contact_label");
+      g.deleteContact(String(_.id)).then(() => {
+        Pe(f), e === String(_.id) && r(null), O({
           title: d("contact_deleted_toast", { name: v }),
           type: "success"
         });
@@ -6326,7 +6326,7 @@ function bl({
       highlightGroupName: l,
       onDeleteContact: p,
       queryKeyPrefix: lr,
-      countriesQueryKey: _,
+      countriesQueryKey: h,
       getCountries: y,
       showMobileDetailBackButton: c
     }
@@ -6360,7 +6360,7 @@ function vl({
     [c]
   ), u = pn(Pt, {
     defaultValues: yl
-  }), m = _l(lr, {
+  }), m = hl(lr, {
     onSuccess: (y) => {
       n?.();
       const p = y?.contact?.id;
@@ -6372,8 +6372,8 @@ function vl({
   }), { mutate: g } = m, f = i.useMemo(
     () => u.handleSubmit(
       (y) => {
-        const { affiliate: p, ...h } = y, v = {};
-        for (const [C, k] of Object.entries(h))
+        const { affiliate: p, ..._ } = y, v = {};
+        for (const [C, k] of Object.entries(_))
           k !== "" && k !== null && k !== void 0 && (v[C] = k);
         p && Object.keys(p).length > 0 && (v.affiliate = p), g(v);
       },
@@ -6381,15 +6381,15 @@ function vl({
       }
     ),
     [u, g]
-  ), _ = i.useCallback(() => {
+  ), h = i.useCallback(() => {
     e({ view: "browse", selectedContactId: null });
   }, [e]);
   return r ? /* @__PURE__ */ t.jsx(
-    nt,
+    tt,
     {
       open: !0,
       onOpenChange: (y) => {
-        y || _();
+        y || h();
       },
       title: a("breadcrumb_new"),
       children: /* @__PURE__ */ t.jsx(yt, { ...u, children: /* @__PURE__ */ t.jsxs(
@@ -6406,7 +6406,7 @@ function vl({
                 {
                   type: "button",
                   variant: "outline",
-                  onClick: _,
+                  onClick: h,
                   children: a("cancel")
                 }
               ),
@@ -6419,7 +6419,7 @@ function vl({
   ) : /* @__PURE__ */ t.jsx(
     To,
     {
-      onNavigateToList: _,
+      onNavigateToList: h,
       onSubmit: () => s.current?.requestSubmit(),
       isPending: m.isPending,
       children: /* @__PURE__ */ t.jsx(yt, { ...u, children: /* @__PURE__ */ t.jsx("div", { className: "mx-auto max-w-7xl space-y-12 md:px-10 md:py-8", children: /* @__PURE__ */ t.jsx(
@@ -6451,10 +6451,10 @@ function jl({
   const { currentSlug: m, navigate: g } = Nr(), f = i.useMemo(
     () => ir(m),
     [m]
-  ), { nav: _, subPage: y } = i.useMemo(
+  ), { nav: h, subPage: y } = i.useMemo(
     () => xl(m),
     [m]
-  ), p = Fr(), [h, v] = i.useState(!1), [C, k] = i.useState(
+  ), p = Fr(), [_, v] = i.useState(!1), [C, k] = i.useState(
     null
   );
   i.useEffect(() => {
@@ -6487,9 +6487,9 @@ function jl({
     [j]
   ), I = i.useCallback(
     (T) => {
-      v(!1), (_.view === "new" || T.view === "new" || T.view === "browse" && T.selectedContactId) && F(T);
+      v(!1), (h.view === "new" || T.view === "new" || T.view === "browse" && T.selectedContactId) && F(T);
     },
-    [F, _.view]
+    [F, h.view]
   ), [S, L] = i.useState(!1), [$, b] = i.useState(
     null
   );
@@ -6500,7 +6500,7 @@ function jl({
   }, [$]);
   const A = i.useCallback(() => {
     L(!0);
-  }, []), M = h || _.view === "new", B = p || !M;
+  }, []), M = _ || h.view === "new", B = p || !M;
   return /* @__PURE__ */ t.jsx(yo, { children: /* @__PURE__ */ t.jsx(mo, { api: e, children: /* @__PURE__ */ t.jsxs("div", { ...u, className: D("h-full", u.className), children: [
     y === "manage-groups" ? /* @__PURE__ */ t.jsx(
       cl,
@@ -6520,7 +6520,7 @@ function jl({
       B ? /* @__PURE__ */ t.jsx(
         bl,
         {
-          selectedContactId: _.view === "browse" ? _.selectedContactId : null,
+          selectedContactId: h.view === "browse" ? h.selectedContactId : null,
           highlightContactId: C,
           onSelect: x,
           onAdd: P,