@ynput/ayon-frontend-shared 0.7.3 → 0.7.5

package/dist/chunks/GroupSettingsFallback.es.js

@@ -0,0 +1,75 @@
+import { jsx as i, jsxs as p } from "react/jsx-runtime";
+import "./ReviewablesSelector.es.js";
+import "react";
+import "match-sorter";
+import { Button as e, Icon as n } from "@ynput/ayon-react-components";
+import "clsx";
+import "./SimpleForm.es.js";
+import "./MetaWidget.es.js";
+import "react-dom";
+import "date-fns";
+import "./PlayableIcon.es.js";
+import "./TableExportContextInstance.es.js";
+import "lodash";
+import "primereact/confirmdialog";
+import "react-toastify";
+import "uuid";
+import "./searchTerms.es.js";
+import "axios";
+import "./getUris.es.js";
+import "./JsonViewer.es.js";
+import "./Watchers.es.js";
+import "lexical";
+import "@lexical/markdown";
+import "@lexical/code";
+import "@lexical/list";
+import "@lexical/rich-text";
+import "@lexical/selection";
+import "@lexical/utils";
+import "@lexical/react/LexicalBlockWithAlignableContents";
+import "@lexical/react/LexicalDecoratorBlockNode";
+import "@module-federation/enhanced/runtime";
+import "@ynput/ayon-addon/host";
+import "semver";
+import "./ContextMenuContextInstance.es.js";
+import "react-redux";
+import "react-router-dom";
+import "./EmptyPlaceholder.es.js";
+import "./EmptyPlaceholderFlex.styled.es.js";
+import "./InfoMessage.es.js";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "@dnd-kit/utilities";
+import "./VersionUploadContextInstance.es.js";
+import "./EntityTooltip.es.js";
+import "./ColumnDropIndicator.styled.es.js";
+import "@tanstack/react-table";
+import "@ynput/ayon-addon";
+import "./EntityPickerDialog.es.js";
+import { T as a } from "./TableSettingsFallback.es.js";
+import "remark-gfm";
+import "react-markdown";
+import "primereact/splitter";
+import "./Slicer.es.js";
+import "./NewEntityContextInstance.es.js";
+import "./Menu.es.js";
+import "./ThumbnailSimple.es.js";
+import o from "styled-components";
+const l = o.li`
+  display: flex;
+  align-items: center;
+  padding: 0;
+  margin: 0;
+`, s = o(e)`
+  width: 100%;
+  justify-content: start;
+`, gt = ({
+  requiredVersion: r,
+  fields: m
+}) => /* @__PURE__ */ i(a, { feature: "groupAttributes", requiredVersion: r, children: m.map((t) => /* @__PURE__ */ i(l, { children: /* @__PURE__ */ p(s, { variant: "text", icon: t.icon, children: [
+  t.label,
+  /* @__PURE__ */ i(n, { icon: "bolt", style: { marginLeft: "auto" } })
+] }) }, t.value)) });
+export {
+  gt as G
+};

package/dist/chunks/JsonViewer.es.js

@@ -9,6 +9,7 @@ import "react-toastify";
 import { c as d } from "./copyToClipboard.es.js";
 import "uuid";
 import "./searchTerms.es.js";
+import "axios";
 const l = c.div`
   position: relative;
   overflow: auto;
@@ -59,7 +60,7 @@ const l = c.div`
   .w-tc-editor textarea {
     display: none !important;
   }
