@ynput/ayon-frontend-shared 0.8.0 → 0.9.0

package/dist/chunks/NewEntityContextInstance.es.js

@@ -1,11 +1,12 @@
-import { createContext as e, useContext as n } from "react";
-const o = e(void 0), i = () => {
-  const t = n(o);
+import { createContext as o, useContext as e } from "react";
+const n = o(void 0), i = () => {
+  const t = e(n);
   if (!t)
     throw new Error("useNewEntityContext must be used within a NewEntityProvider");
   return t;
-};
+}, r = () => e(n);
 export {
-  o as N,
+  n as N,
+  r as a,
   i as u
 };

package/dist/chunks/ReviewablesSelector.es.js

@@ -1,17 +1,17 @@
 import { jsxs as S, jsx as o, Fragment as pe } from "react/jsx-runtime";
 import u, { css as Ye, keyframes as Qo, createGlobalStyle as Zo } from "styled-components";
 import { forwardRef as ce, useRef as H, useState as U, useEffect as Y, useMemo as Z, Fragment as Jo, useCallback as te, useImperativeHandle as er } from "react";
-import { Icon as q, InputNumber as po, Button as B, IconSelect as tr, InputText as De, Dialog as We, FormLayout as Et, FormRow as oe, Dropdown as me, LockedInput as or, InputSwitch as _e, Spacer as go, SaveButton as mo, theme as se } from "@ynput/ayon-react-components";
+import { Icon as G, InputNumber as po, Button as B, IconSelect as tr, InputText as De, Dialog as We, FormLayout as Et, FormRow as oe, Dropdown as me, LockedInput as or, InputSwitch as _e, Spacer as go, SaveButton as mo, theme as se } from "@ynput/ayon-react-components";
 import { U as rr } from "./FilmstripEntityCard.es.js";
 import J from "clsx";
-import { kebabCase as $e, isEqual as Bt, uniqueId as qe, startCase as Tt, camelCase as pt, upperFirst as nr } from "lodash";
+import { kebabCase as $e, isEqual as Bt, uniqueId as Ge, startCase as Tt, camelCase as pt, upperFirst as nr } from "lodash";
 import { createPortal as ho } from "react-dom";
 import { DndContext as Xe, closestCenter as Qe, DragOverlay as Nt, useSensors as Pt, useSensor as At, PointerSensor as _t } from "@dnd-kit/core";
 import { useSortable as Ze, SortableContext as Le, verticalListSortingStrategy as Re, arrayMove as Dt } from "@dnd-kit/sortable";
 import { CSS as Je } from "@dnd-kit/utilities";
 import { I as ar } from "./InfoMessage.es.js";
 import { S as bo } from "./SimpleForm.es.js";
-import { bD as ir, b6 as sr, bA as fo, by as vo, bC as Vt, bq as lr, bb as cr, bx as yo, bB as xo, bs as dr } from "./searchTerms.es.js";
+import { bF as ir, b6 as sr, bC as fo, by as vo, bE as Vt, bq as lr, bb as cr, bx as yo, bD as xo, bs as dr } from "./searchTerms.es.js";
 import { bp as ur, bv as pr, cL as gr, bj as mr, dK as ie, cs as hr } from "./getUris.es.js";
 import "primereact/confirmdialog";
 import { l as br, b as fr, v as vr } from "./Watchers.es.js";
@@ -22,12 +22,12 @@ import "@ynput/ayon-addon/host";
 import { toast as xr } from "react-toastify";
 import "uuid";
 import "axios";
-import { c as wo, b as wr, ai as et, u as tt, q as ko } from "./TableExportContextInstance.es.js";
+import { c as wo, b as wr, ai as et, u as tt, s as ko } from "./TableExportContextInstance.es.js";
 import "semver";
 import "./ContextMenuContextInstance.es.js";
 import { Link as kr } from "react-router-dom";
 import { g as fe } from "./iconUtils.es.js";
-import { b7 as G, a as Ce, be as Cr, b as ot, bg as Sr, bn as Ir, aG as xe, b8 as ee, ak as Er, v as Tr, bl as Nr, bb as Ht, b9 as jt, bc as Kt, bo as Pr } from "./MetaWidget.es.js";
+import { b7 as q, a as Ce, be as Cr, b as ot, bg as Sr, bn as Ir, aG as xe, b8 as ee, ak as Er, v as Tr, bl as Nr, bb as Ht, b9 as jt, bc as Kt, bo as Pr } from "./MetaWidget.es.js";
 import "@tanstack/react-table";
 import "date-fns";
 import "lexical";
