@nivaro/react 0.3.25 → 0.3.27

package/dist/hooks/useSessionRecorder.js

@@ -9,7 +9,7 @@ import { noteReplayEvent as _e, createReplayCheckoutState as De } from "../share
 import { emitReplayTap as Te, setReplayRecorderMode as N, registerReplayCapture as qe, clipEndOffset as Le, withClipKind as Pe } from "../shared/lib/replay-capture.js";
 import { instrumentConsole as Ne, instrumentRequests as Fe, redactSecrets as Me } from "../shared/lib/replay-context.js";
 import { instrumentSocket as Oe } from "../shared/lib/replay-socket.js";
-const Ue = "nivaro-react@0.3.25", j = 1e4, We = 150, He = 3e3, Ke = 600, $e = (n) => `nvr_replay_resume${n ? `:${n}` : ""}`, G = () => typeof navigator > "u" || navigator.onLine !== !1;
+const Ue = "nivaro-react@0.3.27", j = 1e4, We = 150, He = 3e3, Ke = 600, $e = (n) => `nvr_replay_resume${n ? `:${n}` : ""}`, G = () => typeof navigator > "u" || navigator.onLine !== !1;
 function Be(n) {
   return typeof n.url != "string" || typeof fetch != "function" ? null : (f, a) => {
     const u = typeof n.getToken == "function" ? n.getToken() : void 0, d = { "Content-Type": "application/json" };

package/dist/shared/components/item-edit/M2MCombobox.js

@@ -2,38 +2,39 @@ import { jsx as n, jsxs as c } from "react/jsx-runtime";
 import { useQuery as w } from "@tanstack/react-query";
 import { ChevronDown as te, Loader2 as ae, AlertTriangle as ce, X as oe, Check as de } from "lucide-react";
 import { useState as ne, useRef as me, useEffect as ue } from "react";
-import { useNivaroClient as fe, useItemEditAuth as pe, useDrilldown as $e } from "../../context.js";
-import { parseAllowedCollections as Ie } from "../../lib/allowed-collections.js";
-import { get as C } from "../../lib/commands.js";
-import { useRecordReader as Ae } from "../../lib/record-loader.js";
-import { useOnlineUsers as he } from "../../lib/use-online-users.js";
-import { cn as Q, userOptionFilter as be } from "../../lib/utils.js";
-import { UserAvatar as ye } from "../UserAvatar.js";
-import { Command as xe, CommandInput as ve, CommandList as ge, CommandEmpty as ke, CommandGroup as we, CommandItem as Ne } from "../ui/command.js";
-import { Popover as Se, PopoverTrigger as _e, PopoverContent as Ce } from "../ui/popover.js";
-import { applyDisplayTemplate as qe } from "./helpers.js";
-import { useM2MStaging as Le } from "./M2MStagingContext.js";
-import { useStaleTip as Ke, RelatedItemLabel as ie } from "./RelationCombobox.js";
-function je(s) {
-  return s.replace(/\(.*$/, "").trim().split(/\s+/).map((o) => o[0]).filter(Boolean).slice(0, 2).join("").toUpperCase() || "?";
-}
+import { useNivaroClient as fe, useItemEditAuth as pe, useDrilldown as Ie } from "../../context.js";
+import { parseAllowedCollections as Ae } from "../../lib/allowed-collections.js";
+import { get as q } from "../../lib/commands.js";
+import { compareByMatch as he } from "../../lib/picker-rank.js";
+import { useRecordReader as Ke } from "../../lib/record-loader.js";
+import { useOnlineUsers as be } from "../../lib/use-online-users.js";
+import { cn as Q, userOptionFilter as ye } from "../../lib/utils.js";
+import { UserAvatar as xe } from "../UserAvatar.js";
+import { Command as ve, CommandInput as ge, CommandList as ke, CommandEmpty as we, CommandGroup as Ne, CommandItem as Se } from "../ui/command.js";
+import { Popover as _e, PopoverTrigger as qe, PopoverContent as Ce } from "../ui/popover.js";
+import { applyDisplayTemplate as Le } from "./helpers.js";
+import { useM2MStaging as je } from "./M2MStagingContext.js";
+import { useStaleTip as Je, RelatedItemLabel as ie } from "./RelationCombobox.js";
 function Fe(s) {
-  return Ie(s == null ? void 0 : s.one_allowed_collections);
+  return s.replace(/\(.*$/, "").trim().split(/\s+/).map((o) => o[0]).filter(Boolean).slice(0, 2).join("").toUpperCase() || "?";
 }
 function Te(s) {
+  return Ae(s == null ? void 0 : s.one_allowed_collections);
+}
+function Oe(s) {
   if (!s) return null;
   if (s.one_collection) return s.one_collection;
-  const o = Fe(s);
+  const o = Te(s);
   return o.length === 0 ? null : o.some((N) => N === "directus_users" || N === "nivaro_users") ? "nivaro_users" : o[0];
 }
-function et(s) {
+function nt(s) {
   if (!s || s.one_collection) return null;
-  const o = Fe(s);
+  const o = Te(s);
   if (o.length === 0) return null;
   const N = o.includes("directus_users") ? "directus_users" : o.includes("nivaro_users") ? "nivaro_users" : o[0];
   return { field: s.one_collection_field ?? "collection", value: N };
 }
-function tt({
+function lt({
   relation: s,
   parentId: o,
   allRelations: N,
@@ -43,57 +44,57 @@ function tt({
   onCountChange: J,
   drilldown: D
 }) {
-  const y = fe(), W = $e(), t = Le(), [P, q] = ne(!1), [L, T] = ne(""), le = N.find(
+  const y = fe(), W = Ie(), t = je(), [P, C] = ne(!1), [x, T] = ne(""), le = N.find(
     (e) => e.many_collection === s.many_collection && e.many_field === s.junction_field && e.id !== s.id
-  ), r = Te(le), x = s.junction_field ?? "", R = s.many_field ?? "", d = s.one_field ?? `${s.many_collection}.${x}`, { data: a } = w({
+  ), r = Oe(le), v = s.junction_field ?? "", R = s.many_field ?? "", d = s.one_field ?? `${s.many_collection}.${v}`, { data: a } = w({
     queryKey: ["col-meta", r],
-    queryFn: () => y.request(C(`/collections/${r}`)).then((e) => e.data),
+    queryFn: () => y.request(q(`/collections/${r}`)).then((e) => e.data),
     enabled: !!r,
     staleTime: 3e5,
     retry: !1
   }), { data: X = [] } = w({
     queryKey: ["m2m-items", s.many_collection, R, o],
     queryFn: () => y.request(
-      C(`/items/${s.many_collection}`, {
+      q(`/items/${s.many_collection}`, {
         filter: JSON.stringify({ [R]: { _eq: o } }),
         limit: 200,
-        fields: `id,${x}`
+        fields: `id,${v}`
       })
     ).then((e) => e.data ?? []),
     staleTime: 3e4,
     enabled: !!o && o !== "new"
-  }), re = pe().isAdmin, z = r === "nivaro_users" ? be(re) : null, E = he(r === "nivaro_users"), H = h ? z ? { _and: [h, z] } : h : z, j = H ? JSON.stringify(H) : void 0, v = b && !/^-?label$/.test(b) ? b : void 0, S = (() => {
+  }), re = pe().isAdmin, z = r === "nivaro_users" ? ye(re) : null, E = be(r === "nivaro_users"), H = h ? z ? { _and: [h, z] } : h : z, L = H ? JSON.stringify(H) : void 0, g = b && !/^-?label$/.test(b) ? b : void 0, S = (() => {
     const e = a == null ? void 0 : a.display_template;
     if (!e || !e.includes(".")) return null;
     const i = [...e.matchAll(/\{\{([^}]+)\}\}/g)].map((u) => u[1].trim());
     return i.length === 0 ? null : ["id", ...i].join(",");
-  })(), { data: O = [], isFetching: V } = w({
+  })(), { data: O = [], isFetching: B } = w({
     queryKey: [
       "m2m-options",
       r,
+      x,
       L,
-      j,
-      v ?? "",
+      g ?? "",
       S ?? ""
     ],
     queryFn: () => y.request(
-      C(`/items/${r}`, {
+      q(`/items/${r}`, {
         limit: 200,
-        search: L || void 0,
-        filter: j,
+        search: x || void 0,
+        filter: L,
         picker: "1",
         // A dotted display template ({{core_category.name}}) needs the
         // nested expansion — a bare row only carries the FK id.
         ...S ? { fields: S } : {},
-        ...v ? { sort: v } : {}
+        ...g ? { sort: g } : {}
       })
     ).then((e) => e.data ?? []),
     enabled: P && !!r,
-    staleTime: j ? 0 : 3e4
-  }), B = (t == null ? void 0 : t.getStagedLinks(d)) ?? [], g = (t == null ? void 0 : t.getStagedUnlinks(d)) ?? /* @__PURE__ */ new Set(), U = X.filter((e) => !g.has(e.id)), p = new Set(U.map((e) => String(e[x]))), _ = [...p], Y = JSON.stringify(h ? { _and: [{ id: { _in: _ } }, h] } : { id: { _in: _ } }), { data: m } = w({
-    queryKey: ["m2m-avail", r, _.join(","), j],
+    staleTime: L ? 0 : 3e4
+  }), V = (t == null ? void 0 : t.getStagedLinks(d)) ?? [], k = (t == null ? void 0 : t.getStagedUnlinks(d)) ?? /* @__PURE__ */ new Set(), U = X.filter((e) => !k.has(e.id)), f = new Set(U.map((e) => String(e[v]))), _ = [...f], Y = JSON.stringify(h ? { _and: [{ id: { _in: _ } }, h] } : { id: { _in: _ } }), { data: m } = w({
+    queryKey: ["m2m-avail", r, _.join(","), L],
     queryFn: () => y.request(
-      C(`/items/${r}`, {
+      q(`/items/${r}`, {
         filter: Y,
         picker: "1",
         limit: 200,
@@ -102,10 +103,10 @@ function tt({
     ).then((e) => e.data ?? []),
     enabled: !!r && _.length > 0,
     staleTime: 3e4
-  }), Z = new Set((m ?? []).map((e) => String(e.id))), $ = m !== void 0 ? new Set(_.filter((e) => !Z.has(e))) : /* @__PURE__ */ new Set(), I = new Set(B.map(String)), A = /* @__PURE__ */ new Set([...p, ...I]), F = me(J);
-  F.current = J, ue(() => {
+  }), Z = new Set((m ?? []).map((e) => String(e.id))), $ = m !== void 0 ? new Set(_.filter((e) => !Z.has(e))) : /* @__PURE__ */ new Set(), I = new Set(V.map(String)), A = /* @__PURE__ */ new Set([...f, ...I]), j = me(J);
+  j.current = J, ue(() => {
     var e;
-    (e = F.current) == null || e.call(F, A.size);
+    (e = j.current) == null || e.call(j, A.size);
   }, [A.size]);
   function G(e) {
     const i = String(e);
@@ -113,16 +114,16 @@ function tt({
       t == null || t.unstageLink(d, e);
       return;
     }
-    const u = X.find((M) => String(M[x]) === i);
+    const u = X.find((M) => String(M[v]) === i);
     if (u) {
-      g.has(u.id) ? t == null || t.unstageUnlink(d, u.id) : t == null || t.stageUnlink(d, u.id);
+      k.has(u.id) ? t == null || t.unstageUnlink(d, u.id) : t == null || t.stageUnlink(d, u.id);
       return;
     }
     t == null || t.stageLink(d, e);
   }
-  function k(e) {
+  function F(e) {
     const i = (a == null ? void 0 : a.display_template) ?? null;
-    return i ? qe(i, e) : String(e._display ?? e.id ?? "");
+    return i ? Le(i, e) : String(e._display ?? e.id ?? "");
   }
   return K ? /* @__PURE__ */ c(
     "button",
@@ -140,20 +141,20 @@ function tt({
       ]
     }
   ) : /* @__PURE__ */ n("div", { children: /* @__PURE__ */ c(
-    Se,
+    _e,
     {
       open: P,
       onOpenChange: (e) => {
-        q(e), e || T("");
+        C(e), e || T("");
       },
       children: [
-        /* @__PURE__ */ n(_e, { asChild: !0, children: /* @__PURE__ */ c(
+        /* @__PURE__ */ n(qe, { asChild: !0, children: /* @__PURE__ */ c(
           "div",
           {
             role: "button",
             tabIndex: 0,
             onKeyDown: (e) => {
-              (e.key === "Enter" || e.key === " ") && (e.preventDefault(), q((i) => !i));
+              (e.key === "Enter" || e.key === " ") && (e.preventDefault(), C((i) => !i));
             },
             className: "flex min-h-9 w-full cursor-pointer items-center justify-between gap-2 rounded-md border border-input bg-background px-3 py-1 text-sm text-left font-normal hover:bg-muted",
             children: [
@@ -166,7 +167,7 @@ function tt({
                   },
                   children: [
                     U.map((e) => {
-                      const i = e[x], u = $.has(String(i));
+                      const i = e[v], u = $.has(String(i));
                       return /* @__PURE__ */ c(
                         "span",
                         {
@@ -221,7 +222,7 @@ function tt({
                         String(e.id)
                       );
                     }),
-                    B.map((e) => /* @__PURE__ */ c(
+                    V.map((e) => /* @__PURE__ */ c(
                       "span",
                       {
                         className: "inline-flex items-center gap-1 rounded-full border border-dashed border-nvr-cyan/50 bg-nvr-cyan/5 pl-2.5 pr-1.5 py-0.5 text-[12px] text-slate-600 dark:text-slate-300",
@@ -255,24 +256,24 @@ function tt({
             ]
           }
         ) }),
-        /* @__PURE__ */ n(Ce, { className: "w-[320px] p-0", align: "start", children: /* @__PURE__ */ c(xe, { shouldFilter: !1, children: [
+        /* @__PURE__ */ n(Ce, { className: "w-[320px] p-0", align: "start", children: /* @__PURE__ */ c(ve, { shouldFilter: !1, children: [
           /* @__PURE__ */ n(
-            ve,
+            ge,
             {
               placeholder: "Search…",
-              value: L,
+              value: x,
               onValueChange: T,
               className: "h-9 text-[13px]"
             }
           ),
-          /* @__PURE__ */ c(ge, { children: [
-            V ? /* @__PURE__ */ n("div", { className: "flex items-center justify-center py-4", children: /* @__PURE__ */ n(ae, { className: "h-4 w-4 animate-spin text-muted-foreground" }) }) : /* @__PURE__ */ n(ke, { className: "py-3 text-left text-[12px] text-muted-foreground px-3", children: "No results" }),
-            /* @__PURE__ */ n(we, { children: !V && (v ? [...O] : [...O].sort(
-              (e, i) => b === "-label" ? k(i).localeCompare(k(e)) : k(e).localeCompare(k(i))
+          /* @__PURE__ */ c(ke, { children: [
+            B ? /* @__PURE__ */ n("div", { className: "flex items-center justify-center py-4", children: /* @__PURE__ */ n(ae, { className: "h-4 w-4 animate-spin text-muted-foreground" }) }) : /* @__PURE__ */ n(we, { className: "py-3 text-left text-[12px] text-muted-foreground px-3", children: "No results" }),
+            /* @__PURE__ */ n(Ne, { children: !B && (g ? [...O] : [...O].sort(
+              (e, i) => he(F(e), F(i), x, b === "-label")
             )).map((e) => {
               const i = String(e.id), u = A.has(i);
               return /* @__PURE__ */ c(
-                Ne,
+                Se,
                 {
                   value: i,
                   onSelect: () => G(e.id),
@@ -289,11 +290,11 @@ function tt({
                       }
                     ),
                     r === "nivaro_users" && /* @__PURE__ */ n(
-                      ye,
+                      xe,
                       {
                         userId: i,
                         className: "h-4 w-4",
-                        fallback: /* @__PURE__ */ n("span", { className: "flex h-4 w-4 shrink-0 items-center justify-center rounded-full bg-nvr-cyan/20 text-[8px] font-bold text-nvr-navy dark:text-nvr-cyan", children: je(k(e)) })
+                        fallback: /* @__PURE__ */ n("span", { className: "flex h-4 w-4 shrink-0 items-center justify-center rounded-full bg-nvr-cyan/20 text-[8px] font-bold text-nvr-navy dark:text-nvr-cyan", children: Fe(F(e)) })
                       }
                     ),
                     r === "nivaro_users" && E.has(i.toUpperCase()) && /* @__PURE__ */ n(
@@ -303,7 +304,7 @@ function tt({
                         "data-tip": "Online now"
                       }
                     ),
-                    /* @__PURE__ */ n("span", { className: "truncate", children: k(e) })
+                    /* @__PURE__ */ n("span", { className: "truncate", children: F(e) })
                   ]
                 },
                 i
@@ -315,7 +316,7 @@ function tt({
     }
   ) });
 }
-function nt({
+function rt({
   relation: s,
   parentId: o,
   allRelations: N,
@@ -325,44 +326,44 @@ function nt({
   onCountChange: J,
   readOnly: D
 }) {
-  const y = fe(), W = Ae(), t = Le(), [P, q] = ne(!1), [L, T] = ne(""), le = N.find(
+  const y = fe(), W = Ke(), t = je(), [P, C] = ne(!1), [x, T] = ne(""), le = N.find(
     (l) => l.many_collection === s.many_collection && l.many_field === s.junction_field && l.id !== s.id
-  ), r = Te(le), x = s.junction_field ?? "", R = s.many_field ?? "", d = s.one_field ?? `${s.many_collection}.${x}`, { data: a } = w({
+  ), r = Oe(le), v = s.junction_field ?? "", R = s.many_field ?? "", d = s.one_field ?? `${s.many_collection}.${v}`, { data: a } = w({
     queryKey: ["col-meta", r],
-    queryFn: () => y.request(C(`/collections/${r}`)).then((l) => l.data),
+    queryFn: () => y.request(q(`/collections/${r}`)).then((l) => l.data),
     enabled: !!r,
     staleTime: 3e5,
     retry: !1
   }), { data: X = [], isFetching: re } = w({
     queryKey: ["m2m-items", s.many_collection, R, o],
     queryFn: () => y.request(
-      C(`/items/${s.many_collection}`, {
+      q(`/items/${s.many_collection}`, {
         filter: JSON.stringify({ [R]: { _eq: o } }),
         limit: 1,
-        fields: `id,${x}`
+        fields: `id,${v}`
       })
     ).then((l) => l.data ?? []),
     staleTime: 3e4,
     enabled: !!o && o !== "new"
-  }), z = pe().isAdmin, E = r === "nivaro_users" ? be(z) : null, H = he(r === "nivaro_users"), j = h ? E ? { _and: [h, E] } : h : E, v = j ? JSON.stringify(j) : void 0, S = b && !/^-?label$/.test(b) ? b : void 0, O = (() => {
+  }), z = pe().isAdmin, E = r === "nivaro_users" ? ye(z) : null, H = be(r === "nivaro_users"), L = h ? E ? { _and: [h, E] } : h : E, g = L ? JSON.stringify(L) : void 0, S = b && !/^-?label$/.test(b) ? b : void 0, O = (() => {
     const l = a == null ? void 0 : a.display_template;
     if (!l || !l.includes(".")) return null;
-    const f = [...l.matchAll(/\{\{([^}]+)\}\}/g)].map((ee) => ee[1].trim());
-    return f.length === 0 ? null : ["id", ...f].join(",");
-  })(), { data: V = [], isFetching: B } = w({
+    const p = [...l.matchAll(/\{\{([^}]+)\}\}/g)].map((ee) => ee[1].trim());
+    return p.length === 0 ? null : ["id", ...p].join(",");
+  })(), { data: B = [], isFetching: V } = w({
     queryKey: [
       "m2m-options",
       r,
-      L,
-      v,
+      x,
+      g,
       S ?? "",
       O ?? ""
     ],
     queryFn: () => y.request(
-      C(`/items/${r}`, {
+      q(`/items/${r}`, {
         limit: 200,
-        search: L || void 0,
-        filter: v,
+        search: x || void 0,
+        filter: g,
         picker: "1",
         // A dotted display template ({{core_category.name}}) needs the
         // nested expansion — a bare row only carries the FK id.
@@ -371,8 +372,8 @@ function nt({
       })
     ).then((l) => l.data ?? []),
     enabled: P && !!r,
-    staleTime: v ? 0 : 3e4
-  }), g = (t == null ? void 0 : t.getStagedLinks(d)) ?? [], U = (t == null ? void 0 : t.getStagedUnlinks(d)) ?? /* @__PURE__ */ new Set(), p = X.find((l) => !U.has(l.id)) ?? null, _ = p ? p[x] : null, Y = g.length > 0 ? g[g.length - 1] : null, m = Y ?? _, Z = g.length > 0 || U.size > 0, $ = me(J);
+    staleTime: g ? 0 : 3e4
+  }), k = (t == null ? void 0 : t.getStagedLinks(d)) ?? [], U = (t == null ? void 0 : t.getStagedUnlinks(d)) ?? /* @__PURE__ */ new Set(), f = X.find((l) => !U.has(l.id)) ?? null, _ = f ? f[v] : null, Y = k.length > 0 ? k[k.length - 1] : null, m = Y ?? _, Z = k.length > 0 || U.size > 0, $ = me(J);
   $.current = J, ue(() => {
     var l;
     (l = $.current) == null || l.call($, m != null ? 1 : 0);
@@ -382,10 +383,10 @@ function nt({
     queryFn: () => W(r, m),
     enabled: !!r && m != null,
     staleTime: 6e4
-  }), A = JSON.stringify(h ? { _and: [{ id: { _eq: m } }, h] } : { id: { _eq: m } }), { data: F } = w({
-    queryKey: ["relation-avail", r, String(m), v],
+  }), A = JSON.stringify(h ? { _and: [{ id: { _eq: m } }, h] } : { id: { _eq: m } }), { data: j } = w({
+    queryKey: ["relation-avail", r, String(m), g],
     queryFn: () => y.request(
-      C(`/items/${r}`, {
+      q(`/items/${r}`, {
         filter: A,
         picker: "1",
         limit: 1,
@@ -394,20 +395,20 @@ function nt({
     ).then((l) => l.data ?? []),
     enabled: !!r && m != null && !!I,
     staleTime: 3e4
-  }), G = F !== void 0 && F.length === 0, k = Ke(G), e = (a == null ? void 0 : a.display_template) ?? null;
+  }), G = j !== void 0 && j.length === 0, F = Je(G), e = (a == null ? void 0 : a.display_template) ?? null;
   function i(l) {
-    return e ? qe(e, l) : String(l.name ?? l.title ?? l.label ?? l.id ?? "");
+    return e ? Le(e, l) : String(l.name ?? l.title ?? l.label ?? l.id ?? "");
   }
-  const u = V.find((l) => String(l.id) === String(m)) ?? I, M = m != null && !I && !u, se = u ? i(u) : null;
+  const u = B.find((l) => String(l.id) === String(m)) ?? I, M = m != null && !I && !u, se = u ? i(u) : null;
   if (D)
     return /* @__PURE__ */ n("span", { className: "block truncate text-[12px] text-slate-700 dark:text-slate-200", children: M ? "…" : se ?? "—" });
-  function Oe(l) {
-    for (const f of g) t == null || t.unstageLink(d, f);
-    p && !U.has(p.id) && (t == null || t.stageUnlink(d, p.id)), String(l) === String(_) && p ? t == null || t.unstageUnlink(d, p.id) : String(l) !== String(m) && (t == null || t.stageLink(d, l)), q(!1), T("");
+  function Ue(l) {
+    for (const p of k) t == null || t.unstageLink(d, p);
+    f && !U.has(f.id) && (t == null || t.stageUnlink(d, f.id)), String(l) === String(_) && f ? t == null || t.unstageUnlink(d, f.id) : String(l) !== String(m) && (t == null || t.stageLink(d, l)), C(!1), T("");
   }
-  function Ue() {
-    for (const l of g) t == null || t.unstageLink(d, l);
-    p && (t == null || t.stageUnlink(d, p.id)), q(!1);
+  function $e() {
+    for (const l of k) t == null || t.unstageLink(d, l);
+    f && (t == null || t.stageUnlink(d, f.id)), C(!1);
   }
   return K ? /* @__PURE__ */ c(
     "button",
@@ -424,16 +425,16 @@ function nt({
         /* @__PURE__ */ n(te, { className: "h-4 w-4 shrink-0 opacity-50" })
       ]
     }
-  ) : /* @__PURE__ */ c("div", { ...k.bind, children: [
+  ) : /* @__PURE__ */ c("div", { ...F.bind, children: [
     /* @__PURE__ */ c(
-      Se,
+      _e,
       {
         open: P,
         onOpenChange: (l) => {
-          q(l), l || T("");
+          C(l), l || T("");
         },
         children: [
-          /* @__PURE__ */ n(_e, { asChild: !0, children: /* @__PURE__ */ c(
+          /* @__PURE__ */ n(qe, { asChild: !0, children: /* @__PURE__ */ c(
             "button",
             {
               type: "button",
@@ -459,12 +460,12 @@ function nt({
               ]
             }
           ) }),
-          /* @__PURE__ */ n(Ce, { className: "w-[320px] p-0", align: "start", children: /* @__PURE__ */ c(xe, { shouldFilter: !1, children: [
+          /* @__PURE__ */ n(Ce, { className: "w-[320px] p-0", align: "start", children: /* @__PURE__ */ c(ve, { shouldFilter: !1, children: [
             /* @__PURE__ */ n(
-              ve,
+              ge,
               {
                 placeholder: "Search…",
-                value: L,
+                value: x,
                 onValueChange: T,
                 className: "h-9 text-[12px]"
               }
@@ -474,7 +475,7 @@ function nt({
               {
                 type: "button",
                 onClick: () => {
-                  Ue(), q(!1);
+                  $e(), C(!1);
                 },
                 className: "flex w-full items-center gap-2 px-3 py-1.5 text-[13px] text-slate-500 hover:bg-muted border-b border-slate-100 dark:text-slate-400 dark:border-border",
                 children: [
@@ -483,17 +484,17 @@ function nt({
                 ]
               }
             ),
-            /* @__PURE__ */ c(ge, { children: [
-              B ? /* @__PURE__ */ n("div", { className: "flex items-center justify-center py-4", children: /* @__PURE__ */ n(ae, { className: "h-4 w-4 animate-spin text-muted-foreground" }) }) : /* @__PURE__ */ n(ke, { className: "py-3 text-left text-[12px] text-muted-foreground px-3", children: "No results" }),
-              !B && /* @__PURE__ */ n(we, { children: [...V].sort(
-                (l, f) => S ? 0 : b === "-label" ? i(f).localeCompare(i(l)) : i(l).localeCompare(i(f))
+            /* @__PURE__ */ c(ke, { children: [
+              V ? /* @__PURE__ */ n("div", { className: "flex items-center justify-center py-4", children: /* @__PURE__ */ n(ae, { className: "h-4 w-4 animate-spin text-muted-foreground" }) }) : /* @__PURE__ */ n(we, { className: "py-3 text-left text-[12px] text-muted-foreground px-3", children: "No results" }),
+              !V && /* @__PURE__ */ n(Ne, { children: [...B].sort(
+                (l, p) => S ? 0 : he(i(l), i(p), x, b === "-label")
               ).map((l) => {
-                const f = String(l.id), ee = String(m) === f;
+                const p = String(l.id), ee = String(m) === p;
                 return /* @__PURE__ */ c(
-                  Ne,
+                  Se,
                   {
-                    value: f,
-                    onSelect: () => Oe(l.id),
+                    value: p,
+                    onSelect: () => Ue(l.id),
                     className: "flex items-center gap-2 text-[12px]",
                     children: [
                       /* @__PURE__ */ n(
@@ -507,14 +508,14 @@ function nt({
                         }
                       ),
                       r === "nivaro_users" && /* @__PURE__ */ n(
-                        ye,
+                        xe,
                         {
-                          userId: f,
+                          userId: p,
                           className: "h-4 w-4",
-                          fallback: /* @__PURE__ */ n("span", { className: "flex h-4 w-4 shrink-0 items-center justify-center rounded-full bg-nvr-cyan/20 text-[8px] font-bold text-nvr-navy dark:text-nvr-cyan", children: je(i(l)) })
+                          fallback: /* @__PURE__ */ n("span", { className: "flex h-4 w-4 shrink-0 items-center justify-center rounded-full bg-nvr-cyan/20 text-[8px] font-bold text-nvr-navy dark:text-nvr-cyan", children: Fe(i(l)) })
                         }
                       ),
-                      r === "nivaro_users" && H.has(f.toUpperCase()) && /* @__PURE__ */ n(
+                      r === "nivaro_users" && H.has(p.toUpperCase()) && /* @__PURE__ */ n(
                         "span",
                         {
                           className: "h-1.5 w-1.5 shrink-0 rounded-full bg-emerald-500",
@@ -524,7 +525,7 @@ function nt({
                       /* @__PURE__ */ n("span", { className: "truncate", children: i(l) })
                     ]
                   },
-                  f
+                  p
                 );
               }) })
             ] })
@@ -532,12 +533,12 @@ function nt({
         ]
       }
     ),
-    k.tip
+    F.tip
   ] });
 }
 export {
-  tt as M2MCombobox,
-  nt as M2MSingleSelectCombobox,
-  et as m2aWriteMeta,
-  Te as resolveM2MRelatedCollection
+  lt as M2MCombobox,
+  rt as M2MSingleSelectCombobox,
+  nt as m2aWriteMeta,
+  Oe as resolveM2MRelatedCollection
 };