@leverege/imaginarium-ui 1.11.0 → 1.11.1

package/lib/{ImaginariumApp-BJeKGXV9.js → ImaginariumApp-BN6yQvK6.js}

@@ -17,34 +17,34 @@ const E = Y({
   setTabMarkdown: () => {
   }
 });
-function Ee({ children: e }) {
-  const [t, n] = N(null);
-  return /* @__PURE__ */ r(E.Provider, { value: { tabMarkdown: t, setTabMarkdown: n }, children: e });
+function Ee({ children: t }) {
+  const [e, n] = N(null);
+  return /* @__PURE__ */ r(E.Provider, { value: { tabMarkdown: e, setTabMarkdown: n }, children: t });
 }
-function xt(e) {
-  const { setTabMarkdown: t } = z(E);
-  w(() => (t(e), () => {
-    t(null);
-  }), [e, t]);
+function xt(t) {
+  const { setTabMarkdown: e } = z(E);
+  w(() => (e(t), () => {
+    e(null);
+  }), [t, e]);
 }
 function Pe() {
   return z(E).tabMarkdown;
 }
-const j = (e) => d(
+const j = (t) => d(
   "flex items-center gap-1.5 rounded-md border px-2.5 py-1 text-xs font-medium transition-colors",
-  e ? "border-primary/50 bg-primary/10 text-primary" : "border-border bg-card text-muted-foreground hover:border-primary/30 hover:text-foreground"
+  t ? "border-primary/50 bg-primary/10 text-primary" : "border-border bg-card text-muted-foreground hover:border-primary/30 hover:text-foreground"
 ), L = () => /* @__PURE__ */ r("span", { className: "flex h-3.5 w-3.5 items-center justify-center rounded-full border border-current text-[9px] font-bold leading-none", children: "i" });
-function B({ href: e, open: t = !1, onToggle: n }) {
-  return e != null ? /* @__PURE__ */ r("div", { children: /* @__PURE__ */ s("a", { href: e, target: "_blank", rel: "noopener noreferrer", className: j(!1), children: [
+function B({ href: t, open: e = !1, onToggle: n }) {
+  return t != null ? /* @__PURE__ */ r("div", { children: /* @__PURE__ */ s("a", { href: t, target: "_blank", rel: "noopener noreferrer", className: j(!1), children: [
     /* @__PURE__ */ r(L, {}),
     "Docs"
-  ] }) }) : /* @__PURE__ */ r("div", { children: /* @__PURE__ */ s("button", { onClick: n, className: j(t), children: [
+  ] }) }) : /* @__PURE__ */ r("div", { children: /* @__PURE__ */ s("button", { onClick: n, className: j(e), children: [
     /* @__PURE__ */ r(L, {}),
     "Docs"
   ] }) });
 }
-function Re({ pageDocs: e, tabMarkdown: t, onClose: n }) {
-  const a = e.path.replace(/^\//, "") || "docs", o = e.component;
+function Re({ pageDocs: t, tabMarkdown: e, onClose: n }) {
+  const a = t.path.replace(/^\//, "") || "docs", o = t.component;
   return /* @__PURE__ */ s("aside", { className: "absolute right-0 top-0 bottom-0 z-20 w-[26rem] border-l border-border bg-card flex flex-col overflow-hidden shadow-xl", children: [
     /* @__PURE__ */ s("div", { className: "flex items-center justify-between px-4 py-3 border-b border-border", children: [
       /* @__PURE__ */ r("span", { className: "text-sm font-semibold text-foreground", children: a }),
@@ -59,22 +59,22 @@ function Re({ pageDocs: e, tabMarkdown: t, onClose: n }) {
       )
     ] }),
     /* @__PURE__ */ s("div", { className: "flex-1 overflow-y-auto px-4 py-4", children: [
-      t != null && /* @__PURE__ */ s(k, { children: [
-        /* @__PURE__ */ r(se, { components: ie, children: t }),
+      e != null && /* @__PURE__ */ s(k, { children: [
+        /* @__PURE__ */ r(se, { components: ie, children: e }),
         /* @__PURE__ */ r("hr", { className: "border-border my-3" })
       ] }),
       o != null && /* @__PURE__ */ r(o, {})
     ] })
   ] });
 }
-function De(e) {
-  const { element: t } = e;
-  return X(t) ? t : typeof t == "function" ? F(t) : t;
+function De(t) {
+  const { element: e } = t;
+  return X(e) ? e : typeof e == "function" ? F(e) : e;
 }
-function _e({ fallback: e, children: t }) {
-  return /* @__PURE__ */ r(Ee, { children: /* @__PURE__ */ r(Me, { fallback: e, children: t }) });
+function _e({ fallback: t, children: e }) {
+  return /* @__PURE__ */ r(Ee, { children: /* @__PURE__ */ r(Me, { fallback: t, children: e }) });
 }
-function Me({ fallback: e, children: t }) {
+function Me({ fallback: t, children: e }) {
   const n = ye(), [a, o] = N(!1), [c] = Q(), i = Ne(c);
   w(() => {
     o(!1);
@@ -84,10 +84,10 @@ function Me({ fallback: e, children: t }) {
     /* @__PURE__ */ s("main", { className: "relative flex-1 overflow-y-auto", children: [
       i != null && /* @__PURE__ */ r("div", { className: "flex justify-end px-6 pt-4", children: i.href != null ? /* @__PURE__ */ r(B, { href: i.href }) : /* @__PURE__ */ r(B, { open: a, onToggle: () => o((m) => !m) }) }),
       /* @__PURE__ */ s("div", { className: "px-6 pb-6 pt-4", children: [
-        t,
+        e,
         /* @__PURE__ */ s(ke, { children: [
           n.map((m) => /* @__PURE__ */ r(_, { path: m.path, children: De(m) }, m.path)),
-          /* @__PURE__ */ r(_, { children: e ?? /* @__PURE__ */ r("div", { className: "p-8 text-muted-foreground", children: "Not found" }) })
+          /* @__PURE__ */ r(_, { children: t ?? /* @__PURE__ */ r("div", { className: "p-8 text-muted-foreground", children: "Not found" }) })
         ] })
       ] })
     ] }),
@@ -101,11 +101,11 @@ function Me({ fallback: e, children: t }) {
     )
   ] });
 }
-function je(e) {
-  const t = [], n = /* @__PURE__ */ new Map();
-  for (const o of e) {
+function je(t) {
+  const e = [], n = /* @__PURE__ */ new Map();
+  for (const o of t) {
     if (!o.section) {
-      t.push(o);
+      e.push(o);
       continue;
     }
     n.has(o.section) || n.set(o.section, {
@@ -114,40 +114,40 @@ function je(e) {
       items: []
     }), n.get(o.section).items.push(o);
   }
-  t.sort((o, c) => (o.sort ?? 0) - (c.sort ?? 0));
+  e.sort((o, c) => (o.sort ?? 0) - (c.sort ?? 0));
   const a = Array.from(n.values());
   for (const o of a)
     o.items.sort((c, i) => (c.sort ?? 0) - (i.sort ?? 0));
   return a.sort((o, c) => {
     const i = o.sectionSort - c.sectionSort;
     return i !== 0 ? i : o.label.localeCompare(c.label);
-  }), { ungrouped: t, sections: a };
+  }), { ungrouped: e, sections: a };
 }
 const O = "imaginarium.ui.sidebar.collapsed", V = "imaginarium.ui.sidebar.sections";
-function Le(e, t) {
+function Le(t, e) {
   try {
-    const n = localStorage.getItem(e);
-    return n === null ? t : n === "true";
+    const n = localStorage.getItem(t);
+    return n === null ? e : n === "true";
   } catch {
-    return t;
+    return e;
   }
 }
 function Be() {
   try {
-    const e = localStorage.getItem(V);
-    if (!e)
+    const t = localStorage.getItem(V);
+    if (!t)
       return /* @__PURE__ */ new Set();
-    const t = JSON.parse(e);
-    return new Set(Array.isArray(t) ? t : []);
+    const e = JSON.parse(t);
+    return new Set(Array.isArray(e) ? e : []);
   } catch {
     return /* @__PURE__ */ new Set();
   }
 }
 const Oe = /^(https?:|data:|blob:|\/|\.\/|\.\.\/)/;
-function Ue(e, t) {
-  return e ? typeof e == "string" ? Oe.test(e) ? /* @__PURE__ */ r("img", { src: e, alt: "", className: t }) : /* @__PURE__ */ r("span", { className: `${e} ${t}`, "aria-hidden": "true" }) : /* @__PURE__ */ r(e, { className: t }) : null;
+function Ue(t, e) {
+  return t ? typeof t == "string" ? Oe.test(t) ? /* @__PURE__ */ r("img", { src: t, alt: "", className: e }) : /* @__PURE__ */ r("span", { className: `${t} ${e}`, "aria-hidden": "true" }) : /* @__PURE__ */ r(t, { className: e }) : null;
 }
-function ze({ title: e = "Imaginarium", titleIcon: t, rightSlot: n }) {
+function ze({ title: t = "Imaginarium", titleIcon: e, rightSlot: n }) {
   const [a] = Q(), [o, c] = N(() => Le(O, !1)), [i, p] = N(Be);
   w(() => {
     try {
@@ -175,8 +175,8 @@ function ze({ title: e = "Imaginarium", titleIcon: t, rightSlot: n }) {
       ),
       children: [
         /* @__PURE__ */ s("div", { className: "flex h-[52px] flex-shrink-0 items-center border-b px-2.5 gap-2", children: [
-          !o && Ue(t, "h-6 w-6"),
-          !o && /* @__PURE__ */ r("span", { className: "flex-1 truncate text-sm font-semibold", children: e }),
+          !o && Ue(e, "h-6 w-6"),
+          !o && /* @__PURE__ */ r("span", { className: "flex-1 truncate text-sm font-semibold", children: t }),
           /* @__PURE__ */ r(
             "button",
             {
@@ -292,15 +292,15 @@ function ze({ title: e = "Imaginarium", titleIcon: t, rightSlot: n }) {
     }
   );
 }
-const Fe = u.Provider, $ = v.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ r(
+const Fe = u.Provider, $ = v.forwardRef(({ className: t, ...e }, n) => /* @__PURE__ */ r(
   u.Viewport,
   {
     ref: n,
     className: d(
       "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
-      e
+      t
     ),
-    ...t
+    ...e
   }
 ));
 $.displayName = u.Viewport.displayName;
@@ -315,61 +315,61 @@ const Qe = xe(
     },
     defaultVariants: { variant: "default" }
   }
-), q = v.forwardRef(({ className: e, variant: t, ...n }, a) => /* @__PURE__ */ r(u.Root, { ref: a, className: d(Qe({ variant: t }), e), ...n }));
+), q = v.forwardRef(({ className: t, variant: e, ...n }, a) => /* @__PURE__ */ r(u.Root, { ref: a, className: d(Qe({ variant: e }), t), ...n }));
 q.displayName = u.Root.displayName;
-const Ve = v.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ r(
+const Ve = v.forwardRef(({ className: t, ...e }, n) => /* @__PURE__ */ r(
   u.Action,
   {
     ref: n,
     className: d(
       "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
-      e
+      t
     ),
-    ...t
+    ...e
   }
 ));
 Ve.displayName = u.Action.displayName;
-const G = v.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ r(
+const G = v.forwardRef(({ className: t, ...e }, n) => /* @__PURE__ */ r(
   u.Close,
   {
     ref: n,
     className: d(
       "absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100",
-      e
+      t
     ),
     "toast-close": "",
-    ...t,
+    ...e,
     children: /* @__PURE__ */ r(we, { className: "h-4 w-4" })
   }
 ));
 G.displayName = u.Close.displayName;
-const H = v.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ r(u.Title, { ref: n, className: d("text-sm font-semibold", e), ...t }));
+const H = v.forwardRef(({ className: t, ...e }, n) => /* @__PURE__ */ r(u.Title, { ref: n, className: d("text-sm font-semibold", t), ...e }));
 H.displayName = u.Title.displayName;
-const W = v.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ r(u.Description, { ref: n, className: d("text-sm opacity-90", e), ...t }));
+const W = v.forwardRef(({ className: t, ...e }, n) => /* @__PURE__ */ r(u.Description, { ref: n, className: d("text-sm opacity-90", t), ...e }));
 W.displayName = u.Description.displayName;
 function $e() {
-  const { toasts: e } = ce();
+  const { toasts: t } = ce();
   return /* @__PURE__ */ s(Fe, { children: [
-    e.map(({ id: t, title: n, description: a, action: o, ...c }) => /* @__PURE__ */ s(q, { ...c, children: [
+    t.map(({ id: e, title: n, description: a, action: o, ...c }) => /* @__PURE__ */ s(q, { ...c, children: [
       /* @__PURE__ */ s("div", { className: "grid gap-1", children: [
         n && /* @__PURE__ */ r(H, { children: n }),
         a && /* @__PURE__ */ r(W, { children: a })
       ] }),
       o,
       /* @__PURE__ */ r(G, {})
-    ] }, t)),
+    ] }, e)),
     /* @__PURE__ */ r($, {})
   ] });
 }
 const A = ["imaginarium", "auth", "user"];
-function qe(e, t) {
-  return !((e == null ? void 0 : e.status) !== 401 || t && t[0] === A[0] && t[1] === A[1]);
+function qe(t, e) {
+  return !((t == null ? void 0 : t.status) !== 401 || e && e[0] === A[0] && e[1] === A[1]);
 }
-function U(e, t, n) {
-  qe(e, n) && t.invalidateQueries({ queryKey: [...A] });
+function U(t, e, n) {
+  qe(t, n) && e.invalidateQueries({ queryKey: [...A] });
 }
-function Ge({ className: e }) {
-  return /* @__PURE__ */ s("svg", { viewBox: "0 0 24 24", className: e, "aria-hidden": "true", children: [
+function Ge({ className: t }) {
+  return /* @__PURE__ */ s("svg", { viewBox: "0 0 24 24", className: t, "aria-hidden": "true", children: [
     /* @__PURE__ */ r("path", { fill: "#4285F4", d: "M23.49 12.27c0-.79-.07-1.54-.19-2.27H12v4.51h6.16c-.27 1.4-1.04 2.59-2.21 3.41v2.77h3.59c2.08-1.92 3.95-4.74 3.95-8.42z" }),
     /* @__PURE__ */ r("path", { fill: "#34A853", d: "M12 24c2.97 0 5.46-.98 7.28-2.66l-3.59-2.77c-.98.66-2.23 1.06-3.69 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 21.53 7.7 24 12 24z" }),
     /* @__PURE__ */ r("path", { fill: "#FBBC05", d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" }),
@@ -382,13 +382,13 @@ const He = {
 function We() {
   if (typeof window > "u")
     return;
-  const e = new URLSearchParams(window.location.search).get("error");
-  if (e)
-    return He[e] ?? `Sign-in error: ${e}`;
+  const t = new URLSearchParams(window.location.search).get("error");
+  if (t)
+    return He[t] ?? `Sign-in error: ${t}`;
 }
 function Ke({
-  loginPath: e,
-  title: t = "Sign in",
+  loginPath: t,
+  title: e = "Sign in",
   subtitle: n,
   buttonLabel: a = "Sign in with Google",
   backgroundUrl: o,
@@ -402,7 +402,7 @@ function Ke({
       style: p ? { backgroundImage: `url(${o})` } : void 0,
       children: /* @__PURE__ */ s(le, { className: `w-full max-w-md ${p ? "backdrop-blur-sm bg-card/90" : ""}`, children: [
         /* @__PURE__ */ s(de, { className: "text-center", children: [
-          /* @__PURE__ */ r(ue, { children: t }),
+          /* @__PURE__ */ r(ue, { children: e }),
           n && /* @__PURE__ */ r(me, { children: n })
         ] }),
         /* @__PURE__ */ s(fe, { className: "space-y-4", children: [
@@ -413,7 +413,7 @@ function Ke({
               className: "w-full",
               variant: "outline",
               onClick: () => {
-                window.location.href = e;
+                window.location.href = t;
               },
               children: [
                 /* @__PURE__ */ r(Ge, { className: "h-5 w-5 mr-2" }),
@@ -426,10 +426,10 @@ function Ke({
     }
   );
 }
-function Je({ children: e }) {
-  const { fetchJson: t } = ge(), n = f.get("ImaginariumApp", "userPath", "/auth/user"), { isPending: a, isError: o } = ee({
+function Je({ children: t }) {
+  const { fetchJson: e } = ge(), n = f.get("ImaginariumApp", "userPath", "/auth/user"), { isPending: a, isError: o } = ee({
     queryKey: [...A, n],
-    queryFn: () => t(n),
+    queryFn: () => e(n),
     retry: !1,
     refetchOnWindowFocus: !1
   });
@@ -457,77 +457,77 @@ function Je({ children: e }) {
       backgroundUrl: x
     });
   }
-  return /* @__PURE__ */ r(k, { children: e });
+  return /* @__PURE__ */ r(k, { children: t });
 }
 const Ye = {
-  props: (e, t, n) => t && typeof t == "object" ? t : n && typeof n == "object" ? n : {},
-  classes: (...e) => e.filter((t) => typeof t == "string" && t).join(" "),
-  subclasses: (...e) => e.filter((t) => typeof t == "string" && t).join(" "),
+  props: (t, e, n) => e && typeof e == "object" ? e : n && typeof n == "object" ? n : {},
+  classes: (...t) => t.filter((e) => typeof e == "string" && e).join(" "),
+  subclasses: (...t) => t.filter((e) => typeof e == "string" && e).join(" "),
   resources: () => {
   }
 };
 function K() {
-  const e = globalThis;
-  return e.__imgmActiveTheme || (e.__imgmActiveTheme = new Ie({ altTheme: Ye, addWindowCommands: !1 })), e.__imgmActiveTheme;
+  const t = globalThis;
+  return t.__imgmActiveTheme || (t.__imgmActiveTheme = new Ie({ altTheme: Ye, addWindowCommands: !1 })), t.__imgmActiveTheme;
 }
-function Xe(e) {
-  var t, n;
-  (n = (t = K().sync) == null ? void 0 : t.start) == null || n.call(t, { appearanceId: e || void 0 });
+function Xe(t) {
+  var e, n;
+  (n = (e = K().sync) == null ? void 0 : e.start) == null || n.call(e, { appearanceId: t || void 0 });
 }
 const vt = "39oo5B3KISUzzfa1gT1Va1";
 let I = "";
 function bt() {
   return I;
 }
-function Ze(e) {
-  I = e || "", Xe(I);
+function Ze(t) {
+  I = t || "", Xe(I);
 }
-function et({ children: e }) {
-  const t = f.get("ImaginariumApp", "appearanceId", "");
+function et({ children: t }) {
+  const e = f.get("ImaginariumApp", "appearanceId", "");
   return w(() => {
-    Ze(t);
-  }, [t]), t ? /* @__PURE__ */ r(Te, { theme: K(), children: e }) : /* @__PURE__ */ r(k, { children: e });
+    e && Ze(e);
+  }, [e]), e ? /* @__PURE__ */ r(Te, { theme: K(), children: t }) : /* @__PURE__ */ r(k, { children: t });
 }
-function tt(e) {
-  const t = Se();
-  let n = e;
-  for (const { component: a } of t)
+function tt(t) {
+  const e = Se();
+  let n = t;
+  for (const { component: a } of e)
     n = /* @__PURE__ */ r(a, { children: n });
   return n;
 }
 function rt() {
-  const e = new te({
+  const t = new te({
     queryCache: new ne({
-      onError: (t, n) => U(t, e, n.queryKey)
+      onError: (e, n) => U(e, t, n.queryKey)
     }),
     mutationCache: new re({
-      onError: (t) => U(t, e)
+      onError: (e) => U(e, t)
     }),
     defaultOptions: {
       queries: { retry: !1, refetchOnWindowFocus: !1 }
     }
   });
-  return e;
+  return t;
 }
 const nt = rt();
-function ot({ title: e, titleIcon: t, navRightSlot: n, shellFallback: a, children: o }) {
+function ot({ title: t, titleIcon: e, navRightSlot: n, shellFallback: a, children: o }) {
   return tt(
     /* @__PURE__ */ s("div", { className: "flex h-screen overflow-hidden bg-background text-foreground", children: [
-      /* @__PURE__ */ r(ze, { title: e, titleIcon: t, rightSlot: n }),
+      /* @__PURE__ */ r(ze, { title: t, titleIcon: e, rightSlot: n }),
       /* @__PURE__ */ r(_e, { fallback: a, children: o })
     ] })
   );
 }
 function wt({
-  apiBaseUrl: e = "/api",
-  queryClient: t,
+  apiBaseUrl: t = "/api",
+  queryClient: e,
   title: n,
   titleIcon: a,
   navRightSlot: o,
   shellFallback: c,
   children: i
 }) {
-  const p = Z(() => t ?? nt, [t]), m = f.get("ImaginariumApp", "requireAuth", !0), b = a ?? f.get("ImaginariumApp", "titleIcon", void 0), x = /* @__PURE__ */ r(
+  const p = Z(() => e ?? nt, [e]), m = f.get("ImaginariumApp", "requireAuth", !0), b = a ?? f.get("ImaginariumApp", "titleIcon", void 0), x = /* @__PURE__ */ r(
     ot,
     {
       title: n,
@@ -537,7 +537,7 @@ function wt({
       children: i
     }
   );
-  return /* @__PURE__ */ r(et, { children: /* @__PURE__ */ r(oe, { client: p, children: /* @__PURE__ */ r(ae, { children: /* @__PURE__ */ s(he, { apiBaseUrl: e, children: [
+  return /* @__PURE__ */ r(et, { children: /* @__PURE__ */ r(oe, { client: p, children: /* @__PURE__ */ r(ae, { children: /* @__PURE__ */ s(he, { apiBaseUrl: t, children: [
     m ? /* @__PURE__ */ r(Je, { children: x }) : x,
     /* @__PURE__ */ r($e, {})
   ] }) }) }) });
@@ -563,4 +563,4 @@ export {
   Ze as s,
   xt as u
 };
-//# sourceMappingURL=ImaginariumApp-BJeKGXV9.js.map
+//# sourceMappingURL=ImaginariumApp-BN6yQvK6.js.map