@ynput/ayon-frontend-shared 0.6.0 → 0.6.1

package/dist/chunks/ReviewablesSelector.es.js

@@ -1,30 +1,33 @@
 import { jsxs as k, jsx as n, Fragment as me } from "react/jsx-runtime";
 import g, { css as xt, keyframes as Gn } from "styled-components";
 import { forwardRef as le, useRef as K, useState as U, useEffect as J, useMemo as X, Fragment as Yn, useCallback as ee, useImperativeHandle as qn } from "react";
-import { Icon as G, InputNumber as on, Button as H, IconSelect as Wn, InputText as De, Dialog as qe, FormLayout as wt, FormRow as te, Dropdown as pe, LockedInput as Xn, InputSwitch as Ae, Spacer as rn, SaveButton as an, theme as fe, SettingsSortingDropdown as Qn } from "@ynput/ayon-react-components";
+import { Icon as G, InputNumber as on, Button as H, IconSelect as Wn, InputText as Ae, Dialog as qe, FormLayout as wt, FormRow as te, Dropdown as pe, LockedInput as Xn, InputSwitch as De, Spacer as rn, SaveButton as an, theme as fe, SettingsSortingDropdown as Qn } from "@ynput/ayon-react-components";
 import { U as Jn } from "./PlayableIcon.es.js";
 import Q from "clsx";
 import { kebabCase as $e, isEqual as Rt, uniqueId as je, startCase as St, camelCase as at, upperFirst as Zn } from "lodash";
 import { createPortal as sn } from "react-dom";
-import { DndContext as kt, closestCenter as Ct, DragOverlay as Et, useSensors as ln, useSensor as cn, PointerSensor as dn } from "@dnd-kit/core";
-import { useSortable as It, SortableContext as Ke, verticalListSortingStrategy as Ge, arrayMove as un } from "@dnd-kit/sortable";
+import { DndContext as kt, closestCenter as Ct, DragOverlay as It, useSensors as ln, useSensor as cn, PointerSensor as dn } from "@dnd-kit/core";
+import { useSortable as Et, SortableContext as Ke, verticalListSortingStrategy as Ge, arrayMove as un } from "@dnd-kit/sortable";
 import { CSS as Tt } from "@dnd-kit/utilities";
 import { I as eo } from "./InfoMessage.es.js";
 import { S as pn } from "./SimpleForm.es.js";
-import { bq as to, aY as no, bo as mn, bn as gn, bp as $t, bi as oo, b1 as ro, bm as hn, bg as vn, be as io } from "./searchTerms.es.js";
+import { br as to, aY as no, bp as mn, bn as gn, bq as $t, bg as oo, b1 as ro, bm as hn, bj as vn, bi as io } from "./searchTerms.es.js";
 import { bj as ao, bp as so, cB as lo, bd as co, dz as ae, cj as uo } from "./getUris.es.js";
 import "primereact/confirmdialog";
 import { u as po, g as mo, v as go } from "./Watchers.es.js";
 import { matchSorter as Ft } from "match-sorter";
 import { J as ho } from "./JsonViewer.es.js";
-import { u as fn } from "./GlobalContext.es.js";
-import { toast as vo } from "react-toastify";
-import { g as ve } from "./parseHtmlToPlainTextWithLinks.es.js";
+import "@module-federation/enhanced/runtime";
+import { d as fn, a as vo, a9 as We, u as Xe, x as bn } from "./DeleteEntitiesContextInstance.es.js";
+import { toast as fo } from "react-toastify";
 import "uuid";
-import { a as fo } from "./useLocalStorage.es.js";
+import "semver";
+import "./ContextMenuContextInstance.es.js";
+import "react-redux";
+import { g as ve } from "./parseHtmlToPlainTextWithLinks.es.js";
 import { Link as bo } from "react-router-dom";
-import { aR as Z, u as ke, a as We, b0 as yo, b5 as xo, ah as xe, aS as oe, Y as wo, aY as Mt, aV as Vt, aZ as Bt, b8 as So } from "./MetaWidget.es.js";
-import { k as Xe } from "./DeleteEntitiesContext.es.js";
+import { aT as Z, a as ke, b as Qe, a$ as yo, b4 as xo, as as xe, aU as oe, aa as wo, aX as Mt, aV as Vt, aY as Bt, b5 as So } from "./MetaWidget.es.js";
+import "@tanstack/react-table";
 import "date-fns";
 import "lexical";
 import "@lexical/markdown";
@@ -35,28 +38,20 @@ import "@lexical/list";
 import "@lexical/rich-text";
 import "@lexical/selection";
 import "@lexical/utils";
-import { a as bn } from "./ProjectContext.es.js";
-import "@tanstack/react-table";
-import { a as ko } from "./useCreateContextMenu.es.js";
-import "@module-federation/enhanced/runtime";
-import "semver";
-import "./ProjectFoldersContextInstance.es.js";
-import { u as Qe } from "./MenuContext.es.js";
-import "react-redux";
-import "./ViewsContext.es.js";
-import { T as Co, E as Eo } from "./EntityPickerDialog.es.js";
+import { T as ko, E as Co } from "./EntityPickerDialog.es.js";
 import { useDebounce as Io } from "primereact/hooks";
-import { b as To, T as yn } from "./useColumnDragRestriction.es.js";
+import { c as Eo, a as yn, C as xn, g as To } from "./ColumnDropIndicator.es.js";
 import "@tanstack/react-virtual";
-import { d as No, e as xn, f as Po } from "./ColumnDropIndicator.es.js";
+import { a as No } from "./ColumnDropIndicator.styled.es.js";
 import { g as wn } from "./getEntityTypeIcon.es.js";
-import "./EmptyPlaceholder.es.js";
-import { M as _o, a as Ao, c as Do } from "./Menu.es.js";
-import { D as Lo, R as Oo } from "./realtimeUpdatesUtils.es.js";
 import "./MenuItem.es.js";
-import { a as Sn } from "./VersionUploadContext.es.js";
-import { Skeleton as Ro } from "primereact/skeleton";
-import $o from "react-perfect-scrollbar";
+import "./EmptyPlaceholder.es.js";
+import { M as Po, a as _o, c as Do } from "./Menu.es.js";
+import { D as Ao, R as Oo } from "./realtimeUpdatesUtils.es.js";
+import { a as Sn } from "./VersionUploadContextInstance.es.js";
+import { Skeleton as Lo } from "primereact/skeleton";
+import Ro from "react-perfect-scrollbar";
+import { u as $o } from "./useCreateContextMenu.es.js";
 const Fo = g.div`
   display: flex;
   width: 100%;
@@ -83,7 +78,7 @@ const Fo = g.div`
   border-radius: 4px;
   min-height: ${(e) => e.$minHeight};
   background-color: var(--md-sys-color-surface-container);
-`, ps = ({
+`, ss = ({
   showSidebar: e = !0,
   sidebarConfig: t = {},
   gridConfig: o = { columns: 3, rows: 3 },
@@ -104,7 +99,7 @@ const Fo = g.div`
       b
     )) })
   ] });
-}, ms = g.div`
+}, ls = g.div`
   position: relative;
   width: 100%;
 
@@ -112,7 +107,7 @@ const Fo = g.div`
     min-height: 32px;
     max-height: 32px;
   }
-`, gs = g.ul`
+`, cs = g.ul`
   position: absolute;
   top: 100%;
   left: 0;
@@ -216,12 +211,7 @@ const Fo = g.div`
     }
   );
   return i === "user" ? /* @__PURE__ */ n(Jn, { name: v, fullName: s ? o : void 0, size: r }) : i === "group" ? b("shield_person", "Access group") : i === "team" ? b("groups", "Team") : i === "guest" || t === zo ? b("badge", "Guest user") : t === Ho ? b("groups", "Everyone with access to the project") : b("person");
-}, hs = {
-  0: "No access",
-  10: "Viewer",
-  20: "Editor",
-  30: "Admin"
-}, vs = le(
+}, ds = le(
   ({
     name: e,
     label: t,
@@ -259,16 +249,16 @@ const Fo = g.div`
     width: 100%;
   }
 `, Yo = ({ value: e = {}, isMin: t, isFloat: o = !1, onChange: r }) => {
-  const { le: a, lt: s, ge: i, gt: v } = e, b = i ?? v, c = a ?? s, u = K(null), l = t ? b : c, m = t ? "g" : "l", x = m + "e", d = m + "t", [h, E] = U(e[x] != null || !o);
+  const { le: a, lt: s, ge: i, gt: v } = e, b = i ?? v, c = a ?? s, u = K(null), l = t ? b : c, m = t ? "g" : "l", x = m + "e", d = m + "t", [h, I] = U(e[x] != null || !o);
   J(() => {
-    o ? (l !== void 0 && r({ [x]: String(l), [d]: void 0 }), E(!0)) : (r({ [x]: parseInt(String(l))?.toString(), [d]: void 0 }), E(!0));
+    o ? (l !== void 0 && r({ [x]: String(l), [d]: void 0 }), I(!0)) : (r({ [x]: parseInt(String(l))?.toString(), [d]: void 0 }), I(!0));
   }, [o]);
   const S = ($) => {
     const N = $.target.value;
     r(o ? h ? { [x]: N, [d]: void 0 } : { [x]: void 0, [d]: N } : { [x]: N, [d]: void 0 }), u.current && u.current.setCustomValidity("");
   }, f = () => {
     const $ = !h;
-    E($), r($ ? { [d]: void 0, [x]: l } : { [d]: l, [x]: void 0 });
+    I($), r($ ? { [d]: void 0, [x]: l } : { [d]: l, [x]: void 0 });
   }, p = t ? "greater" : "less", y = t ? ">" : "<", w = t ? "≥" : "≤", P = `Determines if the value should be '${p} than or equal to' (${w}) or 'strictly ${p} than' (${y}). Currently: ${h ? w : y}`;
   return /* @__PURE__ */ k(Go, { children: [
     /* @__PURE__ */ n(
@@ -410,7 +400,7 @@ const Fo = g.div`
   &:hover {
     background-color: var(--md-sys-color-surface-container-high-hover);
   }
-`, Gt = g(De)`
+`, Gt = g(Ae)`
   background-color: var(--md-sys-color-surface-container-low);
   border-color: var(--md-sys-color-outline-variant);
   flex-grow: 1;