@@ -56,8 +56,8 @@ import { a as To } from "./VersionUploadContextInstance.es.js";
 import { Skeleton as Hr } from "primereact/skeleton";
 import jr from "react-perfect-scrollbar";
 import { u as Kr } from "./useCreateContextMenu.es.js";
-import { b as qr } from "./getThumbnailUrl.es.js";
-const Gr = u.div`
+import { b as Gr } from "./getThumbnailUrl.es.js";
+const qr = u.div`
   display: flex;
   width: 100%;
   height: 100%;
@@ -92,7 +92,7 @@ const Gr = u.div`
   ...i
 }) => {
   const a = r.columns * r.rows;
-  return /* @__PURE__ */ S(Gr, { $padding: n, ...i, children: [
+  return /* @__PURE__ */ S(qr, { $padding: n, ...i, children: [
     e && /* @__PURE__ */ o(Yr, { className: "loading", $config: t, ...s?.sidebar }),
     /* @__PURE__ */ o(Wr, { $config: r, ...s?.grid, children: Array.from({ length: a }).map((h, f) => /* @__PURE__ */ o(
       Xr,
@@ -185,7 +185,7 @@ const Gr = u.div`
     padding: 2px;
     font-size: 20px;
   }
-`, Zr = "__everyone__", Jr = "__guests__", qt = "group:", Gt = "team:", Yt = "user:", Wt = "guest:", en = u(q)`
+`, Zr = "__everyone__", Jr = "__guests__", Gt = "group:", qt = "team:", Yt = "user:", Wt = "guest:", en = u(G)`
   font-size: ${({ $size: e }) => `${e}px`};
   &.withBackground {
     display: flex;
@@ -204,7 +204,7 @@ const Gr = u.div`
   withTooltip: i = !0
 }) => {
   let a = e, h = t;
-  a || (t.startsWith(Yt) ? (a = "user", h = t.slice(Yt.length)) : t.startsWith(qt) ? (a = "group", h = t.slice(qt.length)) : t.startsWith(Gt) ? (a = "team", h = t.slice(Gt.length)) : t.startsWith(Wt) && (a = "guest", h = t.slice(Wt.length)));
+  a || (t.startsWith(Yt) ? (a = "user", h = t.slice(Yt.length)) : t.startsWith(Gt) ? (a = "group", h = t.slice(Gt.length)) : t.startsWith(qt) ? (a = "team", h = t.slice(qt.length)) : t.startsWith(Wt) && (a = "guest", h = t.slice(Wt.length)));
   const f = (c, l) => /* @__PURE__ */ o(
     en,
     {
@@ -640,16 +640,16 @@ const Gr = u.div`
             className: J(a?.header?.className, { expanded: d }),
             children: [
               p && /* @__PURE__ */ o(un, { style: { backgroundColor: p } }),
-              l && /* @__PURE__ */ o(q, { className: "icon", icon: l }),
+              l && /* @__PURE__ */ o(G, { className: "icon", icon: l }),
               /* @__PURE__ */ S("span", { children: [
                 " ",
                 c,
                 " "
               ] }),
               /* @__PURE__ */ o("span", { className: "spacer" }),
-              /* @__PURE__ */ o(q, { className: "icon toggle-expand", icon: d ? "collapse_all" : "expand_all" }),
+              /* @__PURE__ */ o(G, { className: "icon toggle-expand", icon: d ? "collapse_all" : "expand_all" }),
               /* @__PURE__ */ o(
-                q,
+                G,
                 {
                   ...v,
                   ...y,
@@ -700,7 +700,7 @@ const Gr = u.div`
   }, [t, i, s]), {
     items: a,
     handleAddItem: (x) => {
-      f([...a, { ...e(), ...x, id: qe() }]);
+      f([...a, { ...e(), ...x, id: Ge() }]);
     },
     handleRemoveItem: (x) => () => {
       f([...a.slice(0, x), ...a.slice(x + 1)]);
@@ -719,7 +719,7 @@ const Gr = u.div`
     handleDuplicateItem: (x, g) => {
       f([
         ...a.slice(0, x + 1),
-        { ...a[x], id: qe(), ...g },
+        { ...a[x], id: Ge(), ...g },
         ...a.slice(x + 1)
       ]);
     },
@@ -749,7 +749,7 @@ const Gr = u.div`
     h = a + r + i++;
   return h;
 }, bn = () => ({
-  id: qe(),
+  id: Ge(),
   isExpanded: !0,
   label: "",
   value: "",
@@ -761,7 +761,7 @@ const Gr = u.div`
   icon: n || void 0,
   color: s || void 0
 })), vn = (e) => e.map(({ label: t, value: r, icon: n, color: s }) => ({
-  id: qe(),
+  id: Ge(),
   isExpanded: !1,
   label: t,
   value: r.toString(),
@@ -856,7 +856,7 @@ const Gr = u.div`
       }
     )
   ] }) });
-}, Ao = ({ icon: e, color: t, reserveSpace: r }) => ir(e) ? /* @__PURE__ */ o("img", { src: e, alt: "" }) : e ? /* @__PURE__ */ o(q, { icon: e, style: { color: t } }) : r ? /* @__PURE__ */ o("span", { className: "icon-slot" }) : null, rt = u.div`
+}, Ao = ({ icon: e, color: t, reserveSpace: r }) => ir(e) ? /* @__PURE__ */ o("img", { src: e, alt: "" }) : e ? /* @__PURE__ */ o(G, { icon: e, style: { color: t } }) : r ? /* @__PURE__ */ o("span", { className: "icon-slot" }) : null, rt = u.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -1090,7 +1090,7 @@ const Gr = u.div`
   flex-direction: column;
   gap: var(--base-gap-large);
   flex: 1;
-`, Ge = u.span`
+`, qe = u.span`
   color: var(--md-sys-color-outline);
   white-space: pre-line;
 `, Ue = u.div`
@@ -1148,14 +1148,14 @@ const Gr = u.div`
   if (a)
     return /* @__PURE__ */ o(Ue, { children: Array.from({ length: ht + 1 }).map((v, x) => /* @__PURE__ */ o(Fn, { className: "loading" }, x)) });
   if (h)
-    return /* @__PURE__ */ o(Ue, { children: /* @__PURE__ */ S(Ge, { children: [
+    return /* @__PURE__ */ o(Ue, { children: /* @__PURE__ */ S(qe, { children: [
       'Could not load options for "',
       e,
       '"',
       f ? `: ${f}` : "."
     ] }) });
   if (!c.length)
-    return /* @__PURE__ */ o(Ue, { children: /* @__PURE__ */ S(Ge, { children: [
+    return /* @__PURE__ */ o(Ue, { children: /* @__PURE__ */ S(qe, { children: [
       Ln,
       l.length > 0 && ` This could be because in context parameters (${l.join(
         ", "
@@ -1211,12 +1211,12 @@ const Gr = u.div`
         onChange: (m) => n(m?.length ? m : void 0)
       }
     ) : /* @__PURE__ */ S(pe, { children: [
-      !h && !v && /* @__PURE__ */ S(Ge, { children: [
+      !h && !v && /* @__PURE__ */ S(qe, { children: [
         'Resolver "',
         t,
         '" is not available on this server. Options will be empty.'
       ] }),
-      v?.description && /* @__PURE__ */ o(Ge, { children: v.description }),
+      v?.description && /* @__PURE__ */ o(qe, { children: v.description }),
       w && /* @__PURE__ */ o(
         $n,
         {
@@ -1341,12 +1341,12 @@ const Gr = u.div`
   if (e === "list_of_strings") return "Select (multiple)";
   const n = kt(e, t, r);
   return Ke.find((s) => s.value === n)?.label ?? e;
-}, qn = u.div`
+}, Gn = u.div`
   display: flex;
   flex-direction: row;
   gap: var(--base-gap-large);
   align-items: center;
-`, Gn = /^[a-zA-Z0-9]{2,64}$/, Yn = [
+`, qn = /^[a-zA-Z0-9]{2,64}$/, Yn = [
   { value: "project", label: "Project" },
   { value: "folder", label: "Folder" },
   { value: "task", label: "Task" },
@@ -1436,7 +1436,7 @@ const Gr = u.div`
     });
   };
   let k = "";
-  p && w && (r.includes(p.name) ? k = "This attribute already exists" : Gn.test(p.name) || (k = "Invalid attribute name: use 2-64 letters or digits, no spaces or symbols"));
+  p && w && (r.includes(p.name) ? k = "This attribute already exists" : qn.test(p.name) || (k = "Invalid attribute name: use 2-64 letters or digits, no spaces or symbols"));
   const C = () => {
     p && h(p);
   }, N = /* @__PURE__ */ S("div", { style: { display: "flex", width: "100%", flexDirection: "row" }, children: [
@@ -1542,7 +1542,7 @@ const Gr = u.div`
             widthExpand: !0
           }
         ) }),
-        !i.includes("type") && /* @__PURE__ */ o(oe, { label: "Type", children: /* @__PURE__ */ S(qn, { children: [
+        !i.includes("type") && /* @__PURE__ */ o(oe, { label: "Type", children: /* @__PURE__ */ S(Gn, { children: [
           /* @__PURE__ */ o(
             me,
             {
@@ -1708,7 +1708,7 @@ const Gr = u.div`
     width: 24px;
     height: 24px;
   }
-`, qs = u(q)`
+`, Gs = u(G)`
   width: 20px;
   height: 20px;
   min-width: 20px;
@@ -1724,7 +1724,7 @@ const Gr = u.div`
   &:hover {
     background-color: var(--md-sys-color-surface-container-highest-hover);
   }
-`, Gs = u.div`
+`, qs = u.div`
   position: fixed;
   z-index: 1001;
   background-color: var(--md-sys-color-surface-container-highest);
@@ -1834,7 +1834,7 @@ const Gr = u.div`
       ...r,
       ...n,
       children: /* @__PURE__ */ S(Lo, { children: [
-        /* @__PURE__ */ o(Ro, { children: /* @__PURE__ */ o(q, { icon: "drag_indicator" }) }),
+        /* @__PURE__ */ o(Ro, { children: /* @__PURE__ */ o(G, { icon: "drag_indicator" }) }),
         /* @__PURE__ */ o(Oo, { children: t })
       ] })
     }
@@ -1869,7 +1869,7 @@ const Gr = u.div`
     /* @__PURE__ */ S(na, { children: [
       /* @__PURE__ */ o("span", { className: "label", children: "Product's featured version priority" }),
       /* @__PURE__ */ o(
-        q,
+        G,
         {
           icon: "info",
           "data-tooltip": "Choose which version will be displayed on the product card. The first available from the list will be used.",
@@ -1894,7 +1894,7 @@ const Gr = u.div`
             }
           ),
           /* @__PURE__ */ o(Nt, { children: f && /* @__PURE__ */ S(Lo, { className: "overlay", children: [
-            /* @__PURE__ */ o(Ro, { children: /* @__PURE__ */ o(q, { icon: "drag_indicator" }) }),
+            /* @__PURE__ */ o(Ro, { children: /* @__PURE__ */ o(G, { icon: "drag_indicator" }) }),
             /* @__PURE__ */ o(Oo, { children: f.label })
           ] }) })
         ]
@@ -1958,7 +1958,7 @@ const Gr = u.div`
     cursor: pointer;
   }
 `, ol = ce(
-  ({ tooltip: e = "This page will deprecated in a future version", ...t }, r) => /* @__PURE__ */ o(q, { icon: "ad_off", "data-tooltip": e, ...t, ref: r })
+  ({ tooltip: e = "This page will deprecated in a future version", ...t }, r) => /* @__PURE__ */ o(G, { icon: "ad_off", "data-tooltip": e, ...t, ref: r })
 ), aa = u(B)`
   transition: color 0.2s, background-color 0.2s, opacity 0.2s;
 
@@ -2012,7 +2012,7 @@ const Gr = u.div`
         "data-tooltip-delay": 0,
         children: [
           s.children,
-          n && /* @__PURE__ */ o(q, { icon: "bolt", filled: !0, className: "bolt" })
+          n && /* @__PURE__ */ o(G, { icon: "bolt", filled: !0, className: "bolt" })
         ]
       }
     );
@@ -2151,7 +2151,7 @@ const sa = "https://ynput.cloud/free-trial", la = ({
         "Update ",
         a,
         " ",
-        /* @__PURE__ */ o(q, { icon: "arrow_right_alt" })
+        /* @__PURE__ */ o(G, { icon: "arrow_right_alt" })
       ] }) })
     ] }) : `Required ${a} version installed already.`;
   }
@@ -2218,10 +2218,10 @@ const sa = "https://ynput.cloud/free-trial", la = ({
         variant: "text",
         className: "setting-option",
         children: [
-          d.icon && /* @__PURE__ */ o(q, { icon: d.icon }),
+          d.icon && /* @__PURE__ */ o(G, { icon: d.icon }),
           /* @__PURE__ */ o("span", { className: "title", children: d.title }),
           !!d.preview?.toString() && /* @__PURE__ */ o("span", { className: "preview", children: d.preview }),
-          /* @__PURE__ */ o(q, { icon: "chevron_right", className: "arrow" })
+          /* @__PURE__ */ o(G, { icon: "chevron_right", className: "arrow" })
         ]
       },
       d.id
@@ -2338,7 +2338,7 @@ const sa = "https://ynput.cloud/free-trial", la = ({
       ref: c,
       children: [
         r,
-        e.icon && /* @__PURE__ */ o(q, { icon: e.icon }),
+        e.icon && /* @__PURE__ */ o(G, { icon: e.icon }),
         /* @__PURE__ */ S("span", { className: "label", children: [
           e.path && /* @__PURE__ */ S("span", { className: "label-path", children: [
             e.path,
@@ -2353,7 +2353,7 @@ const sa = "https://ynput.cloud/free-trial", la = ({
             onClick: i ? void 0 : y,
             ...v,
             children: [
-              l && /* @__PURE__ */ o(q, { icon: l }),
+              l && /* @__PURE__ */ o(G, { icon: l }),
               v.children
             ]
           },
@@ -2468,7 +2468,7 @@ const sa = "https://ynput.cloud/free-trial", la = ({
         // the row actions arm their own gestures
         x.target.closest(".action") ? void 0 : y?.(x)
       ),
-      startContent: f ? y ? /* @__PURE__ */ o(q, { icon: "drag_indicator", className: "hover-swap" }) : void 0 : /* @__PURE__ */ o("div", { ...a, className: "drag-handle", children: /* @__PURE__ */ o(q, { icon: "drag_indicator" }) })
+      startContent: f ? y ? /* @__PURE__ */ o(G, { icon: "drag_indicator", className: "hover-swap" }) : void 0 : /* @__PURE__ */ o("div", { ...a, className: "drag-handle", children: /* @__PURE__ */ o(G, { icon: "drag_indicator" }) })
     }
   );
 }, oo = ({
@@ -2523,7 +2523,7 @@ const sa = "https://ynput.cloud/free-trial", la = ({
 `, zo = "text_fields", Mo = ({
   field: e,
   parentScope: t
-}) => e ? G(e) : t ? Eo(t) : zo, ka = (e) => e.length === 1 ? `${e[0].charAt(0).toUpperCase() + e[0].slice(1)} attributes` : "Attributes", $o = (e = [], t = []) => [
+}) => e ? q(e) : t ? Eo(t) : zo, ka = (e) => e.length === 1 ? `${e[0].charAt(0).toUpperCase() + e[0].slice(1)} attributes` : "Attributes", $o = (e = [], t = []) => [
   {
     id: "attributes",
     label: ka(e),
@@ -2857,7 +2857,7 @@ const sa = "https://ynput.cloud/free-trial", la = ({
   }, Ko = (E) => {
     const _ = E.active.id;
     P(_), T(s.left?.includes(_) || !1), ne();
-  }, qo = (E) => {
+  }, Go = (E) => {
     const { active: _, over: K } = E;
     if (K && _.id !== K.id) {
       const Q = ie(
@@ -2868,7 +2868,7 @@ const sa = "https://ynput.cloud/free-trial", la = ({
       L(Q && le), M(Q && !le);
     } else
       M(!1);
-  }, Go = (E) => {
+  }, qo = (E) => {
     L(!1), T(!1), M(!1);
     const { active: _, over: K } = E;
     if (K && _.id !== K.id) {
@@ -2933,8 +2933,8 @@ const sa = "https://ynput.cloud/free-trial", la = ({
       sensors: at,
       collisionDetection: Qe,
       onDragStart: Ko,
-      onDragOver: qo,
-      onDragEnd: Go,
+      onDragOver: Go,
+      onDragEnd: qo,
       children: /* @__PURE__ */ S(ro, { ref: ye, "data-column-drag-origin": !0, children: [
         Ot,
         /* @__PURE__ */ o(It, { menuId: He, menuItems: Te }),
@@ -3278,7 +3278,7 @@ const sa = "https://ynput.cloud/free-trial", la = ({
       "data-sort-id": e.value,
       className: c ? "dragging" : void 0,
       style: { transform: Je.Translate.toString(h), transition: f },
-      startContent: /* @__PURE__ */ o("div", { ...s, ...i, className: "drag-handle", children: /* @__PURE__ */ o(q, { icon: "drag_indicator" }) }),
+      startContent: /* @__PURE__ */ o("div", { ...s, ...i, className: "drag-handle", children: /* @__PURE__ */ o(G, { icon: "drag_indicator" }) }),
       actions: [
         {
           icon: t ? "arrow_downward" : "arrow_upward",
@@ -3371,12 +3371,12 @@ const sa = "https://ynput.cloud/free-trial", la = ({
       value: `attrib_${l.name}`,
       label: l.data.title || l.name
     }))
-  ].map((l) => ({ ...l, icon: G(l.value) })), a = new Set(i.map((l) => l.value)), h = [
+  ].map((l) => ({ ...l, icon: q(l.value) })), a = new Set(i.map((l) => l.value)), h = [
     ...i,
     ...t.filter((l) => !a.has(l.id)).map((l) => ({
       value: l.id,
       label: e.find((p) => p.value === l.id)?.label ?? l.id,
-      icon: G(l.id)
+      icon: q(l.id)
     }))
   ], f = (l) => h.find((p) => p.value === l)?.label ?? l;
   return {
@@ -3410,7 +3410,7 @@ const sa = "https://ynput.cloud/free-trial", la = ({
 }, Ka = (e, t) => {
   const r = e.length ? e : t;
   return [...r, ...t.filter((n) => !r.includes(n))];
-}, qa = () => {
+}, Ga = () => {
   const {
     columnVisibility: e,
     columnOrder: t,
@@ -3533,9 +3533,9 @@ const sa = "https://ynput.cloud/free-trial", la = ({
             top: v.y - v.grab.y,
             width: v.grab.width
           },
-          className: Ga(v),
+          className: qa(v),
           children: [
-            v.column.icon && /* @__PURE__ */ o(q, { icon: v.column.icon }),
+            v.column.icon && /* @__PURE__ */ o(G, { icon: v.column.icon }),
             /* @__PURE__ */ o("span", { children: v.column.label })
           ]
         }
@@ -3545,7 +3545,7 @@ const sa = "https://ynput.cloud/free-trial", la = ({
     document.body
   ) : null;
   return { armDrag: C, cancelDrag: k, isDragging: !!v, dragOverlay: z };
-}, Ga = (e) => e.target ? "over-target" : "", Ya = () => {
+}, qa = (e) => e.target ? "over-target" : "", Ya = () => {
   const e = (t) => {
     t.stopPropagation(), t.preventDefault();
   };
@@ -3588,7 +3588,7 @@ const sa = "https://ynput.cloud/free-trial", la = ({
     columnVisibility: n,
     defaultColumnVisibility: s,
     updateColumnVisibility: i
-  }), { armDrag: y, cancelDrag: v, isDragging: x, dragOverlay: g } = qa(), w = H({ isPainting: d, isDragging: x, cancelPaint: p });
+  }), { armDrag: y, cancelDrag: v, isDragging: x, dragOverlay: g } = Ga(), w = H({ isPainting: d, isDragging: x, cancelPaint: p });
   w.current = { isPainting: d, isDragging: x, cancelPaint: p };
   const b = te(
     (C, N) => {
@@ -3641,92 +3641,92 @@ const sa = "https://ynput.cloud/free-trial", la = ({
       {
         value: "thumbnail",
         label: ee("thumbnail"),
-        icon: G("thumbnail")
+        icon: q("thumbnail")
       },
       {
         value: "name",
         label: Er(a),
-        icon: G("name")
+        icon: q("name")
       },
       {
         value: xe.folder,
         label: ee(xe.folder),
-        icon: G(xe.folder)
+        icon: q(xe.folder)
       },
       {
         value: xe.task,
         label: ee(xe.task),
-        icon: G(xe.task),
+        icon: q(xe.task),
         hidden: !["product", "version"].some((c) => a.includes(c))
       },
       {
         value: "assignees",
         label: ee("assignees"),
-        icon: G("assignees"),
+        icon: q("assignees"),
         hidden: !a.includes("task")
       },
       {
         value: "product",
         label: ee("product"),
-        icon: G("product"),
+        icon: q("product"),
         hidden: !["product", "version"].some((c) => a.includes(c))
       },
       {
         value: "entityType",
         label: ee("entityType"),
-        icon: G("entityType")
+        icon: q("entityType")
       },
       {
         value: "status",
         label: ee("status"),
-        icon: G("status")
+        icon: q("status")
       },
       {
         value: "subType",
         label: ee("subType", a),
-        icon: G("subType")
+        icon: q("subType")
       },
       {
         value: "tags",
         label: ee("tags"),
-        icon: G("tags")
+        icon: q("tags")
       },
       {
         value: "createdAt",
         label: ee("createdAt"),
-        icon: G("createdAt")
+        icon: q("createdAt")
       },
       {
         value: "createdBy",
         label: ee("createdBy"),
-        icon: G("createdBy")
+        icon: q("createdBy")
       },
       {
         value: "updatedAt",
         label: ee("updatedAt"),
-        icon: G("updatedAt")
+        icon: q("updatedAt")
       },
       {
         value: "updatedBy",
         label: ee("updatedBy"),
-        icon: G("updatedBy")
+        icon: q("updatedBy")
       },
       {
         value: "subtasks",
         label: ee("subtasks"),
-        icon: G("subtasks"),
+        icon: q("subtasks"),
         hidden: !a.includes("task")
       },
       {
         value: "comments",
         label: ee("comments"),
-        icon: G("comments"),
+        icon: q("comments"),
         hidden: !a.some((c) => ["task", "version", "product", "folder"].includes(c))
       },
       ...Tr.map((c) => ({
         value: c,
         label: ee(c),
-        icon: G(c),
+        icon: q(c),
         hidden: !a.some((l) => Nr(c, l))
       })),
       ...i.filter((c) => c.scope?.some((l) => a.includes(l))).map((c) => ({
@@ -5763,7 +5763,7 @@ const li = u.div`
                 disabled: ae,
                 variant: "text",
                 children: [
-                  /* @__PURE__ */ o(q, { icon: ne, style: { color: re?.color } }),
+                  /* @__PURE__ */ o(G, { icon: ne, style: { color: re?.color } }),
                   /* @__PURE__ */ S(xi, { children: [
                     ve && /* @__PURE__ */ S(wi, { children: [
                       ve.split("/").filter(Boolean).join(" / "),
@@ -6032,7 +6032,7 @@ function Di({
           vr,
           {
             src: `/api/projects/${n}/files/${e}/thumbnail`,
-            filmstripSrc: qr(n ?? void 0, e)
+            filmstripSrc: Gr(n ?? void 0, e)
           }
         ),
         h && /* @__PURE__ */ o(_i, { children: h })
@@ -6142,7 +6142,7 @@ export {
   Vs as A,
   yl as B,
   Fs as C,
-  Gs as D,
+  qs as D,
   Zr as E,
   il as F,
   Jr as G,
@@ -6152,7 +6152,7 @@ export {
   tl as K,
   hl as L,
   al as M,
-  qt as N,
+  Gt as N,
   Wt as O,
   ia as P,
   ol as Q,
@@ -6169,7 +6169,7 @@ export {
   js as a,
   Cl as a0,
   Sl as a1,
-  Gt as a2,
+  qt as a2,
   Il as a3,
   Yt as a4,
   El as a5,
@@ -6179,7 +6179,7 @@ export {
   Xs as d,
   Qs as e,
   Zs as f,
-  qs as g,
+  Gs as g,
   nl as h,
   sl as i,
   rl as j,