zudoku 0.0.0-fix-image-base-path.c9e0e61c → 0.0.0-fix-create-zudoku-copy-templates.1ca222e6

package/src/app/main.tsx

@@ -1,4 +1,3 @@
-import type { RouteObject } from "react-router";
 import { configuredApiKeysPlugin } from "virtual:zudoku-api-keys-plugin";
 import {
   configuredApiCatalogPlugins,
@@ -11,18 +10,21 @@ import { configuredNavigation } from "virtual:zudoku-navigation";
 import { configuredRedirectPlugin } from "virtual:zudoku-redirect-plugin";
 import { configuredSearchPlugin } from "virtual:zudoku-search-plugin";
 import { registerShiki } from "virtual:zudoku-shiki-register";
+import type { RouteObject } from "react-router";
 import "virtual:zudoku-theme.css";
 import {
   BuildCheck,
   Layout,
+  Meta,
   RouteGuard,
   RouterError,
   StatusPage,
-  Zudoku,
-} from "zudoku/components";
+} from "zudoku/__internal";
+import { Zudoku } from "zudoku/components";
+import { Outlet } from "zudoku/router";
 import type { ZudokuConfig } from "../config/config.js";
-import type { ZudokuContextOptions } from "../lib/core/ZudokuContext.js";
 import { isNavigationPlugin } from "../lib/core/plugins.js";
+import type { ZudokuContextOptions } from "../lib/core/ZudokuContext.js";
 import { highlighter } from "../lib/shiki.js";
 import { ZuploEnv } from "./env.js";
 import "./main.css";
@@ -110,17 +112,30 @@ export const getRoutesByConfig = (config: ZudokuConfig): RouteObject[] => {
             buildId={import.meta.env.ZUPLO_BUILD_ID}
             environmentType={import.meta.env.ZUPLO_ENVIRONMENT_TYPE}
           />
-          <Layout />
+          <Outlet />
         </Zudoku>
       ),
       hydrateFallbackElement: <div>Loading...</div>,
       children: [
         {
-          element: <RouteGuard />,
+          element: (
+            <Meta>
+              <RouteGuard />
+            </Meta>
+          ),
           errorElement: <RouterError />,
-          children: routes,
+          children: routes.map((r) =>
+            r.handle?.layout === "none" ? r : wrapWithLayout(r),
+          ),
         },
       ],
     },
   ];
 };
+
+const wrapWithLayout = (route: RouteObject) => {
+  return {
+    element: <Layout />,
+    children: [route],
+  };
+};

package/src/app/standalone.tsx

@@ -1,6 +1,6 @@
 import { createRoot } from "react-dom/client";
 import { createBrowserRouter } from "react-router";
-import { Bootstrap } from "zudoku/components";
+import { Bootstrap } from "zudoku/__internal";
 import type { ZudokuConfig } from "../config/validators/validate.js";
 import { openApiPlugin } from "../lib/plugins/openapi/index.js";
 import "../lib/util/logInit.js";
@@ -13,7 +13,12 @@ if (!root) {
 }
 
 const apiUrl = root.getAttribute("data-api-url");
-const title = document.getElementsByTagName("title")[0]!.innerText;
+
+if (!apiUrl) {
+  throw new Error("No api url found");
+}
+
+const title = document.getElementsByTagName("title")[0]?.innerText;
 const logoUrl = root.getAttribute("data-logo-url");
 
 // IMPORTANT: This component must not contain tailwind classes
@@ -42,7 +47,7 @@ const config = {
     // Using the plugin directly because there's no config file to load in the virtual plugins
     openApiPlugin({
       type: "url",
-      input: apiUrl!,
+      input: apiUrl,
       path: "/",
     }),
   ],

package/src/lib/MissingIcon.tsx