@@ -456,7 +446,7 @@ const Fo = g.div`
   pt: u,
   ...l
 }) => {
-  const { label: m, value: x, icon: d, color: h, isNewAttribute: E } = e, S = K(null), f = K(null), p = K(null), y = K(null);
+  const { label: m, value: x, icon: d, color: h, isNewAttribute: I } = e, S = K(null), f = K(null), p = K(null), y = K(null);
   return J(() => {
     (v || e.isNewAttribute) && S.current?.select();
   }, [v, e.isNewAttribute]), J(() => {
@@ -478,19 +468,19 @@ const Fo = g.div`
             {
               ref: S,
               value: m,
-              autoFocus: v || E,
+              autoFocus: v || I,
               ...u?.label?.input,
               className: Q(u?.label?.input?.className),
               onChange: (w) => {
-                if (!E)
+                if (!I)
                   return t && t(["label"], [w.target.value]);
                 f.current && (f.current.value = $e(w.target.value)), t && t(["label", "value"], [w.target.value, $e(w.target.value)]);
               },
               onBlur: (w) => {
-                E ? o && o(["label", "value"], [w.target.value, $e(w.target.value)]) : o && o(["label"], [w.target.value]);
+                I ? o && o(["label", "value"], [w.target.value, $e(w.target.value)]) : o && o(["label"], [w.target.value]);
               },
               onKeyDown: (w) => {
-                w.key === "Enter" && (w.stopPropagation(), E ? o && o(
+                w.key === "Enter" && (w.stopPropagation(), I ? o && o(
                   ["label", "value"],
                   [
                     w.target.value,
@@ -619,12 +609,12 @@ const Fo = g.div`
   pt: i,
   ...v
 }) => {
-  const { id: b, label: c, icon: u, color: l, isExpanded: m } = e, { attributes: x, listeners: d, setNodeRef: h, transform: E, transition: S } = It({
+  const { id: b, label: c, icon: u, color: l, isExpanded: m } = e, { attributes: x, listeners: d, setNodeRef: h, transform: I, transition: S } = Et({
     id: b,
     animateLayoutChanges: () => !1
   }), f = {
     transition: S,
-    transform: Tt.Translate.toString(E)
+    transform: Tt.Translate.toString(I)
   };
   return /* @__PURE__ */ k(
     Xo,
@@ -694,13 +684,13 @@ const Fo = g.div`
 }) => {
   const [i, v] = U(t), b = (h) => {
     v(h);
-    const E = a(i), S = a(h);
-    Rt(E, S) || o(S);
+    const I = a(i), S = a(h);
+    Rt(I, S) || o(S);
   };
   return J(() => {
     v((h) => {
-      const E = a(h), S = a(t);
-      return Rt(E, S) ? h : s ? s(h, t) : t;
+      const I = a(h), S = a(t);
+      return Rt(I, S) ? h : s ? s(h, t) : t;
     });
   }, [t, s, a]), {
     items: i,
@@ -710,36 +700,36 @@ const Fo = g.div`
     handleRemoveItem: (h) => () => {
       b([...i.slice(0, h), ...i.slice(h + 1)]);
     },
-    handleChangeItem: (h) => (E, S) => {
+    handleChangeItem: (h) => (I, S) => {
       let f = { ...i[h] };
-      E.map((p, y) => f[p] = S[y]), b([...i.slice(0, h), f, ...i.slice(h + 1)]);
+      I.map((p, y) => f[p] = S[y]), b([...i.slice(0, h), f, ...i.slice(h + 1)]);
     },
-    handleCommitItem: (h) => (E, S) => {
+    handleCommitItem: (h) => (I, S) => {
       if (!r) return;
       let f = { ...i[h] };
-      E.map((y, w) => f[y] = S[w]);
+      I.map((y, w) => f[y] = S[w]);
       const p = [...i.slice(0, h), f, ...i.slice(h + 1)];
       r(a(p));
     },
-    handleDuplicateItem: (h, E) => {
+    handleDuplicateItem: (h, I) => {
       b([
         ...i.slice(0, h + 1),
-        { ...i[h], id: je(), ...E },
+        { ...i[h], id: je(), ...I },
         ...i.slice(h + 1)
       ]);
     },
     handleDraggableEnd: (h) => {
       if (!h.over)
         return;
-      const E = i.find((y) => y.id == h.active.id), S = i.indexOf(E), f = i.find((y) => y.id == h.over.id), p = i.indexOf(f);
+      const I = i.find((y) => y.id == h.active.id), S = i.indexOf(I), f = i.find((y) => y.id == h.over.id), p = i.indexOf(f);
       S < p ? b([
         ...i.slice(0, S),
         ...i.slice(S + 1, p + 1),
-        E,
+        I,
         ...i.slice(p + 1)
       ]) : b([
         ...i.slice(0, p),
-        E,
+        I,
         ...i.slice(p, S),
         ...i.slice(S + 1)
       ]);
@@ -806,8 +796,8 @@ const Fo = g.div`
   }, x = (S) => {
     h(null), l(S);
   }, [d, h] = U();
-  let E;
-  return d && (E = s.find((S) => S.id === d)), /* @__PURE__ */ n(me, { children: /* @__PURE__ */ k(Wo, { ...a, children: [
+  let I;
+  return d && (I = s.find((S) => S.id === d)), /* @__PURE__ */ n(me, { children: /* @__PURE__ */ k(Wo, { ...a, children: [
     /* @__PURE__ */ k(
       kt,
       {
@@ -842,7 +832,7 @@ const Fo = g.div`
             `DraggableAttributeEnum_${S.id}`
           )) }),
           sn(
-            /* @__PURE__ */ n(Et, { style: {}, children: E && /* @__PURE__ */ n(qt, { item: E, ...r?.item }) }),
+            /* @__PURE__ */ n(It, { style: {}, children: I && /* @__PURE__ */ n(qt, { item: I, ...r?.item }) }),
             document.body
           )
         ]
@@ -861,7 +851,7 @@ const Fo = g.div`
       }
     )
   ] }) });
-}, Je = g.div`
+}, In = ({ icon: e, color: t, reserveSpace: o }) => to(e) ? /* @__PURE__ */ n("img", { src: e, alt: "" }) : e ? /* @__PURE__ */ n(G, { icon: e, style: { color: t } }) : o ? /* @__PURE__ */ n("span", { className: "icon-slot" }) : null, Je = g.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -886,7 +876,7 @@ const Fo = g.div`
     flex: none;
     width: 20px;
   }
-`, En = ({ icon: e, color: t, reserveSpace: o }) => to(e) ? /* @__PURE__ */ n("img", { src: e, alt: "" }) : e ? /* @__PURE__ */ n(G, { icon: e, style: { color: t } }) : o ? /* @__PURE__ */ n("span", { className: "icon-slot" }) : null, dr = 8, In = 10, ur = g.div`
+`, dr = 8, En = 10, ur = g.div`
   display: flex;
   gap: var(--base-gap-large);
   flex: 1;
@@ -957,7 +947,7 @@ const Fo = g.div`
       onChange: (a) => t(a[0]),
       onClear: () => t(void 0),
       placeholder: "No project",
-      searchOnNumber: In,
+      searchOnNumber: En,
       widthExpand: !0
     }
   );
@@ -974,7 +964,7 @@ const Fo = g.div`
       onChange: (s) => t(s[0]),
       onClear: () => t(void 0),
       placeholder: r ? "Loading..." : "No user",
-      searchOnNumber: In,
+      searchOnNumber: En,
       widthExpand: !0
     }
   );
@@ -984,12 +974,16 @@ const Fo = g.div`
 }, yr = ["label", (e) => String(e.value), "description", "fulltext"], xr = ({ resolver: e, settings: t, onClose: o }) => {
   const [r, a] = U({}), [s, i] = U(t), [v, b] = U(""), { user: c } = fn(), u = e.settingsForm || [], l = new Set(u.map((T) => T.name)), m = e.acceptedParams || {}, x = !!c?.data?.isAdmin, d = Object.keys(m).filter(
     (T) => !l.has(T) && (T !== "user" || x)
-  ), h = x && !("user" in m), E = X(
+  ), h = x && !("user" in m), I = X(
     () => ({ ...s, ...r }),
     [s, r]
-  ), { data: S, isFetching: f, isError: p } = no({
+  ), {
+    data: S,
+    isFetching: f,
+    isError: p
+  } = no({
     enumName: e.name,
-    params: E
+    params: I
   }), y = X(
     () => mn(S?.items || []).map((T) => ({
       ...T,
@@ -1004,7 +998,7 @@ const Fo = g.div`
     [y, P]
   ), N = $.some((T) => !!T.icon), B = (T) => {
     T.stopPropagation(), T.key === "Escape" && o();
-  }, L = () => !d.length && !h ? /* @__PURE__ */ n(we, { children: "This resolver has no context params." }) : /* @__PURE__ */ k(wt, { children: [
+  }, O = () => !d.length && !h ? /* @__PURE__ */ n(we, { children: "This resolver has no context params." }) : /* @__PURE__ */ k(wt, { children: [
     h && /* @__PURE__ */ n(te, { label: "user", children: /* @__PURE__ */ n(
       Tn,
       {
@@ -1034,7 +1028,7 @@ const Fo = g.div`
       ] });
     }
     return $.length ? $.map((T) => /* @__PURE__ */ k(vr, { title: T.description, children: [
-      /* @__PURE__ */ n(En, { icon: T.icon, color: T.color, reserveSpace: N }),
+      /* @__PURE__ */ n(In, { icon: T.icon, color: T.color, reserveSpace: N }),
       /* @__PURE__ */ n("span", { className: "label", children: T.label }),
       /* @__PURE__ */ n("span", { className: "value", children: String(T.value) })
     ] }, String(T.value))) : /* @__PURE__ */ k(we, { children: [
@@ -1056,7 +1050,7 @@ const Fo = g.div`
         /* @__PURE__ */ k(pr, { children: [
           /* @__PURE__ */ k(st, { children: [
             /* @__PURE__ */ n(lt, { children: "Context Params" }),
-            L()
+            O()
           ] }),
           /* @__PURE__ */ k(st, { children: [
             /* @__PURE__ */ n(lt, { children: "Form" }),
@@ -1069,7 +1063,7 @@ const Fo = g.div`
         ] }),
         /* @__PURE__ */ k(mr, { children: [
           /* @__PURE__ */ n(
-            De,
+            Ae,
             {
               value: v,
               placeholder: "Search items...",
@@ -1086,7 +1080,7 @@ const Fo = g.div`
 }, Ve = "__custom__", ct = 5, wr = [], Sr = "No preview items found.", kr = 5, Cr = {
   project_name: "The select options will change based on the project it is used in.",
   user: "The select options will change based on the current user."
-}, Er = g.div`
+}, Ir = g.div`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-large);
@@ -1101,7 +1095,7 @@ const Fo = g.div`
   padding: var(--padding-m);
   border-radius: var(--border-radius-m);
   background-color: var(--md-sys-color-surface-container);
-`, Ir = g.button`
+`, Er = g.button`
   display: flex;
   align-items: center;
   align-self: flex-start;
@@ -1165,10 +1159,10 @@ const Fo = g.div`
   const l = c.length - ct, m = c.slice(0, ct).map((d) => ({ option: d, icon: gn(d.icon) })), x = m.some(({ icon: d }) => !!d);
   return /* @__PURE__ */ k(Be, { children: [
     m.map(({ option: d, icon: h }) => /* @__PURE__ */ k(Je, { children: [
-      /* @__PURE__ */ n(En, { icon: h, color: d.color, reserveSpace: x }),
+      /* @__PURE__ */ n(In, { icon: h, color: d.color, reserveSpace: x }),
       /* @__PURE__ */ n("span", { className: "label", children: d.label })
     ] }, String(d.value))),
-    l > 0 && /* @__PURE__ */ k(Ir, { type: "button", onClick: r, children: [
+    l > 0 && /* @__PURE__ */ k(Er, { type: "button", onClick: r, children: [
       "+",
       l,
       " more"
@@ -1188,8 +1182,8 @@ const Fo = g.div`
       value: p.name,
       label: p.label || St(p.name)
     }))
-  ], x = t || Ve, d = i.find((p) => p.name === t), h = d?.settingsForm || wr, E = o || {}, S = hn(d?.acceptedParams).map((p) => Cr[p]).join(" ");
-  return /* @__PURE__ */ k(Er, { children: [
+  ], x = t || Ve, d = i.find((p) => p.name === t), h = d?.settingsForm || wr, I = o || {}, S = hn(d?.acceptedParams).map((p) => Cr[p]).join(" ");
+  return /* @__PURE__ */ k(Ir, { children: [
     /* @__PURE__ */ n(
       pe,
       {
@@ -1234,7 +1228,7 @@ const Fo = g.div`
         pn,
         {
           fields: h,
-          values: E,
+          values: I,
           onChange: s
         },
         t
@@ -1245,7 +1239,7 @@ const Fo = g.div`
           {
             resolver: d.name,
             acceptedParams: d.acceptedParams,
-            settings: E,
+            settings: I,
             onShowMore: l
           }
         ),
@@ -1264,7 +1258,7 @@ const Fo = g.div`
         xr,
         {
           resolver: d,
-          settings: E,
+          settings: I,
           onClose: () => u(!1)
         }
       )
@@ -1293,13 +1287,13 @@ const Fo = g.div`
   { value: "number", label: "Number", icon: ve("number", "integer") },
   { value: "checkbox", label: "Checkbox", icon: ve("checkbox", "boolean") },
   { value: "datetime", label: "Date and time", icon: ve("datetime", "datetime") }
-], Ar = {
+], Dr = {
   text: ["minLength", "maxLength", "regex"],
   select: ["enum"],
   number: ["ge", "gt", "le", "lt"],
   checkbox: [],
   datetime: []
-}, Dr = {
+}, Ar = {
   checkbox: ["example"]
 }, vt = (e, t, o) => {
   switch (e) {
@@ -1317,7 +1311,7 @@ const Fo = g.div`
     default:
       return "text";
   }
-}, Lr = (e, t) => {
+}, Or = (e, t) => {
   switch (e) {
     case "text":
       return "string";
@@ -1330,15 +1324,15 @@ const Fo = g.div`
     case "datetime":
       return "datetime";
   }
-}, Or = [
+}, Lr = [
   "string",
   "integer",
   "float",
   "boolean",
   "datetime",
   "list_of_strings"
-], fs = (e, t, o) => {
-  if (!e || !Or.includes(e)) return e ?? "";
+], us = (e, t, o) => {
+  if (!e || !Lr.includes(e)) return e ?? "";
   if (e === "list_of_strings") return "Select (multiple)";
   const r = vt(e, t, o);
   return ze.find((a) => a.value === r)?.label ?? e;
@@ -1401,7 +1395,7 @@ const Fo = g.div`
     const i = s;
     i === "data" && t.data && o.data ? o.data = { ...o.data, ...t.data } : t[i] !== void 0 && (o[i] = t[i]);
   }), o;
-}, bs = ({
+}, ps = ({
   attribute: e,
   defaultData: t,
   existingNames: o,
@@ -1420,20 +1414,20 @@ const Fo = g.div`
     ...c
   }), [l, m] = U(u), [x, d] = U(
     () => vt(u?.data?.type, u?.data?.enum, u?.data?.enumResolver)
-  ), [h, E] = U(() => u?.data?.type === "float");
+  ), [h, I] = U(() => u?.data?.type === "float");
   J(() => {
     e && (m(e), d(
       vt(e.data?.type, e.data?.enum, e.data?.enumResolver)
-    ), E(e.data?.type === "float"));
+    ), I(e.data?.type === "float"));
   }, [e]);
   const S = !e, f = (C, _) => {
-    m((O) => O && { ...O, [C]: _ });
+    m((L) => L && { ...L, [C]: _ });
   }, p = (C, _) => {
-    m((O) => {
-      if (!O || !O.data)
-        return O;
-      const M = { ...O.data, [C]: _ };
-      return { ...O, data: M };
+    m((L) => {
+      if (!L || !L.data)
+        return L;
+      const M = { ...L.data, [C]: _ };
+      return { ...L, data: M };
     });
   };
   let y = "";
@@ -1469,11 +1463,11 @@ const Fo = g.div`
     (!C?.scope || C?.scope?.some((_) => l?.scope?.includes(_))) && $.push(C.value);
   });
   const N = [
-    ...Ar[x] ?? [],
+    ...Dr[x] ?? [],
     ...x === "select" && l?.data?.type === "list_of_strings" ? ["minItems", "maxItems"] : []
-  ], B = Dr[x] ?? [];
+  ], B = Ar[x] ?? [];
   $ = [...$, ...N].filter((C) => !B.includes(C));
-  const L = {
+  const O = {
     enum: (C = [], _) => /* @__PURE__ */ n(
       _r,
       {
@@ -1482,21 +1476,21 @@ const Fo = g.div`
         enumResolverSettings: l?.data?.enumResolverSettings,
         onChangeEnum: _,
         onChangeResolver: z,
-        onChangeResolverSettings: (O) => p("enumResolverSettings", O)
+        onChangeResolverSettings: (L) => p("enumResolverSettings", L)
       }
     ),
     inherit: (C, _) => /* @__PURE__ */ n(
-      Ae,
+      De,
       {
         checked: C,
-        onChange: (O) => _(O.target.checked)
+        onChange: (L) => _(L.target.checked)
       }
     ),
     booleanDefault: (C, _) => /* @__PURE__ */ n(
-      Ae,
+      De,
       {
         checked: C,
-        onChange: (O) => _(O.target.checked)
+        onChange: (L) => _(L.target.checked)
       }
     )
   }, z = (C) => {
@@ -1506,7 +1500,7 @@ const Fo = g.div`
     p("title", _), S && f("name", at(_));
   }, V = (C) => {
     const _ = C[0];
-    d(_), p("type", Lr(_, h)), _ !== "select" && (p("enum", void 0), p("enumResolver", void 0), p("enumResolverSettings", void 0), p("minItems", void 0), p("maxItems", void 0)), _ !== "text" && l?.data?.regex && p("regex", ""), p("widget", void 0);
+    d(_), p("type", Or(_, h)), _ !== "select" && (p("enum", void 0), p("enumResolver", void 0), p("enumResolverSettings", void 0), p("minItems", void 0), p("maxItems", void 0)), _ !== "text" && l?.data?.regex && p("regex", ""), p("widget", void 0);
   }, R = ze.find((C) => C.value === x)?.widgets;
   return /* @__PURE__ */ n(
     qe,
@@ -1522,7 +1516,7 @@ const Fo = g.div`
         C.key === "Enter" && (C.metaKey || C.ctrlKey) && (C.preventDefault(), w());
       },
       children: l && /* @__PURE__ */ k(wt, { children: [
-        !s.includes("title") && /* @__PURE__ */ n(te, { label: "Title", children: /* @__PURE__ */ n(De, { value: l?.data.title, onChange: T, autoFocus: !0 }) }, "title"),
+        !s.includes("title") && /* @__PURE__ */ n(te, { label: "Title", children: /* @__PURE__ */ n(Ae, { value: l?.data.title, onChange: T, autoFocus: !0 }) }, "title"),
         !s.includes("name") && /* @__PURE__ */ n(te, { label: "Name", children: /* @__PURE__ */ n(
           Xn,
           {
@@ -1572,7 +1566,7 @@ const Fo = g.div`
           )
         ] }) }),
         !s.includes("type") && x === "select" && /* @__PURE__ */ n(te, { label: "Multi-select", "data-tooltip": "Allow multiple values to be selected", children: /* @__PURE__ */ n(
-          Ae,
+          De,
           {
             checked: l.data.type === "list_of_strings",
             disabled: l.builtin || !S,
@@ -1583,24 +1577,24 @@ const Fo = g.div`
           }
         ) }),
         !s.includes("type") && x === "number" && /* @__PURE__ */ n(te, { label: "Decimal", children: /* @__PURE__ */ n(
-          Ae,
+          De,
           {
             checked: h,
             disabled: l.builtin || !S,
             onChange: (C) => {
               const _ = C.target.checked;
-              E(_), p("type", _ ? "float" : "integer");
+              I(_), p("type", _ ? "float" : "integer");
             }
           }
         ) }),
         $.map((C) => {
           if (s.includes(C)) return null;
-          let _ = null, O = Zn(C);
+          let _ = null, L = Zn(C);
           if (C === "enum" || C === "inherit") {
-            const M = L[C];
+            const M = O[C];
             _ = M(l?.data[C], (Y) => p(C, Y));
           } else if (C === "default" && l?.data?.type === "boolean")
-            _ = L.booleanDefault(
+            _ = O.booleanDefault(
               l?.data[C],
               (M) => p(C, M)
             );
@@ -1623,7 +1617,7 @@ const Fo = g.div`
                   });
                 }
               }
-            ), O = C === "ge" ? "Min" : "Max";
+            ), L = C === "ge" ? "Min" : "Max";
           } else {
             const M = (Y) => {
               const ne = Y.target.value;
@@ -1642,7 +1636,7 @@ const Fo = g.div`
               }
             };
             _ = /* @__PURE__ */ n(
-              De,
+              Ae,
               {
                 value: String(l?.data[C] ?? ""),
                 onChange: M
@@ -1652,7 +1646,7 @@ const Fo = g.div`
           return /* @__PURE__ */ n(
             te,
             {
-              label: O,
+              label: L,
               style: {
                 alignItems: "flex-start"
               },
@@ -1674,10 +1668,10 @@ const Fo = g.div`
     opacity: 1;
     transform: translateY(0);
   }
-`, ys = g.div`
+`, ms = g.div`
   position: relative;
   display: inline-flex;
-`, xs = g.button`
+`, gs = g.button`
   background: none;
   border: none;
   padding: 0;
@@ -1709,7 +1703,7 @@ const Fo = g.div`
     width: 24px;
     height: 24px;
   }
-`, ws = g(G)`
+`, hs = g(G)`
   width: 20px;
   height: 20px;
   min-width: 20px;
@@ -1725,7 +1719,7 @@ const Fo = g.div`
   &:hover {
     background-color: var(--md-sys-color-surface-container-highest-hover);
   }
-`, Ss = g.div`
+`, vs = g.div`
   position: fixed;
   z-index: 1001;
   background-color: var(--md-sys-color-surface-container-highest);
@@ -1740,13 +1734,13 @@ const Fo = g.div`
   &.left {
     transform-origin: top left;
   }
-`, ks = g.div`
+`, fs = g.div`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-small);
   padding: var(--padding-m);
   position: relative;
-`, Cs = g(H)`
+`, bs = g(H)`
   &.hasIcon {
     padding: 4px;
   }
@@ -1762,7 +1756,7 @@ const Fo = g.div`
   &:hover {
     background-color: var(--md-sys-color-surface-container-highest-hover);
   }
-`, Es = g.div`
+`, ys = g.div`
   display: flex;
   flex-direction: column;
   gap: 4px;
@@ -1771,7 +1765,7 @@ const Fo = g.div`
     ${fe.labelSmall}
     color: var(--md-sys-color-outline);
   }
-`, Is = g.input`
+`, xs = g.input`
   background-color: var(--md-sys-color-surface-container-low);
   border: 1px solid var(--md-sys-color-outline-variant);
   border-radius: var(--border-radius-m);
@@ -1793,7 +1787,7 @@ const Fo = g.div`
     cursor: pointer;
     filter: invert(0.5);
   }
-`, Ts = g(H)`
+`, ws = g(H)`
   &:hover {
     background-color: var(--md-sys-color-surface-container-highest-hover);
   }
@@ -1813,14 +1807,14 @@ const Fo = g.div`
 
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
   font-weight: 700;
-`, Ns = le(
+`, Ss = le(
   ({ tooltip: e, ...t }, o) => /* @__PURE__ */ n(Hr, { "data-tooltip": e, "data-tooltip-delay": 0, ...t, ref: o, children: "Early preview" })
 ), ft = [
   { value: "hero", label: "Hero", short: "Hero", icon: "star" },
   { value: "latestDone", label: "Latest Done", short: "Done", icon: "check_circle" },
   { value: "latest", label: "Latest", short: "Latest", icon: "fiber_new" }
-], Ps = ft.map((e) => e.value), zr = ({ id: e, label: t }) => {
-  const { attributes: o, listeners: r, setNodeRef: a, transform: s, transition: i, isDragging: v } = It({
+], ks = ft.map((e) => e.value), zr = ({ id: e, label: t }) => {
+  const { attributes: o, listeners: r, setNodeRef: a, transform: s, transition: i, isDragging: v } = Et({
     id: e
   }), b = {
     transform: Tt.Transform.toString(s),
@@ -1840,7 +1834,7 @@ const Fo = g.div`
       ] })
     }
   );
-}, _s = ({ value: e, onChange: t }) => {
+}, Cs = ({ value: e, onChange: t }) => {
   const [o, r] = U(null), a = ln(
     cn(dn, {
       activationConstraint: {
@@ -1860,7 +1854,7 @@ const Fo = g.div`
     if (l && u.id !== l.id) {
       const m = s.findIndex((d) => d.value === u.id), x = s.findIndex((d) => d.value === l.id);
       if (m !== -1 && x !== -1) {
-        const h = un(s, m, x).map((E) => E.value);
+        const h = un(s, m, x).map((I) => I.value);
         t(h);
       }
     }
@@ -1894,7 +1888,7 @@ const Fo = g.div`
               children: /* @__PURE__ */ n(Kr, { children: s.map((c) => /* @__PURE__ */ n(zr, { id: c.value, label: c.label }, c.value)) })
             }
           ),
-          /* @__PURE__ */ n(Et, { children: b && /* @__PURE__ */ k(Nn, { className: "overlay", children: [
+          /* @__PURE__ */ n(It, { children: b && /* @__PURE__ */ k(Nn, { className: "overlay", children: [
             /* @__PURE__ */ n(Pn, { children: /* @__PURE__ */ n(G, { icon: "drag_indicator" }) }),
             /* @__PURE__ */ n(_n, { children: b.label })
           ] }) })
@@ -1958,7 +1952,7 @@ const Fo = g.div`
   .icon {
     cursor: pointer;
   }
-`, As = le(
+`, Is = le(
   ({ tooltip: e = "This page will deprecated in a future version", ...t }, o) => /* @__PURE__ */ n(G, { icon: "ad_off", "data-tooltip": e, ...t, ref: o })
 ), qr = g(H)`
   transition: color 0.2s, background-color 0.2s, opacity 0.2s;
@@ -1993,9 +1987,9 @@ const Fo = g.div`
   &.rounded {
     border-radius: var(--border-radius-xl);
   }
-`, Ds = le(
+`, Es = le(
   ({ feature: e, variant: t = "outline", rounded: o = !0, bolt: r = !1, ...a }, s) => {
-    const { setPowerpackDialog: i } = fo(), v = (b) => {
+    const { setPowerpackDialog: i } = vo(), v = (b) => {
       i(e), a.onClick?.(b);
     };
     return /* @__PURE__ */ k(
@@ -2027,12 +2021,12 @@ const Fo = g.div`
     { skip: !o || !r?.instanceId }
   ), s = new URL(Wr), i = r?.instanceId, v = a || 10;
   return s.searchParams.append("seats", v.toString()), i && s.searchParams.append("instance_id", i), e && s.searchParams.append("addon", e), s.toString();
-}, Ls = le(
+}, Ts = le(
   ({ children: e, addon: t, ...o }, r) => {
     const a = Xr({ addon: t });
     return /* @__PURE__ */ n("a", { href: a, target: "_blank", rel: "noopener noreferrer", ...o, ref: r, children: e });
   }
-), Os = g(qe)`
+), Ns = g(qe)`
   background: linear-gradient(180deg, rgb(0 121 181 / 0%) -12.03%, rgb(4 255 227 / 26%) 105.38%),
     #15171c;
 
@@ -2054,7 +2048,7 @@ const Fo = g.div`
   .cancelButton {
     background-color: unset;
   }
-`, Rs = g.div`
+`, Ps = g.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -2084,7 +2078,7 @@ const Fo = g.div`
     font-size: 32px;
     color: var(--md-sys-color-tertiary);
   }
-`, $s = g.div`
+`, _s = g.div`
   width: 100%;
 
   h3 {
@@ -2112,7 +2106,7 @@ const Fo = g.div`
       gap: 8px;
     }
   }
-`, Fs = g.div`
+`, Ds = g.div`
   cursor: pointer;
   text-align: center;
   margin-top: 16px;
@@ -2134,14 +2128,14 @@ const Fo = g.div`
   &:hover {
     background-color: var(--md-sys-color-tertiary-hover);
   }
-`, Ms = le(({ ...e }, t) => /* @__PURE__ */ n(Qr, { ...e, children: "Try for free!" })), Jr = g.div`
+`, As = le(({ ...e }, t) => /* @__PURE__ */ n(Qr, { ...e, children: "Try for free!" })), Jr = g.div`
   display: flex;
   flex-direction: column;
   gap: 8px;
   border-radius: var(--border-radius-l);
   background-color: var(--md-sys-color-secondary-container);
   padding: var(--padding-m);
-`, Vs = le(
+`, Os = le(
   ({ requiredVersion: e, addonName: t, addonLabel: o, ...r }, a) => {
     const s = t || "powerpack", i = o || "Power Features";
     return e ? /* @__PURE__ */ k(Jr, { ...r, ref: a, children: [
@@ -2154,7 +2148,25 @@ const Fo = g.div`
       ] }) })
     ] }) : `Required ${i} version installed already.`;
   }
-), Zr = g.div`
+), Zr = g(H)`
+  width: 100%;
+  justify-content: flex-start;
+  margin-bottom: 8px;
+  text-align: left;
+  display: flex;
+  gap: var(--base-gap-small);
+  padding-right: var(--padding-s);
+  padding-left: var(--padding-m);
+
+  .title {
+    flex: 1;
+  }
+
+  .preview,
+  .arrow {
+    color: var(--md-sys-color-outline);
+  }
+`, ei = g.div`
   height: 100%;
   /* fixed floor so the panel doesn't resize as its content changes */
   min-width: 260px;
@@ -2164,7 +2176,7 @@ const Fo = g.div`
   z-index: 10;
   display: flex;
   flex-direction: column;
-`, ei = g.div`
+`, ti = g.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -2180,38 +2192,20 @@ const Fo = g.div`
   }
 `, Xt = g(H)`
   padding: 4px !important;
-`, ti = g.h3`
+`, ni = g.h3`
   margin: 0;
   flex: 1;
-`, ni = g.div`
+`, oi = g.div`
   padding: 8px;
   flex: 1;
   overflow-y: auto;
-`, oi = g(H)`
-  width: 100%;
-  justify-content: flex-start;
-  margin-bottom: 8px;
-  text-align: left;
-  display: flex;
-  gap: var(--base-gap-small);
-  padding-right: var(--padding-s);
-  padding-left: var(--padding-m);
-
-  .title {
-    flex: 1;
-  }
-
-  .preview,
-  .arrow {
-    color: var(--md-sys-color-outline);
-  }
 `, ri = ({ settings: e, order: t }) => {
-  const { isPanelOpen: o, selectedSetting: r, closePanel: a, backToMainMenu: s, selectSetting: i } = Xe(), v = () => r && e.find((m) => m.id === r)?.title || "Settings", b = t ? e.toSorted((l, m) => {
+  const { isPanelOpen: o, selectedSetting: r, closePanel: a, backToMainMenu: s, selectSetting: i } = We(), v = () => r && e.find((m) => m.id === r)?.title || "Settings", b = t ? e.toSorted((l, m) => {
     const x = l.id ? t.indexOf(l.id) : -1, d = m.id ? t.indexOf(m.id) : -1;
     return x === -1 && d === -1 ? 0 : x === -1 ? 1 : d === -1 ? -1 : x - d;
   }) : e, c = e.find((l) => l.id === r), u = () => r ? e.find((m) => m.id === r)?.component : /* @__PURE__ */ n(me, { children: b.map(
     (m, x) => m.title ? /* @__PURE__ */ k(
-      oi,
+      Zr,
       {
         onClick: () => i(m.id),
         variant: "text",
@@ -2226,14 +2220,14 @@ const Fo = g.div`
       m.id
     ) : /* @__PURE__ */ n(Yn, { children: m.component }, m.id)
   ) });
-  return /* @__PURE__ */ k(Zr, { open: o, children: [
-    /* @__PURE__ */ k(ei, { children: [
+  return /* @__PURE__ */ k(ei, { open: o, children: [
+    /* @__PURE__ */ k(ti, { children: [
       r && /* @__PURE__ */ n(Xt, { variant: "text", icon: "arrow_back", onClick: s }),
-      /* @__PURE__ */ n(ti, { children: v() }),
+      /* @__PURE__ */ n(ni, { children: v() }),
       c?.headerActions,
       /* @__PURE__ */ n(Xt, { variant: "text", icon: "close", onClick: a })
     ] }),
-    /* @__PURE__ */ n(ni, { children: u() })
+    /* @__PURE__ */ n(oi, { children: u() })
   ] });
 }, dt = g.ul`
   display: flex;
@@ -2314,7 +2308,7 @@ const Fo = g.div`
   &.active {
     opacity: 1;
   }
-`, An = le(
+`, Dn = le(
   ({
     item: e,
     actions: t,
@@ -2362,7 +2356,7 @@ const Fo = g.div`
       ]
     }
   )
-), li = g(An)`
+), li = g(Dn)`
   &:hover {
     .pin-action {
       opacity: 1;
@@ -2483,7 +2477,7 @@ const Fo = g.div`
   onPaintEnter: c,
   onDragStart: u
 }) => {
-  const { attributes: l, listeners: m, setNodeRef: x, transform: d, transition: h, isDragging: E } = It({
+  const { attributes: l, listeners: m, setNodeRef: x, transform: d, transition: h, isDragging: I } = Et({
     id: e
   }), S = {
     transform: Tt.Transform.toString(d),
@@ -2494,7 +2488,7 @@ const Fo = g.div`
     {
       ref: x,
       style: S,
-      className: E ? "dragging" : "",
+      className: I ? "dragging" : "",
       id: `column-settings-${e}`,
       children: /* @__PURE__ */ n(
         bt,
@@ -2519,10 +2513,10 @@ const Fo = g.div`
     z-index: 1;
     opacity: 0;
   }
-`, Dn = "text_fields", Ln = ({
+`, An = "text_fields", On = ({
   field: e,
   parentScope: t
-}) => e ? Z(e) : t ? wn(t) : Dn, di = (e) => e.length === 1 ? `${e[0].charAt(0).toUpperCase() + e[0].slice(1)} attributes` : "Attributes", On = (e = [], t = []) => [
+}) => e ? Z(e) : t ? wn(t) : An, di = (e) => e.length === 1 ? `${e[0].charAt(0).toUpperCase() + e[0].slice(1)} attributes` : "Attributes", Ln = (e = [], t = []) => [
   {
     id: "attributes",
     label: di(e),
@@ -2540,7 +2534,7 @@ const Fo = g.div`
       match: (r) => r.parentScope === o
     })
   )
-], Rn = (e, t = []) => On(t, [e]).find((o) => o.match(e)), $n = ({
+], Rn = (e, t = []) => Ln(t, [e]).find((o) => o.match(e)), $n = ({
   columns: e,
   onToggle: t,
   isColumnVisible: o,
@@ -2555,24 +2549,24 @@ const Fo = g.div`
     return {
       id: d.value,
       label: d.label,
-      icon: d.icon ?? Ln(d),
+      icon: d.icon ?? On(d),
       hoverIcon: s ? "drag_indicator" : void 0,
       disableClose: !0,
       active: h,
       reserveActiveSlot: !0,
       onClick: () => t(d.value),
-      onPointerDown: (E) => {
-        r?.(d.value), s?.(d, E);
+      onPointerDown: (I) => {
+        r?.(d.value), s?.(d, I);
       },
-      onPointerEnter: (E) => a?.(d.value, E.buttons > 0)
+      onPointerEnter: (I) => a?.(d.value, I.buttons > 0)
     };
-  }, c = On(i, e), u = new Map(c.map((d) => [d.id, []])), l = [];
+  }, c = Ln(i, e), u = new Map(c.map((d) => [d.id, []])), l = [];
   e.forEach((d) => {
-    const h = c.find((E) => E.match(d));
+    const h = c.find((I) => I.match(d));
     h ? u.get(h.id)?.push(d) : l.push(d);
   });
   const m = c.filter((d) => u.get(d.id)?.length).map((d) => {
-    const h = u.get(d.id), E = h.filter((p) => !!p.attrib), S = h.filter((p) => !p.attrib).toSorted((p, y) => p.label.localeCompare(y.label)).map(b);
+    const h = u.get(d.id), I = h.filter((p) => !!p.attrib), S = h.filter((p) => !p.attrib).toSorted((p, y) => p.label.localeCompare(y.label)).map(b);
     if (!d.id.startsWith("parent-"))
       return {
         id: d.id,
@@ -2587,12 +2581,12 @@ const Fo = g.div`
       icon: d.icon,
       items: [
         ...S,
-        ...E.length ? [
+        ...I.length ? [
           {
             id: `${d.id}-attributes`,
             label: `${f.charAt(0).toUpperCase()}${f.slice(1)} attributes`,
             icon: "text_fields",
-            items: E.map(b)
+            items: I.map(b)
           }
         ] : []
       ]
@@ -2602,10 +2596,10 @@ const Fo = g.div`
     (d) => d.length
   ).flatMap((d, h) => h ? [{ id: "divider" }, ...d] : d);
 }, yt = ({ menuId: e, menuItems: t }) => {
-  const { menuOpen: o, setMenuOpen: r } = Qe();
+  const { menuOpen: o, setMenuOpen: r } = Xe();
   return J(() => {
     !t.length && o === e && r(!1);
-  }, [t.length, o, e, r]), /* @__PURE__ */ n(_o, { targetId: e, id: e, align: "left", children: /* @__PURE__ */ n(Ao, { menu: t, onClose: () => r(!1) }) });
+  }, [t.length, o, e, r]), /* @__PURE__ */ n(Po, { targetId: e, id: e, align: "left", children: /* @__PURE__ */ n(_o, { menu: t, onClose: () => r(!1) }) });
 }, ui = 300, Fn = ({
   columnVisibility: e,
   defaultColumnVisibility: t,
@@ -2651,7 +2645,7 @@ const Fo = g.div`
         return l($, f);
       });
     }
-  }, []), E = ee((f) => {
+  }, []), I = ee((f) => {
     if (performance.now() < b.current) {
       b.current = 0;
       return;
@@ -2665,14 +2659,14 @@ const Fo = g.div`
     isVisible: (f) => ae(S, f, t),
     onPaintStart: d,
     onPaintEnter: h,
-    toggle: E,
+    toggle: I,
     cancelPaint: x,
     isPainting: !!a
   };
 }, Ue = "add-column-menu-list", pi = [], mi = (e, t) => e.parentScope && e.attrib ? `${e.parentScope.charAt(0).toUpperCase()}${e.parentScope.slice(1)} attributes` : Rn(e, t)?.label, He = (e, t) => {
   const o = mi(e, t);
-  return { ...e, icon: e.icon ?? Ln(e), ...o ? { path: o } : {} };
-}, Bs = ({
+  return { ...e, icon: e.icon ?? On(e), ...o ? { path: o } : {} };
+}, Ls = ({
   icon: e,
   label: t,
   checked: o,
@@ -2680,14 +2674,14 @@ const Fo = g.div`
   disabled: a,
   ...s
 }) => /* @__PURE__ */ n(
-  An,
+  Dn,
   {
     item: { value: t, label: t, icon: e },
     isDisabled: a,
     style: { paddingRight: 8 },
     disableHover: !0,
     endContent: /* @__PURE__ */ n(
-      Ae,
+      De,
       {
         checked: o,
         disabled: a,
@@ -2713,7 +2707,7 @@ const Fo = g.div`
   columnSummaries: x,
   columnSummaryScopes: d,
   columnSummaryFormats: h,
-  groupByConfig: E,
+  groupByConfig: I,
   addColumnMenuItems: S,
   onColumnDragStart: f,
   isColumnDragging: p,
@@ -2721,10 +2715,10 @@ const Fo = g.div`
   search: w,
   onSearchChange: P
 }) => {
-  const [$, N] = U(null), [B, L] = U(!1), [z, T] = U(!1), [V, F] = U(!1), R = (I) => !!c && I === "name", {
+  const [$, N] = U(null), [B, O] = U(!1), [z, T] = U(!1), [V, F] = U(!1), R = (E) => !!c && E === "name", {
     baseVisibility: C,
     displayVisibility: _,
-    isVisible: O,
+    isVisible: L,
     onPaintStart: M,
     onPaintEnter: Y,
     toggle: ne,
@@ -2734,14 +2728,14 @@ const Fo = g.div`
     defaultColumnVisibility: m,
     updateColumnVisibility: r,
     isLocked: R
-  }), { toggleMenuOpen: be } = Qe(), ye = K(null), ue = K({ columnVisibility: o, updateColumnVisibility: r });
+  }), { toggleMenuOpen: be } = Xe(), ye = K(null), ue = K({ columnVisibility: o, updateColumnVisibility: r });
   ue.current = { columnVisibility: o, updateColumnVisibility: r };
-  const Le = K(null);
+  const Oe = K(null);
   J(() => {
-    if (!t || Le.current === t || !e.some((j) => j.value === t)) return;
-    Le.current = t;
-    const { columnVisibility: I, updateColumnVisibility: A } = ue.current;
-    ae(I, t, m) || A({ ...I, [t]: !0 });
+    if (!t || Oe.current === t || !e.some((j) => j.value === t)) return;
+    Oe.current = t;
+    const { columnVisibility: E, updateColumnVisibility: D } = ue.current;
+    ae(E, t, m) || D({ ...E, [t]: !0 });
   }, [t, e, m]), J(() => {
     !ye.current || !t || ye.current.querySelector(`#column-settings-${t}`)?.scrollIntoView({ behavior: "smooth", block: "center" });
   }, [t, o]);
@@ -2751,54 +2745,54 @@ const Fo = g.div`
         distance: 5
       }
     })
-  ), Oe = C, Ce = (I) => !O(I), { visibleColumns: ge, pinnedColumns: ce } = X(() => {
-    const I = e.filter(
-      (W) => ae(Oe, W.value, m)
-    ), A = I.filter((W) => a.left?.includes(W.value));
+  ), Le = C, Ce = (E) => !L(E), { visibleColumns: ge, pinnedColumns: ce } = X(() => {
+    const E = e.filter(
+      (W) => ae(Le, W.value, m)
+    ), D = E.filter((W) => a.left?.includes(W.value));
     return {
-      visibleColumns: I.filter((W) => !a.left?.includes(W.value)),
-      pinnedColumns: A
+      visibleColumns: E.filter((W) => !a.left?.includes(W.value)),
+      pinnedColumns: D
     };
-  }, [e, Oe, a, m]), ie = X(() => {
-    const I = [...ge];
-    return i.length > 0 && I.sort((A, j) => {
-      const W = i.indexOf(A.value), se = i.indexOf(j.value);
+  }, [e, Le, a, m]), ie = X(() => {
+    const E = [...ge];
+    return i.length > 0 && E.sort((D, j) => {
+      const W = i.indexOf(D.value), se = i.indexOf(j.value);
       return W === -1 ? 1 : se === -1 ? -1 : W - se;
-    }), I;
-  }, [ge, i]), Ee = X(() => {
-    const I = [...ce];
-    return i.length > 0 && I.sort((A, j) => {
-      const W = i.indexOf(A.value), se = i.indexOf(j.value);
+    }), E;
+  }, [ge, i]), Ie = X(() => {
+    const E = [...ce];
+    return i.length > 0 && E.sort((D, j) => {
+      const W = i.indexOf(D.value), se = i.indexOf(j.value);
       return W === -1 ? 1 : se === -1 ? -1 : W - se;
-    }), I;
-  }, [ce, i]), D = X(
-    () => ie.map((I) => I.value),
+    }), E;
+  }, [ce, i]), A = X(
+    () => ie.map((E) => E.value),
     [ie]
   ), q = X(
-    () => Ee.map((I) => I.value),
-    [Ee]
+    () => Ie.map((E) => E.value),
+    [Ie]
   ), he = X(() => {
     if (typeof w != "string") return [];
-    const I = w.toLowerCase().split(/\s+/).filter(Boolean);
-    return e.map((A) => ({ ...A, path: Rn(A, y)?.label })).filter((A) => {
-      const j = [A.path, A.label].filter(Boolean).join(" / ").toLowerCase();
-      return I.every((W) => j.includes(W));
-    }).toSorted((A, j) => +!!A.path - +!!j.path);
-  }, [e, w, y]), Ie = X(
+    const E = w.toLowerCase().split(/\s+/).filter(Boolean);
+    return e.map((D) => ({ ...D, path: Rn(D, y)?.label })).filter((D) => {
+      const j = [D.path, D.label].filter(Boolean).join(" / ").toLowerCase();
+      return E.every((W) => j.includes(W));
+    }).toSorted((D, j) => +!!D.path - +!!j.path);
+  }, [e, w, y]), Ee = X(
     () => $n({
       columns: e,
       onToggle: ne,
-      isColumnVisible: O,
+      isColumnVisible: L,
       onPaintStart: M,
       onPaintEnter: Y,
       scopes: y
     }),
     [e, _, ne, M, Y, y]
-  ), Te = S ?? Ie, _t = typeof w == "string" ? /* @__PURE__ */ n(
+  ), Te = S ?? Ee, _t = typeof w == "string" ? /* @__PURE__ */ n(
     vi,
     {
       value: w,
-      onChange: (I) => P?.(I),
+      onChange: (E) => P?.(E),
       onClose: () => P?.(null)
     }
   ) : /* @__PURE__ */ n(
@@ -2811,7 +2805,7 @@ const Fo = g.div`
       onClick: () => be(Ue),
       children: "Add column"
     }
-  ), At = (I) => ({
+  ), Dt = (E) => ({
     columnVisibility: { ...o },
     columnOrder: [...i],
     columnPinning: { ...a },
@@ -2820,49 +2814,49 @@ const Fo = g.div`
     columnSummaryScopes: d,
     columnSummaryFormats: h,
     groupBy: c,
-    groupByConfig: E,
+    groupByConfig: I,
     sorting: u,
     rowHeight: l,
-    ...I
-  }), et = (I) => {
-    const A = { ...a };
-    if (A.left?.includes(I)) {
-      A.left = A.left.filter((j) => j !== I), s(A);
+    ...E
+  }), et = (E) => {
+    const D = { ...a };
+    if (D.left?.includes(E)) {
+      D.left = D.left.filter((j) => j !== E), s(D);
       return;
     }
-    if (A.left = [...A.left || [], I], ae(o, I, m)) {
-      s(A);
+    if (D.left = [...D.left || [], E], ae(o, E, m)) {
+      s(D);
       return;
     }
     v(
-      At({
-        columnPinning: A,
-        columnVisibility: { ...o, [I]: !0 }
+      Dt({
+        columnPinning: D,
+        columnVisibility: { ...o, [E]: !0 }
       })
     );
-  }, Bn = (I) => {
-    const A = I.active.id;
-    N(A), T(a.left?.includes(A) || !1), re();
-  }, Un = (I) => {
-    const { active: A, over: j } = I;
-    if (j && A.id !== j.id) {
+  }, Bn = (E) => {
+    const D = E.active.id;
+    N(D), T(a.left?.includes(D) || !1), re();
+  }, Un = (E) => {
+    const { active: D, over: j } = E;
+    if (j && D.id !== j.id) {
       const W = ae(
         o,
         j.id,
         m
       ), se = a.left?.includes(j.id) || !1;
-      L(W && se), F(W && !se);
+      O(W && se), F(W && !se);
     } else
       F(!1);
-  }, Hn = (I) => {
-    L(!1), T(!1), F(!1);
-    const { active: A, over: j } = I;
-    if (j && A.id !== j.id) {
+  }, Hn = (E) => {
+    O(!1), T(!1), F(!1);
+    const { active: D, over: j } = E;
+    if (j && D.id !== j.id) {
       const W = [...ge, ...ce].find(
-        (de) => de.value === A.id
+        (de) => de.value === D.id
       ), se = [...ge, ...ce].find((de) => de.value === j.id);
       if (W && se) {
-        const de = A.id, tt = j.id, zn = ae(
+        const de = D.id, tt = j.id, zn = ae(
           o,
           de,
           m
@@ -2870,17 +2864,17 @@ const Fo = g.div`
           o,
           tt,
           m
-        ), nt = a.left?.includes(de) || !1, ot = a.left?.includes(tt) || !1, Ne = At({});
+        ), nt = a.left?.includes(de) || !1, ot = a.left?.includes(tt) || !1, Ne = Dt({});
         if (zn && jn) {
           let Pe = [...Ne.columnPinning.left || []];
           nt !== ot && (nt && !ot ? Pe = Pe.filter((it) => it !== de) : !nt && ot && (Pe = [...Pe, de]));
-          const rt = [...q, ...D], Dt = rt.indexOf(de), Lt = rt.indexOf(tt);
-          if (Dt === -1 || Lt === -1) {
-            console.error("Invalid column order state"), vo.error("Invalid column order state");
+          const rt = [...q, ...A], At = rt.indexOf(de), Ot = rt.indexOf(tt);
+          if (At === -1 || Ot === -1) {
+            console.error("Invalid column order state"), fo.error("Invalid column order state");
             return;
           }
-          const Ot = un(rt, Dt, Lt), Kn = Ot.filter((it) => Pe.includes(it));
-          Ne.columnOrder = Ot, Ne.columnPinning = {
+          const Lt = un(rt, At, Ot), Kn = Lt.filter((it) => Pe.includes(it));
+          Ne.columnOrder = Lt, Ne.columnPinning = {
             ...Ne.columnPinning,
             left: Kn
           }, v(Ne);
@@ -2888,29 +2882,29 @@ const Fo = g.div`
       }
     }
     N(null);
-  }, Re = $ ? [...ge, ...ce].find((I) => I.value === $) : null;
+  }, Re = $ ? [...ge, ...ce].find((E) => E.value === $) : null;
   return typeof w == "string" ? /* @__PURE__ */ k(Jt, { ref: ye, "data-column-drag-origin": !0, children: [
     _t,
     /* @__PURE__ */ n(yt, { menuId: Ue, menuItems: Te }),
     /* @__PURE__ */ k(ut, { children: [
       /* @__PURE__ */ n(pt, { children: "All Columns" }),
-      /* @__PURE__ */ n(dt, { children: he.map((I) => /* @__PURE__ */ n(
+      /* @__PURE__ */ n(dt, { children: he.map((E) => /* @__PURE__ */ n(
         bt,
         {
-          id: `column-settings-${I.value}`,
-          column: He(I, y),
-          isPinned: a.left?.includes(I.value) || !1,
-          isHidden: Ce(I.value),
-          isHighlighted: t === I.value,
-          isDisabled: R(I.value),
+          id: `column-settings-${E.value}`,
+          column: He(E, y),
+          isPinned: a.left?.includes(E.value) || !1,
+          isHidden: Ce(E.value),
+          isHighlighted: t === E.value,
+          isDisabled: R(E.value),
           hideDragHandle: !0,
           onTogglePinning: et,
           onToggleVisibility: ne,
           onPaintStart: M,
           onPaintEnter: Y,
-          onDragStart: (A) => f?.(I, A)
+          onDragStart: (D) => f?.(E, D)
         },
-        I.value
+        E.value
       )) })
     ] })
   ] }) : /* @__PURE__ */ n(
@@ -2929,24 +2923,24 @@ const Fo = g.div`
           /* @__PURE__ */ n(
             Ke,
             {
-              items: Ee.map((I) => I.value),
+              items: Ie.map((E) => E.value),
               strategy: Ge,
-              children: /* @__PURE__ */ n(dt, { children: Ee.map((I) => /* @__PURE__ */ n(
+              children: /* @__PURE__ */ n(dt, { children: Ie.map((E) => /* @__PURE__ */ n(
                 Qt,
                 {
-                  id: I.value,
-                  column: He(I, y),
+                  id: E.value,
+                  column: He(E, y),
                   isPinned: !0,
-                  isHidden: Ce(I.value),
-                  isDisabled: R(I.value),
-                  isHighlighted: t === I.value,
+                  isHidden: Ce(E.value),
+                  isDisabled: R(E.value),
+                  isHighlighted: t === E.value,
                   onTogglePinning: et,
                   onToggleVisibility: ne,
                   onPaintStart: M,
                   onPaintEnter: Y,
-                  onDragStart: (A) => f?.(I, A)
+                  onDragStart: (D) => f?.(E, D)
                 },
-                I.value
+                E.value
               )) })
             }
           )
@@ -2956,29 +2950,29 @@ const Fo = g.div`
           /* @__PURE__ */ n(
             Ke,
             {
-              items: ie.map((I) => I.value),
+              items: ie.map((E) => E.value),
               strategy: Ge,
-              children: /* @__PURE__ */ n(dt, { children: ie.map((I) => /* @__PURE__ */ n(
+              children: /* @__PURE__ */ n(dt, { children: ie.map((E) => /* @__PURE__ */ n(
                 Qt,
                 {
-                  id: I.value,
-                  column: He(I, y),
+                  id: E.value,
+                  column: He(E, y),
                   isPinned: !1,
-                  isHidden: Ce(I.value),
-                  isHighlighted: t === I.value,
-                  isDisabled: R(I.value),
+                  isHidden: Ce(E.value),
+                  isHighlighted: t === E.value,
+                  isDisabled: R(E.value),
                   onTogglePinning: et,
                   onToggleVisibility: ne,
                   onPaintStart: M,
                   onPaintEnter: Y,
-                  onDragStart: (A) => f?.(I, A)
+                  onDragStart: (D) => f?.(E, D)
                 },
-                I.value
+                E.value
               )) })
             }
           )
         ] }),
-        /* @__PURE__ */ n(Et, { children: Re && !p && /* @__PURE__ */ n(
+        /* @__PURE__ */ n(It, { children: Re && !p && /* @__PURE__ */ n(
           bt,
           {
             column: He(Re, y),
@@ -3013,7 +3007,7 @@ const Fo = g.div`
   padding: 4px 0;
 `, hi = g(H)`
   justify-content: flex-start;
-`, vi = g(Co)`
+`, vi = g(ko)`
   padding: 0;
 
   input {
@@ -3130,10 +3124,10 @@ const Fo = g.div`
   const h = ee((y) => {
     const w = parseInt(y.target.value, 10);
     d(!0), m(w);
-  }, []), E = Io(l, b);
+  }, []), I = Io(l, b);
   J(() => {
     x && t(l);
-  }, [E, t, x, l]);
+  }, [I, t, x, l]);
   const S = ee(() => {
     u(!0);
   }, []), f = ee(() => {
@@ -3169,7 +3163,7 @@ const Fo = g.div`
     updateShowHierarchy: c,
     hierarchyOptions: u,
     hierarchyActive: l
-  } = We(), m = To({ scope: e });
+  } = Qe(), m = Eo({ scope: e });
   if (!v) return null;
   const { GroupSettings: x, requiredVersion: d } = v || {}, h = !!c, S = h ? [...u || [
     { value: Se, label: "Hierarchy", icon: "account_tree" },
@@ -3210,7 +3204,7 @@ const Fo = g.div`
     )
   };
 }, Ci = (e = []) => {
-  const { sorting: t, updateSorting: o } = ke(), { attribFields: r, scopes: a } = We(), s = [
+  const { sorting: t, updateSorting: o } = ke(), { attribFields: r, scopes: a } = Qe(), s = [
     ...yo(a, e),
     ...r.filter(
       (l) => l.scope?.some((m) => a.includes(m)) && !xo(l)
@@ -3242,12 +3236,12 @@ const Fo = g.div`
       }
     )
   };
-}, Pt = [Lo, Oo], en = 5, Ei = `#${Do}, [data-column-drag-origin]`, Ii = (e, t) => {
+}, Pt = [Ao, Oo], en = 5, Ii = `#${Do}, [data-column-drag-origin]`, Ei = (e, t) => {
   const r = document.querySelector(`[${yn}]`)?.getBoundingClientRect();
   if (!r || e < r.left || e > r.right || t < r.top || t > r.bottom) return;
-  const a = Array.from(
-    document.querySelectorAll(xn)
-  ).filter((v) => !Pt.includes(v.dataset.columnId || "")), s = a.find((v) => {
+  const a = Array.from(document.querySelectorAll(xn)).filter(
+    (v) => !Pt.includes(v.dataset.columnId || "")
+  ), s = a.find((v) => {
     const b = v.getBoundingClientRect();
     return e >= b.left && e < b.right;
   });
@@ -3255,13 +3249,13 @@ const Fo = g.div`
   const i = a[a.length - 1];
   return e >= i.getBoundingClientRect().right ? i : a[0];
 }, tn = (e, t) => {
-  const o = document.elementsFromPoint(e, t).map((i) => i.closest?.(xn)).find(Boolean) ?? Ii(e, t), r = o?.dataset.columnId;
+  const o = document.elementsFromPoint(e, t).map((i) => i.closest?.(xn)).find(Boolean) ?? Ei(e, t), r = o?.dataset.columnId;
   if (!o || !r || Pt.includes(r)) return null;
   const a = o.getBoundingClientRect(), s = e < a.left + a.width / 2 ? "left" : "right";
   return {
     columnId: r,
     side: s,
-    line: Po(o, s)
+    line: To(o, s)
   };
 }, Ti = (e, t) => {
   const o = e.length ? e : t;
@@ -3281,7 +3275,7 @@ const Fo = g.div`
     rowHeight: u,
     setColumnsConfig: l,
     getAllColumns: m
-  } = ke(), { setMenuOpen: x } = Qe(), [d, h] = U(null), E = K(null), S = K(null);
+  } = ke(), { setMenuOpen: x } = Xe(), [d, h] = U(null), I = K(null), S = K(null);
   S.current = d;
   const f = K({
     columnVisibility: e,
@@ -3314,31 +3308,31 @@ const Fo = g.div`
     getAllColumns: m
   };
   const p = ee((N, B) => {
-    const L = f.current, z = Ti(L.columnOrder, L.getAllColumns()).filter(
+    const O = f.current, z = Ti(O.columnOrder, O.getAllColumns()).filter(
       (C) => C !== N && !Pt.includes(C)
-    ), T = z.indexOf(B.columnId), V = T === -1 ? z.length : T + (B.side === "left" ? 0 : 1), F = [...z.slice(0, V), N, ...z.slice(V)], R = new Set(L.columnPinning.left || []);
-    R.has(B.columnId) ? R.add(N) : R.delete(N), L.setColumnsConfig({
-      columnVisibility: { ...L.columnVisibility, [N]: !0 },
+    ), T = z.indexOf(B.columnId), V = T === -1 ? z.length : T + (B.side === "left" ? 0 : 1), F = [...z.slice(0, V), N, ...z.slice(V)], R = new Set(O.columnPinning.left || []);
+    R.has(B.columnId) ? R.add(N) : R.delete(N), O.setColumnsConfig({
+      columnVisibility: { ...O.columnVisibility, [N]: !0 },
       columnOrder: F,
-      columnPinning: { ...L.columnPinning, left: F.filter((C) => R.has(C)) },
-      columnSizing: L.columnSizing,
-      columnSummaries: L.columnSummaries,
-      columnSummaryScopes: L.columnSummaryScopes,
-      columnSummaryFormats: L.columnSummaryFormats,
-      groupBy: L.groupBy,
-      groupByConfig: L.groupByConfig,
-      sorting: L.sorting,
-      rowHeight: L.rowHeight
+      columnPinning: { ...O.columnPinning, left: F.filter((C) => R.has(C)) },
+      columnSizing: O.columnSizing,
+      columnSummaries: O.columnSummaries,
+      columnSummaryScopes: O.columnSummaryScopes,
+      columnSummaryFormats: O.columnSummaryFormats,
+      groupBy: O.groupBy,
+      groupByConfig: O.groupByConfig,
+      sorting: O.sorting,
+      rowHeight: O.rowHeight
     });
   }, []), y = ee(() => {
-    E.current = null, S.current && h(null);
+    I.current = null, S.current && h(null);
   }, []), w = ee((N, B) => {
-    const L = B.currentTarget, z = L.getBoundingClientRect();
-    E.current = {
+    const O = B.currentTarget, z = O.getBoundingClientRect();
+    I.current = {
       column: N,
       x: B.clientX,
       y: B.clientY,
-      origin: L.closest(Ei),
+      origin: O.closest(Ii),
       immediate: !!B.target.closest?.(".hover-swap"),
       grab: {
         x: B.clientX - z.left,
@@ -3356,22 +3350,22 @@ const Fo = g.div`
         );
         return;
       }
-      const R = E.current;
+      const R = I.current;
       R && (Math.abs(V - R.x) < en && Math.abs(F - R.y) < en || !R.immediate && N(V, F, R.origin) || h({ column: R.column, x: V, y: F, grab: R.grab, target: tn(V, F) }));
-    }, L = () => {
+    }, O = () => {
       const T = S.current;
-      E.current = null, T && (_i(), T.target && (p(T.column.value, T.target), x(!1)), h(null));
+      I.current = null, T && (_i(), T.target && (p(T.column.value, T.target), x(!1)), h(null));
     }, z = (T) => {
       T.key === "Escape" && y();
     };
-    return window.addEventListener("pointermove", B), window.addEventListener("pointerup", L), window.addEventListener("pointercancel", y), window.addEventListener("keydown", z), () => {
-      window.removeEventListener("pointermove", B), window.removeEventListener("pointerup", L), window.removeEventListener("pointercancel", y), window.removeEventListener("keydown", z);
+    return window.addEventListener("pointermove", B), window.addEventListener("pointerup", O), window.addEventListener("pointercancel", y), window.addEventListener("keydown", z), () => {
+      window.removeEventListener("pointermove", B), window.removeEventListener("pointerup", O), window.removeEventListener("pointercancel", y), window.removeEventListener("keydown", z);
     };
   }, [p, y, x]);
   const P = d ? document.querySelector(`[${yn}]`)?.getBoundingClientRect() : void 0, $ = d ? sn(
     /* @__PURE__ */ k(me, { children: [
       P && /* @__PURE__ */ n(
-        Ai,
+        Di,
         {
           style: {
             left: P.left,
@@ -3382,7 +3376,7 @@ const Fo = g.div`
         }
       ),
       /* @__PURE__ */ k(
-        Di,
+        Ai,
         {
           style: {
             left: d.x - d.grab.x,
@@ -3406,14 +3400,14 @@ const Fo = g.div`
     t.stopPropagation(), t.preventDefault();
   };
   window.addEventListener("click", e, !0), setTimeout(() => window.removeEventListener("click", e, !0), 0);
-}, Ai = g.div`
+}, Di = g.div`
   position: fixed;
   box-sizing: border-box;
   z-index: 999;
   pointer-events: none;
   border-radius: 4px;
   background-color: color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent);
-`, Di = g.div`
+`, Ai = g.div`
   position: fixed;
   box-sizing: border-box;
   z-index: 2000;
@@ -3444,13 +3438,19 @@ const Fo = g.div`
     columnVisibility: r,
     defaultColumnVisibility: a,
     updateColumnVisibility: s
-  }), { armDrag: x, cancelDrag: d, isDragging: h, dragOverlay: E } = Ni(), S = K({ isPainting: m, isDragging: h, cancelPaint: l });
+  }), { armDrag: x, cancelDrag: d, isDragging: h, dragOverlay: I } = Ni(), S = K({ isPainting: m, isDragging: h, cancelPaint: l });
   S.current = { isPainting: m, isDragging: h, cancelPaint: l };
-  const f = ee((w, P) => {
-    S.current.isDragging || (P && d(), c(w, P));
-  }, [d, c]), p = ee((w, P) => {
-    S.current.isPainting || x(w, P);
-  }, [x]), y = X(
+  const f = ee(
+    (w, P) => {
+      S.current.isDragging || (P && d(), c(w, P));
+    },
+    [d, c]
+  ), p = ee(
+    (w, P) => {
+      S.current.isPainting || x(w, P);
+    },
+    [x]
+  ), y = X(
     () => $n({
       columns: e,
       onToggle: u,
@@ -3476,17 +3476,17 @@ const Fo = g.div`
   return {
     menuItems: y,
     hasMenuItems: !!y.length,
-    dragOverlay: E,
+    dragOverlay: I,
     onColumnDragStart: x,
     isColumnDragging: h
   };
-}, Li = [], Oi = [], Vn = ({
-  extraColumns: e = Li,
-  hiddenColumns: t = Oi,
+}, Oi = [], Li = [], Vn = ({
+  extraColumns: e = Oi,
+  hiddenColumns: t = Li,
   includeLinks: o = !0,
   parentColumns: r = []
 }) => {
-  const { linkTypes: a } = bn(), { attribFields: s, scopes: i } = We(), v = X(
+  const { linkTypes: a } = bn(), { attribFields: s, scopes: i } = Qe(), v = X(
     () => [
       {
         value: "thumbnail",
@@ -3606,7 +3606,7 @@ const Fo = g.div`
       ),
       ...e.map((c) => ({
         ...c,
-        icon: c.icon ?? Dn
+        icon: c.icon ?? An
       }))
     ],
     [i, s, a, o, r, e]
@@ -3619,8 +3619,8 @@ const Fo = g.div`
   min-width: 120px;
 `, $i = g(H)`
   padding: 4px !important;
-`, Us = ({ defaultSelected: e, className: t, ...o }) => {
-  const { togglePanel: r, isPanelOpen: a } = Xe();
+`, Rs = ({ defaultSelected: e, className: t, ...o }) => {
+  const { togglePanel: r, isPanelOpen: a } = We();
   return /* @__PURE__ */ n(
     Ri,
     {
@@ -3631,7 +3631,7 @@ const Fo = g.div`
       children: "Customize"
     }
   );
-}, Hs = ({
+}, $s = ({
   settings: e = [],
   extraColumns: t,
   hiddenColumns: o,
@@ -3645,13 +3645,13 @@ const Fo = g.div`
   parentColumns: u,
   columnIdAliases: l
 }) => {
-  const { scopes: m } = We(), {
+  const { scopes: m } = Qe(), {
     columnVisibility: x,
     defaultColumnVisibility: d,
     rowHeight: h = 34,
-    updateRowHeight: E,
+    updateRowHeight: I,
     updateRowHeightWithPersistence: S
-  } = ke(), { isPanelOpen: f, selectedSetting: p } = Xe(), [y, w] = U(null);
+  } = ke(), { isPanelOpen: f, selectedSetting: p } = We(), [y, w] = U(null);
   J(() => {
     y !== null && (!f || p !== "columns") && w(null);
   }, [f, p, y]);
@@ -3664,8 +3664,8 @@ const Fo = g.div`
     hiddenColumns: o,
     includeLinks: s,
     parentColumns: u
-  }), B = a && So(a, l), L = N.filter(
-    (O) => ae(x, O.value, d)
+  }), B = a && So(a, l), O = N.filter(
+    (L) => ae(x, L.value, d)
   ).length, {
     menuItems: z,
     dragOverlay: T,
@@ -3680,7 +3680,7 @@ const Fo = g.div`
       id: "columns",
       title: "Columns",
       icon: "view_column",
-      preview: `${L}/${N.length}`,
+      preview: `${O}/${N.length}`,
       headerActions: /* @__PURE__ */ n(
         $i,
         {
@@ -3716,7 +3716,7 @@ const Fo = g.div`
         Si,
         {
           value: h,
-          onChange: E,
+          onChange: I,
           onChangeComplete: S,
           title: "Row height",
           id: "row-height-slider"
@@ -3724,10 +3724,10 @@ const Fo = g.div`
       )
     }
   ].filter(Boolean);
-  return e.forEach((O) => {
-    if (r.includes(O.id)) return;
-    const M = _.findIndex((Y) => Y && "id" in Y && Y.id === O.id);
-    M !== -1 ? _[M] = O : _.push(O);
+  return e.forEach((L) => {
+    if (r.includes(L.id)) return;
+    const M = _.findIndex((Y) => Y && "id" in Y && Y.id === L.id);
+    M !== -1 ? _[M] = L : _.push(L);
   }), /* @__PURE__ */ n(ri, { settings: _, order: v });
 }, gt = "add-column-menu-table", Fi = g.div`
   position: absolute;
@@ -3739,14 +3739,14 @@ const Fo = g.div`
     padding: 2px;
     border-radius: 12px;
   }
-`, zs = ({
+`, Fs = ({
   extraColumns: e,
   hiddenColumns: t,
   includeLinks: o,
   extraMenuItems: r,
   parentColumns: a
 }) => {
-  const { isPanelOpen: s } = Xe(), { toggleMenuOpen: i } = Qe(), { visibleColumns: v, scopes: b } = Vn({
+  const { isPanelOpen: s } = We(), { toggleMenuOpen: i } = Xe(), { visibleColumns: v, scopes: b } = Vn({
     extraColumns: e,
     hiddenColumns: t,
     includeLinks: o,
@@ -3771,7 +3771,7 @@ const Fo = g.div`
     /* @__PURE__ */ n(yt, { menuId: gt, menuItems: c }),
     l
   ] });
-}, js = g.a`
+}, Ms = g.a`
   color: var(--md-sys-color-primary, #0066cc);
   text-decoration: none;
   cursor: pointer;
@@ -3796,7 +3796,7 @@ const Fo = g.div`
       background-color: var(--md-sys-color-surface-container-highest-hover);
     }
   }
-`, Ks = le(
+`, Vs = le(
   ({ showGrid: e, onChange: t, ...o }, r) => (J(() => {
     const a = (s) => {
       const i = s.target;
@@ -3920,7 +3920,7 @@ const Fo = g.div`
     onCloseVersionUpload: x,
     extractAndSetVersionFromFiles: d,
     dispatch: h,
-    taskId: E,
+    taskId: I,
     linkedTask: S,
     isLoadingTask: f,
     setTaskId: p,
@@ -3929,54 +3929,54 @@ const Fo = g.div`
     folderProducts: P,
     isFolderProductsLoading: $,
     matchedProduct: N
-  } = Sn(), [B, L] = U(!1), z = X(
-    () => P.map((D) => ({ value: D.name, label: D.name })),
+  } = Sn(), [B, O] = U(!1), z = X(
+    () => P.map((A) => ({ value: A.name, label: A.name })),
     [P]
   ), T = ee(
-    (D) => {
-      t("name", D.length > 0 ? D[0] : "");
+    (A) => {
+      t("name", A.length > 0 ? A[0] : "");
     },
     [t]
   ), V = N?.latestVersion ? `v${String(N.latestVersion.version).padStart(3, "0")}` : "", { data: F, isFetching: R } = uo(
-    { projectName: a, taskId: E },
-    { skip: !E }
-  ), C = f || !!E && R && !S, _ = F?.folderId || w, O = bn(), M = F?.label || F?.name || S?.label || S?.name || "", Y = F?.taskType || S?.taskType, ne = Y ? O.getTaskType(Y) : void 0, re = ne?.icon || "task_alt", be = F?.path ? F.path.substring(0, F.path.lastIndexOf("/")) : "", ye = O.getProductTypeOptions(), ue = X(() => O.productTypes.reduce((D, q) => (D[q.name] = q, D), {}), [O.productTypes]);
+    { projectName: a, taskId: I },
+    { skip: !I }
+  ), C = f || !!I && R && !S, _ = F?.folderId || w, L = bn(), M = F?.label || F?.name || S?.label || S?.name || "", Y = F?.taskType || S?.taskType, ne = Y ? L.getTaskType(Y) : void 0, re = ne?.icon || "task_alt", be = F?.path ? F.path.substring(0, F.path.lastIndexOf("/")) : "", ye = L.getProductTypeOptions(), ue = X(() => L.productTypes.reduce((A, q) => (A[q.name] = q, A), {}), [L.productTypes]);
   J(() => {
-    const D = b.current, q = ue[D]?.name || "", he = ue[e.productType]?.name || "";
-    if (e.productType !== D && q && e.name.startsWith(q)) {
-      const Ie = e.name.slice(q.length), Te = he + Ie;
+    const A = b.current, q = ue[A]?.name || "", he = ue[e.productType]?.name || "";
+    if (e.productType !== A && q && e.name.startsWith(q)) {
+      const Ee = e.name.slice(q.length), Te = he + Ee;
       t("name", Te);
     }
     b.current = e.productType;
   }, [e.productType, e.name, t]);
-  const Le = (D) => {
-    D.preventDefault();
-    const q = D.nativeEvent.submitter;
+  const Oe = (A) => {
+    A.preventDefault();
+    const q = A.nativeEvent.submitter;
     q && q.closest(".dropdown") || o(e);
-  }, Ze = (D) => {
-    const q = parseInt(D.target.value, 10);
+  }, Ze = (A) => {
+    const q = parseInt(A.target.value, 10);
     isNaN(q) || t("version", q);
-  }, Oe = (D) => {
-    t("name", D.target.value);
-  }, Ce = (D) => {
-    D.length > 0 && t("productType", D[0]);
+  }, Le = (A) => {
+    t("name", A.target.value);
+  }, Ce = (A) => {
+    A.length > 0 && t("productType", A[0]);
   }, ge = () => {
-    const D = ue[e.productType]?.name || "", q = e.name || "", he = q.charAt(0).toUpperCase() + q.slice(1), Ie = D + he;
-    t("name", Ie);
+    const A = ue[e.productType]?.name || "", q = e.name || "", he = q.charAt(0).toUpperCase() + q.slice(1), Ee = A + he;
+    t("name", Ee);
   }, ce = () => {
-    const D = ue[e.productType]?.name || "";
-    return e.name && !e.name.startsWith(D);
+    const A = ue[e.productType]?.name || "";
+    return e.name && !e.name.startsWith(A);
   }, ie = !!i;
   return /* @__PURE__ */ k(
     Vi,
     {
       id: "upload-version-form",
       ref: u,
-      onSubmit: Le,
+      onSubmit: Oe,
       noValidate: !0,
-      onKeyDown: (D) => {
-        if (D.key === "Enter" && (D.metaKey || D.ctrlKey)) {
-          D.preventDefault(), o(e);
+      onKeyDown: (A) => {
+        if (A.key === "Enter" && (A.metaKey || A.ctrlKey)) {
+          A.preventDefault(), o(e);
           return;
         }
       },
@@ -3985,10 +3985,10 @@ const Fo = g.div`
           !r.includes("name") && /* @__PURE__ */ n(te, { label: "Product Name", children: /* @__PURE__ */ k(zi, { children: [
             /* @__PURE__ */ k("div", { children: [
               /* @__PURE__ */ n(
-                De,
+                Ae,
                 {
                   value: e.name,
-                  onChange: Oe,
+                  onChange: Le,
                   placeholder: "Enter product name",
                   minLength: 1,
                   autoFocus: !0,
@@ -4021,7 +4021,7 @@ const Fo = g.div`
                 widthExpand: !1,
                 disabled: $ || P.length === 0,
                 "aria-label": "Select existing product",
-                valueTemplate: (D, q, he) => /* @__PURE__ */ n(
+                valueTemplate: (A, q, he) => /* @__PURE__ */ n(
                   H,
                   {
                     icon: "inventory_2",
@@ -4062,12 +4062,12 @@ const Fo = g.div`
               disabled: ie
             }
           ) }),
-          /* @__PURE__ */ n(te, { label: "Task", children: /* @__PURE__ */ n(Gi, { children: C ? /* @__PURE__ */ n(Ro, { height: "20px" }) : E && M ? /* @__PURE__ */ k(me, { children: [
+          /* @__PURE__ */ n(te, { label: "Task", children: /* @__PURE__ */ n(Gi, { children: C ? /* @__PURE__ */ n(Lo, { height: "20px" }) : I && M ? /* @__PURE__ */ k(me, { children: [
             /* @__PURE__ */ k(
               Yi,
               {
                 type: "button",
-                onClick: () => L(!0),
+                onClick: () => O(!0),
                 disabled: ie,
                 variant: "text",
                 children: [
@@ -4102,24 +4102,24 @@ const Fo = g.div`
               icon: "link",
               label: "Link task",
               variant: "text",
-              onClick: () => L(!0),
+              onClick: () => O(!0),
               disabled: ie
             }
           ) }) })
         ] }),
         B && /* @__PURE__ */ n(
-          Eo,
+          Co,
           {
             projectName: a,
             entityType: "task",
             initialSelection: {
               ..._ ? { folder: { [_]: !0 } } : {},
-              ...E ? { task: { [E]: !0 } } : {}
+              ...I ? { task: { [I]: !0 } } : {}
             },
-            onSubmit: (D) => {
-              D.length > 0 && p(D[0]), L(!1);
+            onSubmit: (A) => {
+              A.length > 0 && p(A[0]), O(!1);
             },
-            onClose: () => L(!1)
+            onClose: () => O(!1)
           }
         ),
         /* @__PURE__ */ n(te, { label: "Reviewable files" }),
@@ -4155,7 +4155,7 @@ const Fo = g.div`
   color: var(--md-sys-color-on-error-container);
   padding: var(--padding-s);
   border-radius: var(--border-radius-m);
-`, Gs = () => {
+`, Bs = () => {
   const {
     isOpen: e,
     onCloseVersionUpload: t,
@@ -4171,7 +4171,7 @@ const Fo = g.div`
     createdProductId: l,
     createdVersionId: m,
     matchedProduct: x
-  } = Sn(), d = o || l, h = m, E = typeof u == "string" ? u.length > 0 : !!u, S = /* @__PURE__ */ k("div", { style: { display: "flex", flexDirection: "row", gap: 8 }, children: [
+  } = Sn(), d = o || l, h = m, I = typeof u == "string" ? u.length > 0 : !!u, S = /* @__PURE__ */ k("div", { style: { display: "flex", flexDirection: "row", gap: 8 }, children: [
     /* @__PURE__ */ n(rn, {}),
     /* @__PURE__ */ n(H, { onClick: t, label: "Cancel", variant: "text" }),
     /* @__PURE__ */ n(
@@ -4209,7 +4209,7 @@ const Fo = g.div`
             productId: d
           }
         ),
-        E && /* @__PURE__ */ n(Zi, { className: "error", children: io(u) })
+        I && /* @__PURE__ */ n(Zi, { className: "error", children: io(u) })
       ]
     }
   );
@@ -4219,7 +4219,7 @@ const Fo = g.div`
   z-index: 1000;
   overflow: hidden;
   padding-bottom: var(--padding-m);
-`, ta = g($o)`
+`, ta = g(Ro)`
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
@@ -4316,7 +4316,7 @@ function aa({
   selectionVariant: c = "primary",
   shortcut: u
 }) {
-  const [l] = ko();
+  const [l] = $o();
   return /* @__PURE__ */ k(
     na,
     {
@@ -4340,7 +4340,7 @@ function aa({
     e
   );
 }
-const Ys = le(({
+const Us = le(({
   reviewables: e = [],
   selected: t = [],
   projectName: o,
@@ -4389,11 +4389,11 @@ const Ys = le(({
     }
   };
   if (!e.length) return /* @__PURE__ */ n("div", {});
-  const E = e.findIndex(({ fileId: f }) => t.includes(f)), S = (f) => {
-    if (e.length < 2 || E === -1) return;
+  const I = e.findIndex(({ fileId: f }) => t.includes(f)), S = (f) => {
+    if (e.length < 2 || I === -1) return;
     const p = e.length;
-    if (f === (E - 1 + p) % p) return "W";
-    if (f === (E + 1) % p) return "S";
+    if (f === (I - 1 + p) % p) return "W";
+    if (f === (I + 1) % p) return "S";
   };
   return /* @__PURE__ */ k(ea, { children: [
     /* @__PURE__ */ k(
@@ -4437,56 +4437,55 @@ const Ys = le(({
   ] });
 });
 export {
-  vs as A,
-  Hs as B,
-  ms as C,
-  Ss as D,
+  ds as A,
+  Us as B,
+  ls as C,
+  vs as D,
   Ho as E,
-  $s as F,
+  _s as F,
   Ut as G,
-  Ys as H,
-  oi as I,
-  Bs as J,
-  ri as K,
-  As as L,
-  Rs as M,
-  An as N,
-  Ko as O,
-  Ds as P,
-  Si as Q,
-  Vs as R,
-  gs as S,
-  xs as T,
-  js as U,
-  Ht as V,
-  Ks as W,
-  zt as X,
-  Gs as Y,
-  fs as Z,
-  ys as a,
-  ks as b,
-  Cs as c,
-  Es as d,
-  Is as e,
-  Ts as f,
-  ws as g,
-  Os as h,
-  Fs as i,
-  Ls as j,
-  Ms as k,
+  Zr as H,
+  Ls as I,
+  ri as J,
+  Dn as K,
+  Is as L,
+  Ps as M,
+  Ko as N,
+  Si as O,
+  Es as P,
+  Ms as Q,
+  Os as R,
+  cs as S,
+  gs as T,
+  Ht as U,
+  Vs as V,
+  zt as W,
+  Bs as X,
+  us as Y,
+  ms as a,
+  fs as b,
+  bs as c,
+  ys as d,
+  xs as e,
+  ws as f,
+  hs as g,
+  Ns as h,
+  Ds as i,
+  Ts as j,
+  As as k,
   ft as l,
-  hs as m,
-  zs as n,
+  Fs as m,
+  ss as n,
   ps as o,
-  bs as p,
-  gi as q,
-  fi as r,
-  Us as s,
-  Ps as t,
-  zo as u,
-  Ns as v,
-  cr as w,
-  or as x,
-  _s as y,
-  jt as z
+  gi as p,
+  fi as q,
+  Rs as r,
+  ks as s,
+  zo as t,
+  Ss as u,
+  cr as v,
+  or as w,
+  Cs as x,
+  jt as y,
+  $s as z
 };