@pibit.ai/cure-design-system 0.5.11 → 0.6.0

package/dist/node_modules/{@react-stately/data/dist → react-stately/dist/private/data}/useListData.js

@@ -1,13 +1,10 @@
 import { useState as K, useMemo as x } from "react";
-function g(s) {
-  let { initialItems: f = [], initialSelectedKeys: d, getKey: r = (o) => {
-    var m;
-    return (m = o.id) !== null && m !== void 0 ? m : o.key;
-  }, filter: t, initialFilterText: e = "" } = s, [l, i] = K({
+function $(o) {
+  let { initialItems: f = [], initialSelectedKeys: d, getKey: i = (m) => m.id ?? m.key, filter: t, initialFilterText: e = "" } = o, [l, r] = K({
     items: f,
     selectedKeys: d === "all" ? "all" : new Set(d || []),
     filterText: e
-  }), n = x(() => t ? l.items.filter((o) => t(o, l.filterText)) : l.items, [
+  }), n = x(() => t ? l.items.filter((m) => t(m, l.filterText)) : l.items, [
     l.items,
     l.filterText,
     t
@@ -16,15 +13,15 @@ function g(s) {
     ...l,
     items: n,
     ...S({
-      getKey: r
-    }, i),
-    getItem(o) {
-      return l.items.find((m) => r(m) === o);
+      getKey: i
+    }, r),
+    getItem(m) {
+      return l.items.find((s) => i(s) === m);
     }
   };
 }
-function S(s, f) {
-  let { cursor: d, getKey: r } = s;
+function S(o, f) {
+  let { cursor: d, getKey: i } = o;
   return {
     setSelectedKeys(t) {
       f((e) => ({
@@ -50,8 +47,8 @@ function S(s, f) {
           ...e,
           selectedKeys: /* @__PURE__ */ new Set()
         };
-        let l = e.selectedKeys === "all" ? new Set(e.items.map(r)) : new Set(e.selectedKeys);
-        for (let i of t) l.delete(i);
+        let l = e.selectedKeys === "all" ? new Set(e.items.map(i)) : new Set(e.selectedKeys);
+        for (let r of t) l.delete(r);
         return {
           ...e,
           selectedKeys: l
@@ -69,20 +66,20 @@ function S(s, f) {
     },
     insertBefore(t, ...e) {
       f((l) => {
-        let i = l.items.findIndex((n) => (r == null ? void 0 : r(n)) === t);
-        if (i === -1)
-          if (l.items.length === 0) i = 0;
+        let r = l.items.findIndex((n) => (i == null ? void 0 : i(n)) === t);
+        if (r === -1)
+          if (l.items.length === 0) r = 0;
           else return l;
-        return u(l, i, ...e);
+        return u(l, r, ...e);
       });
     },
     insertAfter(t, ...e) {
       f((l) => {
-        let i = l.items.findIndex((n) => (r == null ? void 0 : r(n)) === t);
-        if (i === -1)
-          if (l.items.length === 0) i = 0;
+        let r = l.items.findIndex((n) => (i == null ? void 0 : i(n)) === t);
+        if (r === -1)
+          if (l.items.length === 0) r = 0;
           else return l;
-        return u(l, i + 1, ...e);
+        return u(l, r + 1, ...e);
       });
     },
     prepend(...t) {
@@ -93,14 +90,14 @@ function S(s, f) {
     },
     remove(...t) {
       f((e) => {
-        let l = new Set(t), i = e.items.filter((o) => !l.has(r(o))), n = "all";
+        let l = new Set(t), r = e.items.filter((m) => !l.has(i(m))), n = "all";
         if (e.selectedKeys !== "all") {
           n = new Set(e.selectedKeys);
-          for (let o of t) n.delete(o);
+          for (let m of t) n.delete(m);
         }
-        return d == null && i.length === 0 && (n = /* @__PURE__ */ new Set()), {
+        return d == null && r.length === 0 && (n = /* @__PURE__ */ new Set()), {
           ...e,
-          items: i,
+          items: r,
           selectedKeys: n
         };
       });
@@ -112,7 +109,7 @@ function S(s, f) {
           items: [],
           selectedKeys: /* @__PURE__ */ new Set()
         };
-        let e = t.selectedKeys, l = t.items.filter((i) => !e.has(r(i)));
+        let e = t.selectedKeys, l = t.items.filter((r) => !e.has(i(r)));
         return {
           ...t,
           items: l,
@@ -122,10 +119,10 @@ function S(s, f) {
     },
     move(t, e) {
       f((l) => {
-        let i = l.items.findIndex((m) => r(m) === t);
-        if (i === -1) return l;
-        let n = l.items.slice(), [o] = n.splice(i, 1);
-        return n.splice(e, 0, o), {
+        let r = l.items.findIndex((s) => i(s) === t);
+        if (r === -1) return l;
+        let n = l.items.slice(), [m] = n.splice(r, 1);
+        return n.splice(e, 0, m), {
           ...l,
           items: n
         };
@@ -133,80 +130,80 @@ function S(s, f) {
     },
     moveBefore(t, e) {
       f((l) => {
-        let i = l.items.findIndex((m) => r(m) === t);
-        if (i === -1) return l;
-        let o = (Array.isArray(e) ? e : [
+        let r = l.items.findIndex((s) => i(s) === t);
+        if (r === -1) return l;
+        let m = (Array.isArray(e) ? e : [
           ...e
-        ]).map((m) => l.items.findIndex((c) => r(c) === m)).sort((m, c) => m - c);
-        return y(l, o, i);
+        ]).map((s) => l.items.findIndex((c) => i(c) === s)).sort((s, c) => s - c);
+        return y(l, m, r);
       });
     },
     moveAfter(t, e) {
       f((l) => {
-        let i = l.items.findIndex((m) => r(m) === t);
-        if (i === -1) return l;
-        let o = (Array.isArray(e) ? e : [
+        let r = l.items.findIndex((s) => i(s) === t);
+        if (r === -1) return l;
+        let m = (Array.isArray(e) ? e : [
           ...e
-        ]).map((m) => l.items.findIndex((c) => r(c) === m)).sort((m, c) => m - c);
-        return y(l, o, i + 1);
+        ]).map((s) => l.items.findIndex((c) => i(c) === s)).sort((s, c) => s - c);
+        return y(l, m, r + 1);
       });
     },
     update(t, e) {
       f((l) => {
-        let i = l.items.findIndex((o) => r(o) === t);
-        if (i === -1) return l;
+        let r = l.items.findIndex((m) => i(m) === t);
+        if (r === -1) return l;
         let n;
-        return typeof e == "function" ? n = e(l.items[i]) : n = e, {
+        return typeof e == "function" ? n = e(l.items[r]) : n = e, {
           ...l,
           items: [
-            ...l.items.slice(0, i),
+            ...l.items.slice(0, r),
             n,
-            ...l.items.slice(i + 1)
+            ...l.items.slice(r + 1)
           ]
         };
       });
     }
   };
 }
-function u(s, f, ...d) {
+function u(o, f, ...d) {
   return {
-    ...s,
+    ...o,
     items: [
-      ...s.items.slice(0, f),
+      ...o.items.slice(0, f),
       ...d,
-      ...s.items.slice(f)
+      ...o.items.slice(f)
     ]
   };
 }
-function y(s, f, d) {
+function y(o, f, d) {
   d -= f.filter((e) => e < d).length;
-  let r = f.map((e) => ({
+  let i = f.map((e) => ({
     from: e,
     to: d++
   }));
-  for (let e = 0; e < r.length; e++) {
-    let l = r[e].from;
-    for (let i = e; i < r.length; i++)
-      r[i].from > l && r[i].from--;
+  for (let e = 0; e < i.length; e++) {
+    let l = i[e].from;
+    for (let r = e; r < i.length; r++)
+      i[r].from > l && i[r].from--;
   }
-  for (let e = 0; e < r.length; e++) {
-    let l = r[e];
-    for (let i = r.length - 1; i > e; i--) {
-      let n = r[i];
+  for (let e = 0; e < i.length; e++) {
+    let l = i[e];
+    for (let r = i.length - 1; r > e; r--) {
+      let n = i[r];
       n.from < l.to ? l.to++ : n.from++;
     }
   }
-  let t = s.items.slice();
-  for (let e of r) {
+  let t = o.items.slice();
+  for (let e of i) {
     let [l] = t.splice(e.from, 1);
     t.splice(e.to, 0, l);
   }
   return {
-    ...s,
+    ...o,
     items: t
   };
 }
 export {
   S as createListActions,
-  g as useListData
+  $ as useListData
 };

package/dist/patterns/table/rowReorderDrag.js

@@ -102,7 +102,7 @@ const k = ({ session: r }) => {
         ref: e,
         "aria-hidden": !0,
         className: L(
-          "pointer-events-none fixed z-[10000] overflow-hidden rounded-md bg-primary shadow-lg",
+          "pointer-events-none fixed z-(--z-index-drag-overlay) overflow-hidden rounded-md bg-primary shadow-lg",
           "cursor-grabbing"
         ),
         style: {
@@ -117,12 +117,12 @@ const k = ({ session: r }) => {
     ),
     document.body
   );
-}, q = ({ y: r, left: e, width: t }) => A(
+}, z = ({ y: r, left: e, width: t }) => A(
   /* @__PURE__ */ x(
     "div",
     {
       "aria-hidden": !0,
-      className: "pointer-events-none fixed z-[10000] h-0.5",
+      className: "pointer-events-none fixed z-(--z-index-drag-indicator) h-0.5",
       style: {
         top: r - 1,
         left: e,
@@ -135,7 +135,7 @@ const k = ({ session: r }) => {
   document.body
 );
 export {
-  q as DropIndicatorLine,
+  z as DropIndicatorLine,
   k as FloatingRowPreview,
   D as ROW_DRAG_SCROLL_EDGE_PX,
   O as ROW_DRAG_SCROLL_MAX_PX,

package/dist/patterns/table/toolbar/ColumnHeaderMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnHeaderMenu.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/ColumnHeaderMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAsB1D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,MAAM,MAAM,gBAAgB,GACxB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,KAAK,GAAG,MAAM,CAAA;CAAE,GAC3C;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,aAAa,CAAA;CAAE,GAC3C;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,GAClB;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAChB;IAAE,IAAI,EAAE,aAAa,CAAA;CAAE,GACvB;IAAE,IAAI,EAAE,aAAa,CAAA;CAAE,GACvB;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,GAC7C;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,CAAC;AAE9B,MAAM,WAAW,sBAAsB;IACrC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,iGAAiG;AACjG,MAAM,WAAW,wBAAwB;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,qBAAqB;IAC7B,MAAM,EAAE,qBAAqB,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,qGAAqG;IACrG,QAAQ,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAC3C,gBAAgB,EAAE,aAAa,CAAC;IAChC,YAAY,CAAC,EAAE,sBAAsB,CAAC;IACtC,2EAA2E;IAC3E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7C,uFAAuF;IACvF,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,SAAS,CAAC;IAChE,0EAA0E;IAC1E,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kEAAkE;IAClE,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AA8ED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA2KtD,CAAC"}
+{"version":3,"file":"ColumnHeaderMenu.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/ColumnHeaderMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAsB1D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,MAAM,MAAM,gBAAgB,GACxB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,KAAK,GAAG,MAAM,CAAA;CAAE,GAC3C;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,aAAa,CAAA;CAAE,GAC3C;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,GAClB;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAChB;IAAE,IAAI,EAAE,aAAa,CAAA;CAAE,GACvB;IAAE,IAAI,EAAE,aAAa,CAAA;CAAE,GACvB;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,GAC7C;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,CAAC;AAE9B,MAAM,WAAW,sBAAsB;IACrC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,iGAAiG;AACjG,MAAM,WAAW,wBAAwB;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,qBAAqB;IAC7B,MAAM,EAAE,qBAAqB,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,qGAAqG;IACrG,QAAQ,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;IAC3C,gBAAgB,EAAE,aAAa,CAAC;IAChC,YAAY,CAAC,EAAE,sBAAsB,CAAC;IACtC,2EAA2E;IAC3E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7C,uFAAuF;IACvF,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,SAAS,CAAC;IAChE,0EAA0E;IAC1E,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kEAAkE;IAClE,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAoFD,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAwLtD,CAAC"}

package/dist/patterns/table/toolbar/ColumnHeaderMenu.js

@@ -1,9 +1,9 @@
-import { jsxs as n, jsx as e, Fragment as m } from "react/jsx-runtime";
-import { useState as q } from "react";
-import { AlignLeft as V, AlignCenter as Z, AlignRight as B, ChevronDown as G, Eye as K, Edit03 as $, ArrowRight as J, ArrowLeft as Q, ArrowDown as W, ArrowUp as X, ChevronRight as P, FilterLines as Y, EyeOff as D, Trash01 as ee, Check as te } from "@untitledui/icons";
-import { Button as z } from "react-aria-components";
-import { cx as p } from "../../../utils/cn.js";
-import { Dropdown as g } from "../../../primitives/dropdown/dropdown.js";
+import { jsxs as n, jsx as e, Fragment as p } from "react/jsx-runtime";
+import { useState as _ } from "react";
+import { AlignLeft as V, AlignCenter as Z, AlignRight as B, ChevronDown as G, Eye as K, Edit03 as $, ArrowRight as J, ArrowLeft as Q, ArrowDown as W, ArrowUp as X, ChevronRight as j, FilterLines as Y, EyeOff as D, Trash01 as ee, Check as re } from "@untitledui/icons";
+import { Button as q } from "react-aria-components";
+import { cx as u } from "../../../utils/cn.js";
+import { Dropdown as y } from "../../../primitives/dropdown/dropdown.js";
 const i = ({
   icon: o,
   label: a,
@@ -11,17 +11,19 @@ const i = ({
   submenu: h,
   selected: t,
   disabled: d,
-  title: y,
-  onClick: u
+  title: v,
+  onClick: m
 }) => /* @__PURE__ */ n(
   "div",
   {
-    onClick: d ? void 0 : u,
-    title: y,
+    onClick: (f) => {
+      f.stopPropagation(), d || m == null || m();
+    },
+    title: v,
     "aria-disabled": d || void 0,
-    className: p(
+    className: u(
       "flex items-center gap-2 rounded-md px-2 py-2 text-xs font-medium transition-colors w-full text-left",
-      d ? "cursor-not-allowed text-disabled" : p(
+      d ? "cursor-not-allowed text-disabled" : u(
         "cursor-pointer",
         s ? "text-error-primary hover:bg-error-primary" : t ? "bg-utility-brand-25 text-secondary" : "text-secondary hover:bg-primary_hover"
       )
@@ -31,18 +33,18 @@ const i = ({
         o,
         {
           size: 16,
-          className: p(
+          className: u(
             "shrink-0",
             d ? "text-fg-disabled" : s ? "text-error-primary" : "text-fg-quaternary"
           )
         }
       ),
       /* @__PURE__ */ e("span", { className: "flex-1 truncate", children: a }),
-      t && /* @__PURE__ */ e(te, { size: 14, className: "shrink-0 text-brand-600" }),
-      h && /* @__PURE__ */ e(P, { size: 14, className: "shrink-0 text-fg-quaternary" })
+      t && /* @__PURE__ */ e(re, { size: 14, className: "shrink-0 text-brand-600" }),
+      h && /* @__PURE__ */ e(j, { size: 14, className: "shrink-0 text-fg-quaternary" })
     ]
   }
-), c = () => /* @__PURE__ */ e("div", { className: "my-1 h-px w-full bg-secondary" }), j = ({ children: o }) => /* @__PURE__ */ e("span", { className: "text-[10px] font-medium uppercase tracking-wider text-tertiary", children: o }), re = ({ label: o, suffix: a }) => /* @__PURE__ */ n("span", { className: "inline-flex items-center gap-1.5 rounded-md border border-secondary bg-primary px-1.5 py-0.5", children: [
+), c = () => /* @__PURE__ */ e("div", { className: "my-1 h-px w-full bg-secondary" }), z = ({ children: o }) => /* @__PURE__ */ e("span", { className: "text-[10px] font-medium uppercase tracking-wider text-tertiary", children: o }), te = ({ label: o, suffix: a }) => /* @__PURE__ */ n("span", { className: "inline-flex items-center gap-1.5 rounded-md border border-secondary bg-primary px-1.5 py-0.5", children: [
   /* @__PURE__ */ e("span", { className: "flex h-4 w-4 items-center justify-center rounded-sm border border-secondary text-[9px] font-semibold text-tertiary", children: "T" }),
   /* @__PURE__ */ e("span", { className: "text-xs font-semibold text-primary", children: o }),
   a && /* @__PURE__ */ e("span", { className: "text-xs text-tertiary", children: a })
@@ -57,149 +59,168 @@ const i = ({
   currentAlignment: h,
   capabilities: t,
   hideDisabled: d,
-  onAction: y,
-  renderExtraItems: u,
-  showOnHeaderHover: w = !1,
+  onAction: v,
+  renderExtraItems: m,
+  showOnHeaderHover: f = !1,
   isHeaderHovered: M = !1
 }) => {
-  var T, _;
-  const A = (s == null ? void 0 : s.data_type) ?? o.dataType, x = A === "LOOKUP" || o.variant === "lookup", O = A === "DERIVED" || o.variant === "derived", E = x ? "Hide field" : "Hide column", f = (t == null ? void 0 : t.sort) ?? !0, v = (t == null ? void 0 : t.align) ?? !0, k = (t == null ? void 0 : t.filter) ?? !0, N = (t == null ? void 0 : t.hide) ?? !0, [F, L] = q(!1), [H, b] = q(!1), I = !w || F || M, l = (r) => {
-    y(r), b(!1), L(!1);
-  }, R = C.find((r) => r.id === h) ?? C[0], U = R.icon, S = u == null ? void 0 : u(o);
+  var S, T;
+  const O = (s == null ? void 0 : s.data_type) ?? o.dataType, g = O === "LOOKUP" || o.variant === "lookup", F = O === "DERIVED" || o.variant === "derived", E = g ? "Hide field" : "Hide column", x = (t == null ? void 0 : t.sort) ?? !0, N = (t == null ? void 0 : t.align) ?? !0, b = (t == null ? void 0 : t.filter) ?? !0, k = (t == null ? void 0 : t.hide) ?? !0, [L, R] = _(!1), [H, w] = _(!1), I = !f || L || M, l = (r) => {
+    v(r), w(!1), R(!1);
+  }, P = C.find((r) => r.id === h) ?? C[0], U = P.icon, A = m == null ? void 0 : m(o);
   return /* @__PURE__ */ n(
-    g.Root,
+    y.Root,
     {
-      isOpen: F,
+      isOpen: L,
       onOpenChange: (r) => {
-        L(r), r || b(!1);
+        R(r), r || w(!1);
       },
       children: [
         /* @__PURE__ */ e(
-          z,
+          q,
           {
             "aria-label": `Open ${a} column menu`,
+            "data-column-reorder-ignore": !0,
             onClick: (r) => r.stopPropagation(),
-            className: p(
+            className: u(
               "flex items-center justify-center rounded p-0.5 outline-none cursor-pointer transition-opacity",
               "text-fg-quaternary hover:bg-secondary_subtle hover:text-fg-quaternary_hover",
               "data-[pressed]:bg-secondary_subtle data-[focus-visible]:ring-2 data-[focus-visible]:ring-focus-ring",
-              w && !I && "pointer-events-none opacity-0"
+              f && !I && "pointer-events-none opacity-0"
             ),
             children: /* @__PURE__ */ e(G, { size: 14, className: "stroke-2" })
           }
         ),
-        /* @__PURE__ */ e(g.Popover, { className: p(x || O ? "w-72" : "w-56"), children: /* @__PURE__ */ n("div", { className: "flex flex-col py-1 px-1.5", children: [
-          x && /* @__PURE__ */ n(m, { children: [
-            /* @__PURE__ */ n("div", { className: "flex flex-col gap-1.5 px-2 py-2", children: [
-              /* @__PURE__ */ e(j, { children: "Lookup field" }),
-              /* @__PURE__ */ e(re, { label: a, suffix: "Object name" })
-            ] }),
-            /* @__PURE__ */ e(c, {}),
-            /* @__PURE__ */ e(i, { icon: K, label: "View Field", onClick: () => l({ type: "lookup-view" }) }),
-            /* @__PURE__ */ e(i, { icon: $, label: "Edit field", onClick: () => l({ type: "lookup-edit" }) }),
-            /* @__PURE__ */ e(c, {}),
-            /* @__PURE__ */ e(
-              i,
-              {
-                icon: J,
-                label: "Add field to right",
-                onClick: () => l({ type: "add-field", side: "right" })
-              }
-            ),
-            /* @__PURE__ */ e(
-              i,
-              {
-                icon: Q,
-                label: "Add field to left",
-                onClick: () => l({ type: "add-field", side: "left" })
-              }
-            ),
-            /* @__PURE__ */ e(c, {})
-          ] }),
-          O && /* @__PURE__ */ n(m, { children: [
-            /* @__PURE__ */ n("div", { className: "flex flex-col gap-1.5 px-2 py-2", children: [
-              /* @__PURE__ */ e(j, { children: "Formula" }),
-              /* @__PURE__ */ e("div", { className: "text-xs font-medium text-secondary break-words", children: ((T = s == null ? void 0 : s.formula) == null ? void 0 : T.trim()) || ((_ = o.formula) == null ? void 0 : _.trim()) || a })
-            ] }),
-            /* @__PURE__ */ e(c, {})
-          ] }),
-          S,
-          S && (f || v || k || N) && /* @__PURE__ */ e(c, {}),
-          f && /* @__PURE__ */ n(m, { children: [
-            /* @__PURE__ */ e(
-              i,
-              {
-                icon: W,
-                label: "Sort A to Z",
-                onClick: () => l({ type: "sort", direction: "asc" })
-              }
-            ),
-            /* @__PURE__ */ e(
-              i,
-              {
-                icon: X,
-                label: "Sort Z to A",
-                onClick: () => l({ type: "sort", direction: "desc" })
-              }
-            )
-          ] }),
-          v && /* @__PURE__ */ n(m, { children: [
-            f && /* @__PURE__ */ e(c, {}),
-            /* @__PURE__ */ n(g.Root, { isOpen: H, onOpenChange: b, children: [
-              /* @__PURE__ */ n(
-                z,
-                {
-                  className: p(
-                    "flex items-center gap-2 rounded-md px-2 py-2 text-xs font-medium cursor-pointer transition-colors w-full text-left outline-none",
-                    "text-secondary hover:bg-primary_hover",
-                    "data-[focus-visible]:ring-2 data-[focus-visible]:ring-focus-ring"
+        /* @__PURE__ */ e(
+          y.Popover,
+          {
+            "data-column-reorder-ignore": !0,
+            className: u(g || F ? "w-72" : "w-56"),
+            children: /* @__PURE__ */ n("div", { className: "flex flex-col py-1 px-1.5", children: [
+              g && /* @__PURE__ */ n(p, { children: [
+                /* @__PURE__ */ n("div", { className: "flex flex-col gap-1.5 px-2 py-2", children: [
+                  /* @__PURE__ */ e(z, { children: "Lookup field" }),
+                  /* @__PURE__ */ e(te, { label: a, suffix: "Object name" })
+                ] }),
+                /* @__PURE__ */ e(c, {}),
+                /* @__PURE__ */ e(i, { icon: K, label: "View Field", onClick: () => l({ type: "lookup-view" }) }),
+                /* @__PURE__ */ e(i, { icon: $, label: "Edit field", onClick: () => l({ type: "lookup-edit" }) }),
+                /* @__PURE__ */ e(c, {}),
+                /* @__PURE__ */ e(
+                  i,
+                  {
+                    icon: J,
+                    label: "Add field to right",
+                    onClick: () => l({ type: "add-field", side: "right" })
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  i,
+                  {
+                    icon: Q,
+                    label: "Add field to left",
+                    onClick: () => l({ type: "add-field", side: "left" })
+                  }
+                ),
+                /* @__PURE__ */ e(c, {})
+              ] }),
+              F && /* @__PURE__ */ n(p, { children: [
+                /* @__PURE__ */ n("div", { className: "flex flex-col gap-1.5 px-2 py-2", children: [
+                  /* @__PURE__ */ e(z, { children: "Formula" }),
+                  /* @__PURE__ */ e("div", { className: "text-xs font-medium text-secondary break-words", children: ((S = s == null ? void 0 : s.formula) == null ? void 0 : S.trim()) || ((T = o.formula) == null ? void 0 : T.trim()) || a })
+                ] }),
+                /* @__PURE__ */ e(c, {})
+              ] }),
+              A && // Same guard `MenuRow` applies: the popover is portalled, but React
+              // still bubbles clicks to the header cell, which would also run its
+              // sort/drag handlers. The consumer's own handlers fire first.
+              /* @__PURE__ */ e("div", { onClick: (r) => r.stopPropagation(), children: A }),
+              A && (x || N || b || k) && /* @__PURE__ */ e(c, {}),
+              x && /* @__PURE__ */ n(p, { children: [
+                /* @__PURE__ */ e(
+                  i,
+                  {
+                    icon: W,
+                    label: "Sort A to Z",
+                    onClick: () => l({ type: "sort", direction: "asc" })
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  i,
+                  {
+                    icon: X,
+                    label: "Sort Z to A",
+                    onClick: () => l({ type: "sort", direction: "desc" })
+                  }
+                )
+              ] }),
+              N && /* @__PURE__ */ n(p, { children: [
+                x && /* @__PURE__ */ e(c, {}),
+                /* @__PURE__ */ n(y.Root, { isOpen: H, onOpenChange: w, children: [
+                  /* @__PURE__ */ n(
+                    q,
+                    {
+                      className: u(
+                        "flex items-center gap-2 rounded-md px-2 py-2 text-xs font-medium cursor-pointer transition-colors w-full text-left outline-none",
+                        "text-secondary hover:bg-primary_hover",
+                        "data-[focus-visible]:ring-2 data-[focus-visible]:ring-focus-ring"
+                      ),
+                      children: [
+                        /* @__PURE__ */ e(U, { size: 16, className: "shrink-0 text-fg-quaternary" }),
+                        /* @__PURE__ */ e("span", { className: "flex-1 truncate", children: P.label }),
+                        /* @__PURE__ */ e(j, { size: 14, className: "shrink-0 text-fg-quaternary" })
+                      ]
+                    }
                   ),
-                  children: [
-                    /* @__PURE__ */ e(U, { size: 16, className: "shrink-0 text-fg-quaternary" }),
-                    /* @__PURE__ */ e("span", { className: "flex-1 truncate", children: R.label }),
-                    /* @__PURE__ */ e(P, { size: 14, className: "shrink-0 text-fg-quaternary" })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ e(g.Popover, { placement: "right top", className: "w-44", children: /* @__PURE__ */ e("div", { className: "flex flex-col py-1 px-1.5", children: C.map((r) => /* @__PURE__ */ e(
-                i,
-                {
-                  icon: r.icon,
-                  label: r.label,
-                  selected: h === r.id,
-                  onClick: () => l({ type: "align", alignment: r.id })
-                },
-                r.id
-              )) }) })
+                  /* @__PURE__ */ e(
+                    y.Popover,
+                    {
+                      "data-column-reorder-ignore": !0,
+                      placement: "right top",
+                      className: "w-44",
+                      children: /* @__PURE__ */ e("div", { className: "flex flex-col py-1 px-1.5", children: C.map((r) => /* @__PURE__ */ e(
+                        i,
+                        {
+                          icon: r.icon,
+                          label: r.label,
+                          selected: h === r.id,
+                          onClick: () => l({ type: "align", alignment: r.id })
+                        },
+                        r.id
+                      )) })
+                    }
+                  )
+                ] })
+              ] }),
+              (b || k) && /* @__PURE__ */ n(p, { children: [
+                (x || N) && /* @__PURE__ */ e(c, {}),
+                b && /* @__PURE__ */ e(i, { icon: Y, label: "Filter by", onClick: () => l({ type: "filter" }) }),
+                k && /* @__PURE__ */ e(
+                  i,
+                  {
+                    icon: D,
+                    label: E,
+                    disabled: d,
+                    title: d ? "At least one column must remain visible" : void 0,
+                    onClick: () => l({ type: "hide" })
+                  }
+                )
+              ] }),
+              g && /* @__PURE__ */ n(p, { children: [
+                /* @__PURE__ */ e(c, {}),
+                /* @__PURE__ */ e(
+                  i,
+                  {
+                    icon: ee,
+                    label: "Delete fields",
+                    danger: !0,
+                    onClick: () => l({ type: "lookup-delete" })
+                  }
+                )
+              ] })
             ] })
-          ] }),
-          (k || N) && /* @__PURE__ */ n(m, { children: [
-            (f || v) && /* @__PURE__ */ e(c, {}),
-            k && /* @__PURE__ */ e(i, { icon: Y, label: "Filter by", onClick: () => l({ type: "filter" }) }),
-            N && /* @__PURE__ */ e(
-              i,
-              {
-                icon: D,
-                label: E,
-                disabled: d,
-                title: d ? "At least one column must remain visible" : void 0,
-                onClick: () => l({ type: "hide" })
-              }
-            )
-          ] }),
-          x && /* @__PURE__ */ n(m, { children: [
-            /* @__PURE__ */ e(c, {}),
-            /* @__PURE__ */ e(
-              i,
-              {
-                icon: ee,
-                label: "Delete fields",
-                danger: !0,
-                onClick: () => l({ type: "lookup-delete" })
-              }
-            )
-          ] })
-        ] }) })
+          }
+        )
       ]
     }
   );