-`, _ = ({ value: o, wrap: e, className: i }) => {
+`, h = ({ value: o, wrap: e, className: i }) => {
   const t = a(() => {
     try {
       return JSON.stringify(o, null, 2);
@@ -92,5 +93,5 @@ const l = c.div`
   ] });
 };
 export {
-  _ as J
+  h as J
 };

package/dist/chunks/Menu.es.js

@@ -1,17 +1,19 @@
-import { jsxs as Q, jsx as p, Fragment as ke } from "react/jsx-runtime";
+import { jsxs as Q, jsx as f, Fragment as ke } from "react/jsx-runtime";
 import te, { forwardRef as Ee, useRef as oe, useEffect as Y, useLayoutEffect as ce, useState as de, useCallback as Le } from "react";
-import { Button as fe, Icon as K, ShortcutTag as Pe } from "@ynput/ayon-react-components";
+import { Button as pe, Icon as K, ShortcutTag as Pe } from "@ynput/ayon-react-components";
 import A, { keyframes as Re } from "styled-components";
 import { isArray as Ce } from "lodash";
 import { Link as Se } from "react-router-dom";
-import pe from "clsx";
+import fe from "clsx";
 import "@module-federation/enhanced/runtime";
+import "@ynput/ayon-addon/host";
 import "react-toastify";
 import "./searchTerms.es.js";
 import "./getUris.es.js";
 import "primereact/confirmdialog";
-import { a as ne, u as ue } from "./TableExportContextInstance.es.js";
+import { b as ne, u as ue } from "./TableExportContextInstance.es.js";
 import "uuid";
+import "axios";
 import "semver";
 import "./ContextMenuContextInstance.es.js";
 import { createPortal as Te } from "react-dom";
@@ -273,7 +275,7 @@ const z = 42, Ae = 8, U = z + Ae, De = A.dialog`
   gap: var(--base-gap-small);
   margin-left: auto;
   padding-left: 24px;
-`, $e = A(fe)`
+`, $e = A(pe)`
   margin-left: auto;
   &.hasIcon {
     padding: 4px;
@@ -319,7 +321,7 @@ const z = 42, Ae = 8, U = z + Ae, De = A.dialog`
       display: flex;
     }
   }
-`, ge = Ee(
+`, me = Ee(
   ({
     label: s,
     icon: n,
@@ -329,30 +331,30 @@ const z = 42, Ae = 8, U = z + Ae, De = A.dialog`
     notification: u,
     selected: c,
     danger: t,
-    items: g = [],
+    items: m = [],
     className: a,
     isLink: h,
-    isDev: m,
+    isDev: g,
     shortcut: L,
     disabled: e,
     powerFeature: l,
-    active: f,
+    active: p,
     reserveActiveSlot: w,
-    endActions: y = [],
+    endActions: b = [],
     ...N
   }, q) => {
     const J = Ce(s) ? s : [s], { powerLicense: v } = ne(), C = !v && l, S = /* @__PURE__ */ Q(
       Fe,
       {
         ref: q,
-        className: pe(
+        className: fe(
           "menu-item",
           {
             highlighted: d,
             selected: c,
             notification: u,
             danger: t,
-            dev: m,
+            dev: g,
             disabled: e,
             power: C
           },
@@ -361,42 +363,42 @@ const z = 42, Ae = 8, U = z + Ae, De = A.dialog`
         ...N,
         "aria-label": J.join(", "),
         children: [
-          n && /* @__PURE__ */ p(K, { icon: n, className: r ? "hover-swap-default" : void 0 }),
-          r && /* @__PURE__ */ p(K, { icon: r, className: "hover-swap" }),
-          i && /* @__PURE__ */ p(ze, { src: i, alt: `${s} icon` }),
-          J.map((b, x) => /* @__PURE__ */ p("span", { children: b }, x)),
-          L && /* @__PURE__ */ p(Pe, { style: { minWidth: 22, textAlign: "center" }, align: "right", children: L }),
-          (f || w) && /* @__PURE__ */ p(
+          n && /* @__PURE__ */ f(K, { icon: n, className: r ? "hover-swap-default" : void 0 }),
+          r && /* @__PURE__ */ f(K, { icon: r, className: "hover-swap" }),
+          i && /* @__PURE__ */ f(ze, { src: i, alt: `${s} icon` }),
+          J.map((y, x) => /* @__PURE__ */ f("span", { children: y }, x)),
+          L && /* @__PURE__ */ f(Pe, { style: { minWidth: 22, textAlign: "center" }, align: "right", children: L }),
+          (p || w) && /* @__PURE__ */ f(
             K,
             {
               icon: "check",
-              style: { marginLeft: "auto", visibility: f ? "visible" : "hidden" }
+              style: { marginLeft: "auto", visibility: p ? "visible" : "hidden" }
             }
           ),
-          !!y.length && /* @__PURE__ */ p(We, { children: y.map((b) => /* @__PURE__ */ p(
+          !!b.length && /* @__PURE__ */ f(We, { children: b.map((y) => /* @__PURE__ */ f(
             $e,
             {
               variant: "text",
-              icon: b.icon,
+              icon: y.icon,
               className: "menu-item-end-action",
-              "data-tooltip": b.tooltip,
-              "aria-label": b.tooltip,
+              "data-tooltip": y.tooltip,
+              "aria-label": y.tooltip,
               onClick: (x) => {
-                x.stopPropagation(), b.onClick(x);
+                x.stopPropagation(), y.onClick(x);
               },
               onKeyDown: (x) => x.stopPropagation()
             },
-            b.icon
+            y.icon
           )) }),
-          C && /* @__PURE__ */ p(K, { icon: "bolt", className: "power-bolt" }),
-          !!g.length && /* @__PURE__ */ p(K, { icon: "arrow_right", className: "more" })
+          C && /* @__PURE__ */ f(K, { icon: "bolt", className: "power-bolt" }),
+          !!m.length && /* @__PURE__ */ f(K, { icon: "arrow_right", className: "more" })
         ]
       }
     );
-    return h ? /* @__PURE__ */ p(Se, { to: h, target: N.target, children: S }) : S;
+    return h ? /* @__PURE__ */ f(Se, { to: h, target: N.target, children: S }) : S;
   }
 );
-ge.displayName = "MenuItem";
+me.displayName = "MenuItem";
 const ae = ({
   items: s,
   handleClick: n,
@@ -406,20 +408,20 @@ const ae = ({
   level: u,
   id: c = "root-menu",
   parentRef: t,
-  parentEl: g,
+  parentEl: m,
   style: a,
   placement: h,
-  onClose: m,
+  onClose: g,
   onMenuClose: L,
   itemClassName: e,
   itemStyle: l,
-  setPowerpackDialog: f,
+  setPowerpackDialog: p,
   ...w
 }) => {
-  const y = oe({}), N = oe(null), q = (v, C, S) => {
-    const b = y.current[C], x = N.current;
-    if (!b || !x) return;
-    const _ = (x.offsetParent ?? document.body).getBoundingClientRect(), D = b.getBoundingClientRect(), k = (x.querySelector("menu") ?? x).getBoundingClientRect(), V = window.innerWidth, B = window.innerHeight, M = 8, T = Math.max(240, k.width), I = Math.min(
+  const b = oe({}), N = oe(null), q = (v, C, S) => {
+    const y = b.current[C], x = N.current;
+    if (!y || !x) return;
+    const _ = (x.offsetParent ?? document.body).getBoundingClientRect(), D = y.getBoundingClientRect(), k = (x.querySelector("menu") ?? x).getBoundingClientRect(), V = window.innerWidth, B = window.innerHeight, M = 8, T = Math.max(240, k.width), I = Math.min(
       S.length * 36 + 16,
       B - U - M
     ), E = 4, F = () => Math.max(M, k.left - T - E), O = () => k.right + E, j = O() + T <= V - M, $ = F() >= M;
@@ -440,7 +442,7 @@ const ae = ({
       placement: R,
       // Pass the actual menu-item element so sub-menu measurement uses the <li>
       // instead of whatever inner span the mouse event bubbled from.
-      parentEl: b
+      parentEl: y
     });
   }, J = (v) => {
     d && r?.(v, { id: "parent", items: [] });
@@ -451,23 +453,23 @@ const ae = ({
     if (!d || !N.current || !t || !i || !c) return;
     const v = N.current, C = t, S = C.closest(".menu-list, .sub-menu");
     if (!S) return;
-    const b = v.querySelector("menu") ?? v, x = S.querySelector("menu") ?? S, _ = (v.offsetParent ?? document.body).getBoundingClientRect(), D = v.getBoundingClientRect(), P = b.getBoundingClientRect(), k = x.getBoundingClientRect(), V = C.getBoundingClientRect(), B = P.left - D.left, M = P.width, T = window.innerWidth, I = window.innerHeight, E = 8, F = 4, O = () => Math.max(E, k.left - M - F), j = () => k.right + F, $ = j() + M <= T - E, R = O() >= E;
+    const y = v.querySelector("menu") ?? v, x = S.querySelector("menu") ?? S, _ = (v.offsetParent ?? document.body).getBoundingClientRect(), D = v.getBoundingClientRect(), P = y.getBoundingClientRect(), k = x.getBoundingClientRect(), V = C.getBoundingClientRect(), B = P.left - D.left, M = P.width, T = window.innerWidth, I = window.innerHeight, E = 8, F = 4, O = () => Math.max(E, k.left - M - F), j = () => k.right + F, $ = j() + M <= T - E, R = O() >= E;
     let o, H;
     h === "left" && R ? (o = "left", H = O()) : $ ? (o = "right", H = j()) : R ? (o = "left", H = O()) : (o = "left", H = Math.max(E, T - M - E));
-    const Z = b.querySelector(":scope > li")?.getBoundingClientRect(), ee = V.top, ve = Z ? Z.top : D.top + 8, ye = ee - ve, ie = b.scrollHeight;
-    let G = D.top + ye;
+    const Z = y.querySelector(":scope > li")?.getBoundingClientRect(), ee = V.top, ve = Z ? Z.top : D.top + 8, be = ee - ve, ie = y.scrollHeight;
+    let G = D.top + be;
     if (G + ie > I - E) {
       const Me = Math.min(ie, I - U - E);
       G = I - Me - E;
     }
     G = Math.max(U, G);
-    const be = o === "left" ? H - B : H, re = G - _.top, se = be - _.left, we = typeof a?.top == "number" ? a.top : parseFloat(String(a?.top)), xe = typeof a?.left == "number" ? a.left : parseFloat(String(a?.left));
+    const ye = o === "left" ? H - B : H, re = G - _.top, se = ye - _.left, we = typeof a?.top == "number" ? a.top : parseFloat(String(a?.top)), xe = typeof a?.left == "number" ? a.left : parseFloat(String(a?.left));
     (Math.abs(re - we) > 1 || Math.abs(se - xe) > 1) && i(
       c,
       { top: re, left: se, maxHeight: I - G - E },
       o
     );
-  }, [d, s, t, c, h, a?.top, a?.left, i]), /* @__PURE__ */ p(
+  }, [d, s, t, c, h, a?.top, a?.left, i]), /* @__PURE__ */ f(
     _e,
     {
       style: { paddingLeft: d ? 16 : 0, ...a },
@@ -476,13 +478,13 @@ const ae = ({
       onMouseLeave: J,
       ...w,
       ref: N,
-      children: /* @__PURE__ */ p(Be, { children: s.filter((v) => !v.hidden).map((v, C) => {
+      children: /* @__PURE__ */ f(Be, { children: s.filter((v) => !v.hidden).map((v, C) => {
         if (v.node)
           return v.node;
-        if (v?.id === "divider" || v?.separator) return /* @__PURE__ */ p("hr", {}, C);
+        if (v?.id === "divider" || v?.separator) return /* @__PURE__ */ f("hr", {}, C);
         const {
           label: S,
-          icon: b,
+          icon: y,
           img: x,
           highlighted: X,
           onClick: _,
@@ -498,14 +500,14 @@ const ae = ({
           endActions: F,
           ...O
         } = v, { powerLicense: j } = ne(), $ = !j && T, R = (o) => {
-          o.preventDefault(), o.stopPropagation(), T && f?.(T), L?.();
+          o.preventDefault(), o.stopPropagation(), T && p?.(T), L?.();
         };
-        return /* @__PURE__ */ p(
-          ge,
+        return /* @__PURE__ */ f(
+          me,
           {
             tabIndex: 0,
             label: S,
-            icon: b,
+            icon: y,
             img: x,
             highlighted: X,
             items: P,
@@ -520,15 +522,15 @@ const ae = ({
             onKeyDown: (o) => {
               o.key === "Enter" && ($ ? R(o) : P.length ? q(o, k, P) : n(o, _, D));
               const H = !o.target.nextSibling;
-              o.key === "Tab" && H && !o.shiftKey && (o.preventDefault(), o.stopPropagation(), N.current?.querySelectorAll("li, button")[0]?.focus()), o.key === "Escape" && d && t && (o.preventDefault(), o.stopPropagation(), t.focus(), m?.(k));
+              o.key === "Tab" && H && !o.shiftKey && (o.preventDefault(), o.stopPropagation(), N.current?.querySelectorAll("li, button")[0]?.focus()), o.key === "Escape" && d && t && (o.preventDefault(), o.stopPropagation(), t.focus(), g?.(k));
             },
             style: { paddingRight: P.length ? "0" : "16px", ...l },
-            ref: (o) => y.current[k] = o,
+            ref: (o) => b.current[k] = o,
             onMouseEnter: (o) => q(o, k, P),
             onMouseLeave: (o) => q(o, k, []),
             className: `${e} ${O.className || ""}`,
             ...O,
-            children: !!P.length && /* @__PURE__ */ p(K, { icon: "arrow_right", style: { marginLeft: "auto" } })
+            children: !!P.length && /* @__PURE__ */ f(K, { icon: "arrow_right", style: { marginLeft: "auto" } })
           },
           `${k}-${C}`
         );
@@ -538,8 +540,8 @@ const ae = ({
 };
 function Ve(s, n, r = "right") {
   if (!s) return null;
-  const i = s.getBoundingClientRect(), d = n?.getBoundingClientRect(), u = d?.width || 200, c = d?.height || 300, t = 8, g = window.innerWidth, a = window.innerHeight;
-  let h = i.bottom + 8 - z, m;
+  const i = s.getBoundingClientRect(), d = n?.getBoundingClientRect(), u = d?.width || 200, c = d?.height || 300, t = 8, m = window.innerWidth, a = window.innerHeight;
+  let h = i.bottom + 8 - z, g;
   const L = U - z;
   if (h + z + c > a - t) {
     const e = i.top - 8 - c - z;
@@ -547,12 +549,12 @@ function Ve(s, n, r = "right") {
   }
   if (h = Math.max(L, h), r === "right") {
     const e = i.right - u;
-    e >= t ? m = e : m = i.left;
+    e >= t ? g = e : g = i.left;
   } else {
     const e = i.left;
-    e + u <= g - t ? m = e : m = i.right - u;
+    e + u <= m - t ? g = e : g = i.right - u;
   }
-  return m !== void 0 && (m = Math.max(t, Math.min(m, g - u - t))), { top: h, left: m, maxHeight: a - (h + z) - t };
+  return g !== void 0 && (g = Math.max(t, Math.min(g, m - u - t))), { top: h, left: g, maxHeight: a - (h + z) - t };
 }
 function je(s, n, r = "right") {
   const [i, d] = de(null), u = oe(null), c = Le(() => {
@@ -562,9 +564,9 @@ function je(s, n, r = "right") {
       return;
     }
     if (!u.current) return;
-    const g = Ve(t, u.current, r);
-    g && d(
-      (a) => a && Math.abs(a.top - g.top) < 1 && Math.abs((a.left ?? 0) - (g.left ?? 0)) < 1 && Math.abs((a.maxHeight ?? 0) - (g.maxHeight ?? 0)) < 1 ? a : g
+    const m = Ve(t, u.current, r);
+    m && d(
+      (a) => a && Math.abs(a.top - m.top) < 1 && Math.abs((a.left ?? 0) - (m.left ?? 0)) < 1 && Math.abs((a.maxHeight ?? 0) - (m.maxHeight ?? 0)) < 1 ? a : m
     );
   }, [s, n, r]);
   return ce(() => {
@@ -584,7 +586,7 @@ function je(s, n, r = "right") {
     };
   }, [c]), { position: i, menuRef: u };
 }
-const le = "ayon-menu-dialog", me = "ayon-menu-content", gt = ({
+const le = "ayon-menu-dialog", ge = "ayon-menu-content", ht = ({
   id: s,
   target: n,
   targetId: r = "",
@@ -593,15 +595,15 @@ const le = "ayon-menu-dialog", me = "ayon-menu-content", gt = ({
   children: u,
   ...c
 }) => {
-  const { menuOpen: t, setMenuOpen: g, navigate: a } = ue(), h = t === s, m = () => {
-    g(!1);
+  const { menuOpen: t, setMenuOpen: m, navigate: a } = ue(), h = t === s, g = () => {
+    m(!1);
   }, L = (e) => {
-    console.log("navigate and close"), m(), !a && e ? console.log("navigate not found") : a && e && a(e);
+    console.log("navigate and close"), g(), !a && e ? console.log("navigate not found") : a && e && a(e);
   };
-  return h ? /* @__PURE__ */ p(
+  return h ? /* @__PURE__ */ f(
     Ge,
     {
-      handleClose: m,
+      handleClose: g,
       handleNavigate: L,
       target: n,
       targetId: r,
@@ -620,21 +622,21 @@ const le = "ayon-menu-dialog", me = "ayon-menu-content", gt = ({
   children: u,
   ...c
 }) => {
-  const { position: t, menuRef: g } = je(r ?? null, i ?? "", d);
+  const { position: t, menuRef: m } = je(r ?? null, i ?? "", d);
   Y(() => {
-    t && g.current && g.current.querySelectorAll("li, button")[0]?.focus();
+    t && m.current && m.current.querySelectorAll("li, button")[0]?.focus();
   }, [t]);
   const a = (e) => {
     e.key === "Escape" && s();
   }, h = (e) => {
     e.target.id === le && s();
-  }, m = te.Children.map(u, (e, l) => te.isValidElement(e) ? te.cloneElement(e, {
+  }, g = te.Children.map(u, (e, l) => te.isValidElement(e) ? te.cloneElement(e, {
     onClose: s,
     index: l,
     navigate: n
   }) : e);
   return Te(
-    /* @__PURE__ */ p(
+    /* @__PURE__ */ f(
       De,
       {
         open: !0,
@@ -642,14 +644,14 @@ const le = "ayon-menu-dialog", me = "ayon-menu-content", gt = ({
         onKeyDown: a,
         ...c,
         id: le,
-        children: /* @__PURE__ */ p(
+        children: /* @__PURE__ */ f(
           Oe,
           {
-            id: me,
+            id: ge,
             style: t || { top: 0, left: 0, opacity: 0, visibility: "hidden" },
-            className: pe(d),
-            ref: g,
-            children: m
+            className: fe(d),
+            ref: m,
+            children: g
           }
         )
       }
@@ -664,56 +666,56 @@ const le = "ayon-menu-dialog", me = "ayon-menu-content", gt = ({
   }
 }, Ke = (s = [], n = []) => s.length === n.length && s.every((r, i) => r.icon === n[i].icon && r.tooltip === n[i].tooltip), Ue = (s, n) => s.length === n.length && s.every(
   (r, i) => r.id === n[i].id && r.icon === n[i].icon && r.selected === n[i].selected && r.active === n[i].active && Ke(r.endActions, n[i].endActions)
-), mt = ({ menu: s = [], onClose: n, header: r, footer: i = "" }) => {
-  const { setPowerpackDialog: d } = ne(), { setMenuOpen: u } = ue(), [c, t] = de([]), g = (e, l, f, w) => {
-    if (f) return n?.();
+), vt = ({ menu: s = [], onClose: n, header: r, footer: i = "" }) => {
+  const { setPowerpackDialog: d } = ne(), { setMenuOpen: u } = ue(), [c, t] = de([]), m = (e, l, p, w) => {
+    if (p) return n?.();
     l?.(e), !w && n && n();
   }, a = (e, l) => {
     if (l.items.length) {
-      if (!c.find((f) => f.id === l.id)) {
-        const f = l.parentEl ?? e.currentTarget ?? e.target;
+      if (!c.find((p) => p.id === l.id)) {
+        const p = l.parentEl ?? e.currentTarget ?? e.target;
         t([
           ...c.filter((w) => w.level < (l.level || 0) + 1),
           {
             ...l,
             id: l.id,
             level: (l.level || 0) + 1,
-            parentRef: f
+            parentRef: p
           }
         ]);
       }
     } else
-      t(c.filter((f) => f.level <= (l.level || 0)));
+      t(c.filter((p) => p.level <= (l.level || 0)));
   }, h = (e, l = {}) => {
-    const f = e.relatedTarget;
-    if (!f) return;
-    if (f.tagName === "DIALOG") return t([]);
-    typeof f.closest == "function" && f.closest(`#${me}`) || c.find((y) => y.id === f.id) || t(c.filter((y) => y.level <= (l.level || 0) + 1));
-  }, m = (e, l) => {
+    const p = e.relatedTarget;
+    if (!p) return;
+    if (p.tagName === "DIALOG") return t([]);
+    typeof p.closest == "function" && p.closest(`#${ge}`) || c.find((b) => b.id === p.id) || t(c.filter((b) => b.level <= (l.level || 0) + 1));
+  }, g = (e, l) => {
     e.type === "mouseenter" || e.type === "keydown" ? a(e, l) : e.type === "mouseleave" && h(e, l);
   };
   Y(() => {
     t((e) => {
       if (!e.length) return e;
       const l = e.flatMap((w) => {
-        const y = he(s, w.id);
-        return y ? [{ ...w, items: y }] : [];
+        const b = he(s, w.id);
+        return b ? [{ ...w, items: b }] : [];
       });
-      return l.length === e.length && l.every((w, y) => Ue(w.items, e[y].items)) ? e : l;
+      return l.length === e.length && l.every((w, b) => Ue(w.items, e[b].items)) ? e : l;
     });
   }, [s]);
-  const L = (e, l, f) => {
-    t((w) => w.map((y) => y.id === e ? { ...y, style: l, placement: f } : y));
+  const L = (e, l, p) => {
+    t((w) => w.map((b) => b.id === e ? { ...b, style: l, placement: p } : b));
   };
   return /* @__PURE__ */ Q(ke, { children: [
     /* @__PURE__ */ Q(He, { children: [
       r && r,
-      /* @__PURE__ */ p(
+      /* @__PURE__ */ f(
         ae,
         {
           items: s,
-          handleClick: g,
-          onSubMenu: m,
+          handleClick: m,
+          onSubMenu: g,
           level: 0,
           setPowerpackDialog: d,
           onMenuClose: () => u(!1)
@@ -721,20 +723,20 @@ const le = "ayon-menu-dialog", me = "ayon-menu-content", gt = ({
       ),
       i && /* @__PURE__ */ Q(qe, { children: [
         i,
-        /* @__PURE__ */ p(fe, { icon: "content_copy", variant: "text", onClick: () => Ne(i) })
+        /* @__PURE__ */ f(pe, { icon: "content_copy", variant: "text", onClick: () => Ne(i) })
       ] })
     ] }),
-    c.map((e, l) => /* @__PURE__ */ p(
+    c.map((e, l) => /* @__PURE__ */ f(
       ae,
       {
         ...e,
         parentRef: e.parentRef || null,
         style: e.style || {},
-        handleClick: g,
+        handleClick: m,
         subMenu: !0,
-        onSubMenu: m,
+        onSubMenu: g,
         onSubMenuLayout: L,
-        onClose: () => t(c.filter((f) => f.id !== e.id)),
+        onClose: () => t(c.filter((p) => p.id !== e.id)),
         onMenuClose: () => u(!1),
         onChange: a,
         setPowerpackDialog: d,
@@ -746,9 +748,9 @@ const le = "ayon-menu-dialog", me = "ayon-menu-content", gt = ({
   ] });
 };
 export {
-  gt as M,
-  mt as a,
-  me as b,
+  ht as M,
+  vt as a,
+  ge as b,
   le as c,
   ae as d
 };