@@ -1,4 +1,4 @@
-import { CircleDashed, LucideProps } from "lucide-react";
+import { CircleDashed, type LucideProps } from "lucide-react";
 import {
   Tooltip,
   TooltipContent,

package/src/lib/auth/issuer.test.ts

@@ -109,6 +109,7 @@ describe("getIssuer", () => {
   it("should throw error for unsupported authentication type", async () => {
     const config = {
       authentication: {
+        // biome-ignore lint/suspicious/noExplicitAny: Allow any type
         type: "unsupported" as any,
       },
     } as ZudokuConfig;

package/src/lib/authentication/AuthenticationPlugin.tsx

@@ -1,8 +1,8 @@
 import { LogOutIcon } from "lucide-react";
-import {
-  type CommonPlugin,
-  type NavigationPlugin,
-  type ProfileMenuPlugin,
+import type {
+  CommonPlugin,
+  NavigationPlugin,
+  ProfileMenuPlugin,
 } from "../core/plugins.js";
 import { SignIn } from "./components/SignIn.js";
 import { SignOut } from "./components/SignOut.js";

package/src/lib/authentication/authentication.ts

@@ -8,6 +8,6 @@ export interface AuthenticationPlugin {
   signRequest(request: Request): Promise<Request>;
 }
 
-export interface AuthenticationProviderInitializer<TConfig> {
-  (config: TConfig): AuthenticationPlugin;
-}
+export type AuthenticationProviderInitializer<TConfig> = (
+  config: TConfig,
+) => AuthenticationPlugin;

package/src/lib/authentication/components/OAuthErrorPage.tsx

@@ -72,7 +72,7 @@ const errorDetailsMap: Record<string, { message: string }> = {
   },
 };
 
-export function OAuthErrorPage({ error }: { error: any }) {
+export function OAuthErrorPage({ error }: { error: unknown }) {
   const { login } = useAuth();
 
   if (!(error instanceof OAuthAuthorizationError)) {

package/src/lib/authentication/components/SignOut.tsx

@@ -8,7 +8,7 @@ export const SignOut = () => {
 
   useEffect(() => {
     void context.authentication?.signOut().then(() => navigate("/"));
-  }, []);
+  }, [context.authentication, navigate]);
 
   return null;
 };

package/src/lib/authentication/providers/auth0.tsx

@@ -1,7 +1,7 @@
-import { type Auth0AuthenticationConfig } from "../../../config/config.js";
-import {
-  type AuthenticationPlugin,
-  type AuthenticationProviderInitializer,
+import type { Auth0AuthenticationConfig } from "../../../config/config.js";
+import type {
+  AuthenticationPlugin,
+  AuthenticationProviderInitializer,
 } from "../authentication.js";
 import { useAuthState } from "../state.js";
 import { OpenIDAuthenticationProvider } from "./openid.js";
@@ -64,7 +64,7 @@ class Auth0AuthenticationProvider
 
       // window.location.href = logoutUrl.toString();
     } else {
-      const logoutUrl = new URL(
+      const _logoutUrl = new URL(
         `${this.issuer.replace(/\/$/, "")}/oidc/logout`,
       );
       // window.location.href = logoutUrl.toString();

package/src/lib/authentication/providers/azureb2c.tsx

@@ -1,14 +1,14 @@
 import type { AuthenticationResult, EventMessage } from "@azure/msal-browser";
 import { EventType, PublicClientApplication } from "@azure/msal-browser";
 import { ErrorBoundary } from "react-error-boundary";
-import { type AzureB2CAuthenticationConfig } from "../../../config/config.js";
+import type { AzureB2CAuthenticationConfig } from "../../../config/config.js";
 import { ClientOnly } from "../../components/ClientOnly.js";
 import { joinUrl } from "../../util/joinUrl.js";
-import {
-  type AuthenticationPlugin,
-  type AuthenticationProviderInitializer,
-} from "../authentication.js";
 import { CoreAuthenticationPlugin } from "../AuthenticationPlugin.js";
+import type {
+  AuthenticationPlugin,
+  AuthenticationProviderInitializer,
+} from "../authentication.js";
 import { CallbackHandler } from "../components/CallbackHandler.js";
 import { OAuthErrorPage } from "../components/OAuthErrorPage.js";
 import { AuthorizationError } from "../errors.js";

package/src/lib/authentication/providers/clerk.tsx

@@ -1,10 +1,10 @@
 import type { Clerk } from "@clerk/clerk-js";
 import { LogOutIcon } from "lucide-react";
-import { type ZudokuPlugin } from "zudoku/plugins";
-import { type ClerkAuthenticationConfig } from "../../../config/config.js";
-import {
-  type AuthenticationPlugin,
-  type AuthenticationProviderInitializer,
+import type { ZudokuPlugin } from "zudoku/plugins";
+import type { ClerkAuthenticationConfig } from "../../../config/config.js";
+import type {
+  AuthenticationPlugin,
+  AuthenticationProviderInitializer,
 } from "../authentication.js";
 import { SignIn } from "../components/SignIn.js";
 import { SignOut } from "../components/SignOut.js";

package/src/lib/authentication/providers/openid.tsx

@@ -1,18 +1,18 @@
 import logger from "loglevel";
 import * as oauth from "oauth4webapi";
 import { ErrorBoundary } from "react-error-boundary";
-import { type OpenIDAuthenticationConfig } from "../../../config/config.js";
+import type { OpenIDAuthenticationConfig } from "../../../config/config.js";
 import { ClientOnly } from "../../components/ClientOnly.js";
 import { joinUrl } from "../../util/joinUrl.js";
-import {
-  type AuthenticationPlugin,
-  type AuthenticationProviderInitializer,
-} from "../authentication.js";
 import { CoreAuthenticationPlugin } from "../AuthenticationPlugin.js";
+import type {
+  AuthenticationPlugin,
+  AuthenticationProviderInitializer,
+} from "../authentication.js";
 import { CallbackHandler } from "../components/CallbackHandler.js";
 import { OAuthErrorPage } from "../components/OAuthErrorPage.js";
 import { AuthorizationError, OAuthAuthorizationError } from "../errors.js";
-import { useAuthState, type UserProfile } from "../state.js";
+import { type UserProfile, useAuthState } from "../state.js";
 
 const CODE_VERIFIER_KEY = "code-verifier";
 const STATE_KEY = "oauth-state";

package/src/lib/authentication/providers/supabase.tsx

@@ -4,14 +4,14 @@ import {
   type Session,
   type SupabaseClient,
 } from "@supabase/supabase-js";
-import { type SupabaseAuthenticationConfig } from "../../../config/config.js";
-import {
-  type AuthenticationPlugin,
-  type AuthenticationProviderInitializer,
-} from "../authentication.js";
+import type { SupabaseAuthenticationConfig } from "../../../config/config.js";
 import { CoreAuthenticationPlugin } from "../AuthenticationPlugin.js";
+import type {
+  AuthenticationPlugin,
+  AuthenticationProviderInitializer,
+} from "../authentication.js";
 import { AuthorizationError } from "../errors.js";
-import { useAuthState, type UserProfile } from "../state.js";
+import { type UserProfile, useAuthState } from "../state.js";
 
 class SupabaseAuthenticationProvider
   extends CoreAuthenticationPlugin
@@ -21,6 +21,7 @@ class SupabaseAuthenticationProvider
   private readonly provider: Provider;
   private readonly redirectToAfterSignUp: string;
   private readonly redirectToAfterSignIn: string;
+  // biome-ignore lint/correctness/noUnusedPrivateClassMembers: Keep around
   private readonly redirectToAfterSignOut: string;
 
   constructor({

package/src/lib/authentication/use-broadcast/shared.ts

@@ -1,6 +1,6 @@
 // https://github.com/Romainlg29/use-broadcast/
 
-import { StateCreator, StoreMutatorIdentifier } from "zustand";
+import type { StateCreator, StoreMutatorIdentifier } from "zustand";
 
 export type SharedOptions = {
   /**
@@ -71,7 +71,7 @@ const sharedImpl: SharedImpl = (f, options) => (set, get, store) => {
       self instanceof WorkerGlobalScope
     )
   ) {
-    // eslint-disable-next-line no-console
+    // biome-ignore lint/suspicious/noConsole: Logging allowed here
     console.warn(
       "BroadcastChannel is not supported in this environment. The store will not be shared.",
     );
@@ -82,7 +82,7 @@ const sharedImpl: SharedImpl = (f, options) => (set, get, store) => {
    * If BroadcastChannel is not supported, return the basic store
    */
   if (typeof BroadcastChannel === "undefined") {
-    // eslint-disable-next-line no-console
+    // biome-ignore lint/suspicious/noConsole: Logging allowed here
     console.warn(
       "BroadcastChannel is not supported in this browser. The store will not be shared.",
     );
@@ -220,7 +220,7 @@ const sharedImpl: SharedImpl = (f, options) => (set, get, store) => {
       /**
        * Set the new tab / window id
        */
-      const new_id = tabs[tabs.length - 1]! + 1;
+      const new_id = (tabs[tabs.length - 1] ?? 0) + 1;
       tabs.push(new_id);
 
       options?.onTabsChange?.(tabs);

package/src/lib/authentication/use-broadcast/useBroadcast.ts

@@ -93,13 +93,13 @@ export const useBroadcast = <T>(
      * If BroadcastChannel is not supported, we log an error and return
      */
     if (typeof window === "undefined") {
-      // eslint-disable-next-line no-console
+      // biome-ignore lint/suspicious/noConsole: Logging allowed here
       console.error("Window is undefined!");
       return;
     }
 
     if (!window.BroadcastChannel) {
-      // eslint-disable-next-line no-console
+      // biome-ignore lint/suspicious/noConsole: Logging allowed here
       console.error("BroadcastChannel is not supported!");
       return;
     }

package/src/lib/components/AnchorLink.tsx

@@ -1,4 +1,4 @@
-import { type MouseEvent } from "react";
+import type { MouseEvent } from "react";
 import { NavLink, type NavLinkProps, useHref, useLocation } from "react-router";
 import { useScrollToHash } from "../util/useScrollToAnchor.js";
 

package/src/lib/components/Autocomplete.tsx

@@ -1,6 +1,6 @@
 import { PopoverAnchor } from "@radix-ui/react-popover";
 import { useCommandState } from "cmdk";
-import { useRef, useState, type KeyboardEvent, type Ref } from "react";
+import { type KeyboardEvent, type Ref, useRef, useState } from "react";
 import {
   Command,
   CommandInlineInput,

package/src/lib/components/Bootstrap.tsx

@@ -32,6 +32,7 @@ const Bootstrap = ({
 }) => (
   <StrictMode>
     <QueryClientProvider client={queryClient}>
+      {/* biome-ignore lint/suspicious/noExplicitAny: Allow any type */}
       <HydrationBoundary state={hydrate ? (window as any).DATA : undefined}>
         <BypassProtectedRoutesContext value={false}>
           <HelmetProvider>

package/src/lib/components/BuildCheck.tsx

@@ -1,6 +1,7 @@
 import { useQuery } from "@tanstack/react-query";
 import { CircleFadingArrowUpIcon, LoaderCircleIcon } from "lucide-react";
-import { z } from "zod/v4";
+import { useEffect } from "react";
+import { z } from "zod";
 import { Button } from "../ui/Button.js";
 
 const BuildStatusSchema = z.object({
@@ -32,6 +33,16 @@ export const BuildCheck = ({
         .then((data) => BuildStatusSchema.parse(data)),
   });
 
+  useEffect(() => {
+    if (
+      buildStatusQuery.data?.status === "success" &&
+      buildStatusQuery.data.buildId
+    ) {
+      // biome-ignore lint/suspicious/noDocumentCookie: CookieStore too new to use
+      document.cookie = `zuplo-build=${buildStatusQuery.data.buildId}; path=/; max-age=300; secure; SameSite=None`;
+    }
+  }, [buildStatusQuery.data]);
+
   if (
     buildStatusQuery.isError ||
     !buildStatusQuery.data ||

package/src/lib/components/Header.tsx

@@ -37,9 +37,8 @@ const RecursiveMenu = ({ item }: { item: ProfileNavigationItem }) => {
       <DropdownMenuSubTrigger>{item.label}</DropdownMenuSubTrigger>
       <DropdownMenuPortal>
         <DropdownMenuSubContent>
-          {item.children.map((item, i) => (
-            // eslint-disable-next-line react/no-array-index-key
-            <RecursiveMenu key={i} item={item} />
+          {item.children.map((child) => (
+            <RecursiveMenu key={child.label} item={child} />
           ))}
         </DropdownMenuSubContent>
       </DropdownMenuPortal>
@@ -92,7 +91,7 @@ export const Header = memo(function HeaderInner() {
           <div className="flex">
             <Link to={site?.logo?.href ?? "/"}>
               <div className="flex items-center gap-3.5">
-                {site?.logo && (
+                {site?.logo ? (
                   <>
                     <img
                       src={logoLightSrc}
@@ -109,8 +108,9 @@ export const Header = memo(function HeaderInner() {
                       loading="lazy"
                     />
                   </>
+                ) : (
+                  <span className="font-semibold text-2xl">{site?.title}</span>
                 )}
-                <span className="font-semibold text-2xl">{site?.title}</span>
               </div>
             </Link>
           </div>

package/src/lib/components/Heading.tsx

@@ -1,9 +1,8 @@
-import type { HTMLAttributes, ReactNode } from "react";
-import { useRegisterAnchorElement } from "./context/ViewportAnchorContext.js";
-
 import { cva, type VariantProps } from "class-variance-authority";
 import { LinkIcon } from "lucide-react";
+import type { HTMLAttributes, ReactNode } from "react";
 import { cn } from "../util/cn.js";
+import { useRegisterAnchorElement } from "./context/ViewportAnchorContext.js";
 
 const heading = cva("group relative", {
   variants: {

package/src/lib/components/Layout.tsx

@@ -1,8 +1,6 @@
-import { Helmet } from "@zudoku/react-helmet-async";
-import { Suspense, useEffect, type ReactNode } from "react";
-import { Outlet, useLocation } from "react-router";
+import { type ReactNode, Suspense, useEffect } from "react";
+import { Outlet } from "react-router";
 import { cn } from "../util/cn.js";
-import { joinUrl } from "../util/joinUrl.js";
 import { useScrollToAnchor } from "../util/useScrollToAnchor.js";
 import { useScrollToTop } from "../util/useScrollToTop.js";
 import { useZudoku } from "./context/ZudokuContext.js";
@@ -19,8 +17,7 @@ const LoadingFallback = () => (
 );
 
 export const Layout = ({ children }: { children?: ReactNode }) => {
-  const { meta, authentication, options } = useZudoku();
-  const location = useLocation();
+  const { authentication } = useZudoku();
 
   useScrollToAnchor();
   useScrollToTop();
@@ -32,22 +29,6 @@ export const Layout = ({ children }: { children?: ReactNode }) => {
 
   return (
     <>
-      <Helmet titleTemplate={meta?.title}>
-        {options.canonicalUrlOrigin && (
-          <link
-            rel="canonical"
-            href={joinUrl(
-              options.canonicalUrlOrigin,
-              options.basePath,
-              location.pathname,
-            )}
-          />
-        )}
-        {meta?.description && (
-          <meta name="description" content={meta.description} />
-        )}
-        {meta?.favicon && <link rel="icon" href={meta.favicon} />}
-      </Helmet>
       <Slot.Target name="layout-before-head" />
       <Header />
       <Slot.Target name="layout-after-head" />

package/src/lib/components/Markdown.tsx

@@ -23,9 +23,12 @@ export const Markdown = memo(
     const rehypePlugins = useMemo(
       () => [
         rehypeRaw,
-        ...createConfiguredShikiRehypePlugins(syntaxHighlighting?.themes),
+        ...createConfiguredShikiRehypePlugins(
+          syntaxHighlighting?.themes,
+          syntaxHighlighting?.highlighter,
+        ),
       ],
-      [syntaxHighlighting?.themes],
+      [syntaxHighlighting?.themes, syntaxHighlighting?.highlighter],
     );
 
     const mdComponents = useMemo(

package/src/lib/components/Meta.tsx

@@ -0,0 +1,32 @@
+import { Helmet } from "@zudoku/react-helmet-async";
+import type { PropsWithChildren } from "react";
+import { useLocation } from "react-router";
+import { joinUrl } from "../util/joinUrl.js";
+import { useZudoku } from "./context/ZudokuContext.js";
+
+export const Meta = ({ children }: PropsWithChildren) => {
+  const { meta, options } = useZudoku();
+  const location = useLocation();
+
+  return (
+    <>
+      <Helmet titleTemplate={meta?.title} defaultTitle={meta?.defaultTitle}>
+        {options.canonicalUrlOrigin && (
+          <link
+            rel="canonical"
+            href={joinUrl(
+              options.canonicalUrlOrigin,
+              options.basePath,
+              location.pathname,
+            )}
+          />
+        )}
+        {meta?.description && (
+          <meta name="description" content={meta.description} />
+        )}
+        {meta?.favicon && <link rel="icon" href={meta.favicon} />}
+      </Helmet>
+      {children}
+    </>
+  );
+};

package/src/lib/components/MobileTopNavigation.tsx

@@ -1,6 +1,6 @@
 import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
 import { MenuIcon } from "lucide-react";
-import { Fragment, useState } from "react";
+import { useState } from "react";
 import { Skeleton } from "zudoku/ui/Skeleton.js";
 import { useAuth } from "../authentication/hook.js";
 import {
@@ -12,7 +12,7 @@ import {
 import { ClientOnly } from "./ClientOnly.js";
 import { useZudoku } from "./context/ZudokuContext.js";
 import { PoweredByZudoku } from "./navigation/PoweredByZudoku.js";
-import { isHiddenItem } from "./navigation/utils.js";
+import { shouldShowItem } from "./navigation/utils.js";
 import { PageProgress } from "./PageProgress.js";
 import { Search } from "./Search.js";
 import { Slot } from "./Slot.js";
@@ -28,7 +28,7 @@ export const MobileTopNavigation = () => {
   const [drawerOpen, setDrawerOpen] = useState(false);
 
   const accountItems = getProfileMenuItems();
-  const filteredItems = navigation.filter(isHiddenItem(authState, context));
+  const filteredItems = navigation.filter(shouldShowItem(authState, context));
 
   return (
     <Drawer
@@ -72,16 +72,14 @@ export const MobileTopNavigation = () => {
                     </li>
                   ) : (
                     Object.values(getProfileMenuItems()).length > 0 && (
-                      <Fragment>
-                        <li>
-                          {profile?.name ? `${profile.name}` : "My Account"}
-                          {profile?.email && (
-                            <div className="font-normal text-muted-foreground">
-                              {profile.email}
-                            </div>
-                          )}
-                        </li>
-                      </Fragment>
+                      <li>
+                        {profile?.name ? `${profile.name}` : "My Account"}
+                        {profile?.email && (
+                          <div className="font-normal text-muted-foreground">
+                            {profile.email}
+                          </div>
+                        )}
+                      </li>
                     )
                   )}
                 </ClientOnly>

package/src/lib/components/PathRenderer.tsx

@@ -22,7 +22,7 @@ export const PathRenderer = ({
     matches.forEach((match) => {
       const [originalValue, name] = match;
       if (!name) return;
-      const startIndex = match.index!;
+      const startIndex = match.index;
 
       if (startIndex > lastIndex) {
         elements.push(
@@ -50,7 +50,7 @@ export const PathRenderer = ({
     }
 
     return (
-      // eslint-disable-next-line react/no-array-index-key
+      // biome-ignore lint/suspicious/noArrayIndexKey: index should be stable
       <Fragment key={`${part}-${i}`}>
         {elements}
         {i < arr.length - 1 && "/"}

package/src/lib/components/Search.tsx

@@ -28,7 +28,7 @@ export const Search = ({ className }: { className?: string }) => {
     return () => {
       window.removeEventListener("keydown", onKeyDown);
     };
-  }, [isOpen, setIsOpen]);
+  }, [isOpen]);
 
   const searchPlugin = ctx.plugins.find(isSearchPlugin);
 

package/src/lib/components/Slot.test.tsx

@@ -1,18 +1,18 @@
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import {
   act,
+  type RenderResult,
   screen,
   render as testRender,
-  type RenderResult,
 } from "@testing-library/react";
 import type { PropsWithChildren, ReactNode } from "react";
 import { useEffect, useState } from "react";
 import { MemoryRouter } from "react-router";
 import { describe, expect, it } from "vitest";
 import { ZudokuContext } from "../core/ZudokuContext.js";
-import { Slot } from "./Slot.js";
 import { SlotProvider } from "./context/SlotProvider.js";
 import { ZudokuProvider } from "./context/ZudokuProvider.js";
+import { Slot } from "./Slot.js";
 
 /**
  * @vitest-environment happy-dom
@@ -196,12 +196,10 @@ describe("Slot", () => {
       expect(screen.getByText("Source content")).toBeInTheDocument();
 
       rerender(
-        <>
-          <Slot.Target
-            name="footer-after"
-            fallback={<div>Fallback content</div>}
-          />
-        </>,
+        <Slot.Target
+          name="footer-after"
+          fallback={<div>Fallback content</div>}
+        />,
       );
 
       expect(screen.getByText("Fallback content")).toBeInTheDocument();
@@ -374,11 +372,13 @@ describe("Slot", () => {
       await render(
         <>
           {manySlots.map((name) => (
+            // biome-ignore lint/suspicious/noExplicitAny: Allow any type
             <Slot.Source key={name} name={name as any}>
               <div>Content {name}</div>
             </Slot.Source>
           ))}
           {manySlots.map((name) => (
+            // biome-ignore lint/suspicious/noExplicitAny: Allow any type
             <Slot.Target key={name} name={name as any} />
           ))}
         </>,