@okam/directus-next-component 1.7.35 → 1.7.37

package/{hooks/directus-file.mjs → utils/getDirectusFile/index.mjs}

@@ -1,4 +1,4 @@
-import { logger } from "../logger.mjs";
+import { logger } from "../../logger.mjs";
 const IMG_DOMAIN = process.env.NEXT_PUBLIC_IMG_DOMAIN;
 const IMG_PORT = process.env.NEXT_PUBLIC_IMG_PORT;
 const IMG_PROTOCOL = process.env.NEXT_PUBLIC_IMG_PROTOCOL ?? "https";
@@ -22,7 +22,7 @@ function getDirectusUrl(file, baseUrl, searchParams) {
     return null;
   }
 }
-function useDirectusFile(file, baseUrl, searchParams) {
+function getDirectusFile(file, baseUrl, searchParams) {
   const { description, width, height, title, id, ...rest } = file ?? {};
   if (!file || !id) return null;
   const url = getDirectusUrl(file, baseUrl, searchParams);
@@ -37,6 +37,9 @@ function useDirectusFile(file, baseUrl, searchParams) {
     ...rest
   };
 }
+const useDirectusFile = getDirectusFile;
 export {
-  useDirectusFile as default
+  getDirectusFile,
+  getDirectusUrl,
+  useDirectusFile
 };

package/utils/getDirectusLink/index.d.ts

@@ -0,0 +1,8 @@
+import { TAnchorProps } from '../../../../../stack/stack-ui/src/index.ts';
+import { TGetDirectusLink } from '../../components/DirectusLink/interface';
+
+export declare function getDirectusLink(props: TGetDirectusLink): TAnchorProps;
+/**
+ * @deprecated Use `getDirectusLink` instead
+ */
+export declare const useDirectusLink: typeof getDirectusLink;

package/utils/getDirectusLink/index.js

@@ -0,0 +1,123 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Link = require("next/link.js");
+const zod = require("zod");
+const index = require("../getDirectusFile/index.js");
+const index$1 = require("../getDirectusSearchParams/index.js");
+const absoluteUrlSchema = zod.z.url({ protocol: /^(https?|mailto|tel)$/ });
+const relativeUrlSchema = zod.z.string().regex(/^[/#?]/, {
+  error: (error) => `Invalid href ${error.input}. Must be a valid absolute URL or start with /, # or ?`
+});
+const hrefSchema = zod.z.union([absoluteUrlSchema, relativeUrlSchema]).transform((value) => {
+  try {
+    return new URL(value);
+  } catch (error) {
+    return new URL(value, "http://localhost");
+  }
+});
+function withSearchParams(url, searchParams) {
+  searchParams.forEach((value, name) => {
+    url.searchParams.append(name, value);
+  });
+  return url;
+}
+function getCompleteHref(href, params, type) {
+  if (!href) return null;
+  const searchParams = index$1.getDirectusSearchParams(params);
+  const url = hrefSchema.parse(href);
+  const completeUrl = withSearchParams(url, searchParams);
+  if (type === "relative") {
+    const { origin } = completeUrl;
+    if (href.startsWith("#")) {
+      return completeUrl.href.replace(origin, "").substring(1);
+    }
+    return completeUrl.href.replace(origin, "");
+  }
+  return completeUrl.href;
+}
+function getFile(props) {
+  const { file, params } = props;
+  const { filename_download: filenameDownload } = file ?? {};
+  const { src } = index.getDirectusFile(file) ?? {};
+  const href = getCompleteHref(src, params, "absolute");
+  return {
+    href: href ?? void 0,
+    download: filenameDownload ?? true
+  };
+}
+function getCollection(props) {
+  var _a, _b;
+  const { collection, target, params } = props;
+  const href = getCompleteHref((_b = (_a = collection == null ? void 0 : collection.translations) == null ? void 0 : _a[0]) == null ? void 0 : _b.path, params, "relative");
+  return {
+    href: href ?? void 0,
+    target: target ?? void 0
+  };
+}
+function getExternalLink(props) {
+  const { external_link: externalLink, target, params } = props;
+  const href = getCompleteHref(externalLink, params, "absolute");
+  return {
+    href: href ?? void 0,
+    target: target ?? void 0
+  };
+}
+function getAnchor(props) {
+  const { anchor, params } = props;
+  const href = getCompleteHref(anchor, params, "relative");
+  return { href: href ?? void 0 };
+}
+const defaultPropsConfig = {
+  collection: getCollection,
+  // eslint-disable-next-line @typescript-eslint/naming-convention
+  "external-link": getExternalLink,
+  file: getFile,
+  anchor: getAnchor
+};
+function getDirectusLink(props) {
+  var _a;
+  const {
+    type,
+    label,
+    prefetch,
+    replace,
+    scroll,
+    tokens,
+    themeName,
+    customTheme,
+    propsConfig,
+    as = Link,
+    target,
+    anchor,
+    collection,
+    external_link: externalLink,
+    file,
+    id,
+    params,
+    ...rest
+  } = props;
+  if (!type) return {};
+  const finalConfig = { ...defaultPropsConfig, ...propsConfig ?? {} };
+  const linkProps = ((_a = finalConfig[type]) == null ? void 0 : _a.call(finalConfig, props)) ?? {};
+  const { href, ...restOfLinkProps } = linkProps;
+  if (!href) return {};
+  return {
+    ...rest,
+    as,
+    ...themeName ? { themeName } : {},
+    ...customTheme ? { customTheme } : {},
+    ...tokens ? { tokens } : {},
+    nextLinkProps: {
+      href,
+      prefetch: prefetch ?? void 0,
+      scroll: scroll ?? void 0,
+      replace: replace ?? void 0
+    },
+    href,
+    children: label,
+    ...restOfLinkProps
+  };
+}
+const useDirectusLink = getDirectusLink;
+exports.getDirectusLink = getDirectusLink;
+exports.useDirectusLink = useDirectusLink;

package/utils/getDirectusLink/index.mjs

@@ -0,0 +1,123 @@
+import Link from "next/link.js";
+import { z } from "zod";
+import { getDirectusFile } from "../getDirectusFile/index.mjs";
+import { getDirectusSearchParams } from "../getDirectusSearchParams/index.mjs";
+const absoluteUrlSchema = z.url({ protocol: /^(https?|mailto|tel)$/ });
+const relativeUrlSchema = z.string().regex(/^[/#?]/, {
+  error: (error) => `Invalid href ${error.input}. Must be a valid absolute URL or start with /, # or ?`
+});
+const hrefSchema = z.union([absoluteUrlSchema, relativeUrlSchema]).transform((value) => {
+  try {
+    return new URL(value);
+  } catch (error) {
+    return new URL(value, "http://localhost");
+  }
+});
+function withSearchParams(url, searchParams) {
+  searchParams.forEach((value, name) => {
+    url.searchParams.append(name, value);
+  });
+  return url;
+}
+function getCompleteHref(href, params, type) {
+  if (!href) return null;
+  const searchParams = getDirectusSearchParams(params);
+  const url = hrefSchema.parse(href);
+  const completeUrl = withSearchParams(url, searchParams);
+  if (type === "relative") {
+    const { origin } = completeUrl;
+    if (href.startsWith("#")) {
+      return completeUrl.href.replace(origin, "").substring(1);
+    }
+    return completeUrl.href.replace(origin, "");
+  }
+  return completeUrl.href;
+}
+function getFile(props) {
+  const { file, params } = props;
+  const { filename_download: filenameDownload } = file ?? {};
+  const { src } = getDirectusFile(file) ?? {};
+  const href = getCompleteHref(src, params, "absolute");
+  return {
+    href: href ?? void 0,
+    download: filenameDownload ?? true
+  };
+}
+function getCollection(props) {
+  var _a, _b;
+  const { collection, target, params } = props;
+  const href = getCompleteHref((_b = (_a = collection == null ? void 0 : collection.translations) == null ? void 0 : _a[0]) == null ? void 0 : _b.path, params, "relative");
+  return {
+    href: href ?? void 0,
+    target: target ?? void 0
+  };
+}
+function getExternalLink(props) {
+  const { external_link: externalLink, target, params } = props;
+  const href = getCompleteHref(externalLink, params, "absolute");
+  return {
+    href: href ?? void 0,
+    target: target ?? void 0
+  };
+}
+function getAnchor(props) {
+  const { anchor, params } = props;
+  const href = getCompleteHref(anchor, params, "relative");
+  return { href: href ?? void 0 };
+}
+const defaultPropsConfig = {
+  collection: getCollection,
+  // eslint-disable-next-line @typescript-eslint/naming-convention
+  "external-link": getExternalLink,
+  file: getFile,
+  anchor: getAnchor
+};
+function getDirectusLink(props) {
+  var _a;
+  const {
+    type,
+    label,
+    prefetch,
+    replace,
+    scroll,
+    tokens,
+    themeName,
+    customTheme,
+    propsConfig,
+    as = Link,
+    target,
+    anchor,
+    collection,
+    external_link: externalLink,
+    file,
+    id,
+    params,
+    ...rest
+  } = props;
+  if (!type) return {};
+  const finalConfig = { ...defaultPropsConfig, ...propsConfig ?? {} };
+  const linkProps = ((_a = finalConfig[type]) == null ? void 0 : _a.call(finalConfig, props)) ?? {};
+  const { href, ...restOfLinkProps } = linkProps;
+  if (!href) return {};
+  return {
+    ...rest,
+    as,
+    ...themeName ? { themeName } : {},
+    ...customTheme ? { customTheme } : {},
+    ...tokens ? { tokens } : {},
+    nextLinkProps: {
+      href,
+      prefetch: prefetch ?? void 0,
+      scroll: scroll ?? void 0,
+      replace: replace ?? void 0
+    },
+    href,
+    children: label,
+    ...restOfLinkProps
+  };
+}
+const useDirectusLink = getDirectusLink;
+export {
+  getDirectusLink,
+  useDirectusLink
+};

package/utils/getDirectusMetadata/index.d.ts

@@ -0,0 +1,15 @@
+import { TPageSettings, TPageSettingsTranslation } from '../../../../directus-next/src/index.ts';
+import { Nullable } from '../../../../../stack/stack-ui/src/index.ts';
+import { Metadata } from 'next';
+import { OpenGraph } from 'next/dist/lib/metadata/types/opengraph-types';
+import { TDirectusFileProps } from '../../components/DirectusFile/interface';
+import { TMetadataOptions } from '../../types/metadata';
+
+export declare function getOpenGraphImage(image: Nullable<TDirectusFileProps>, options: TMetadataOptions): Nullable<Exclude<OpenGraph['images'], OpenGraph['images'][]>>;
+export declare function getMetadata<TPageProps extends {
+    pageSettings: TPageSettings;
+}>(pageProps: TPageProps, options: TMetadataOptions, defaultProps?: Partial<TPageSettingsTranslation>): Metadata;
+/**
+ * @deprecated Use `getMetadata` instead
+ */
+export declare const useMetadata: typeof getMetadata;

package/{hooks/directus-metadata.js → utils/getDirectusMetadata/index.js}

@@ -1,11 +1,7 @@
 "use strict";
-require("react/jsx-runtime");
-require("@okam/next-component");
-const directusFile = require("./directus-file.js");
-require("@okam/stack-ui");
-require("next/link.js");
-require("../logger.js");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const radashi = require("radashi");
+const index = require("../getDirectusFile/index.js");
 function withFallbacks(pageProps, options) {
   var _a, _b;
   const { pageSettings } = pageProps ?? {};
@@ -28,8 +24,8 @@ function getOpenGraphImageFallback(fallbackImage, options) {
   const dimensions = limitOpenGraphImageDimensions(width, height, options == null ? void 0 : options.ogImageMaxWidth, options == null ? void 0 : options.ogImageMaxHeight);
   return { ...fallbackImage, ...dimensions, url: src };
 }
-function useOpenGraphImage(image, options) {
-  const directusImage = directusFile(image);
+function getOpenGraphImage(image, options) {
+  const directusImage = index.getDirectusFile(image);
   const { src, alt } = directusImage ?? {};
   const { width: limitedWidth, height: limitedHeight } = ((directusImage == null ? void 0 : directusImage.width) && (directusImage == null ? void 0 : directusImage.height) ? limitOpenGraphImageDimensions(
     directusImage.width,
@@ -52,7 +48,7 @@ function useOpenGraphImage(image, options) {
     url: imgHref
   };
 }
-function useMetadata(pageProps, options, defaultProps) {
+function getMetadata(pageProps, options, defaultProps) {
   var _a;
   const { title, image } = withFallbacks(pageProps, options);
   const { pageSettings } = pageProps ?? {};
@@ -60,8 +56,8 @@ function useMetadata(pageProps, options, defaultProps) {
   const metaDescription = (defaultProps == null ? void 0 : defaultProps.meta_description) ?? (translation == null ? void 0 : translation.meta_description);
   const noFollow = (defaultProps == null ? void 0 : defaultProps.no_follow) ?? (translation == null ? void 0 : translation.no_follow);
   const noIndex = (defaultProps == null ? void 0 : defaultProps.no_index) ?? (translation == null ? void 0 : translation.no_index);
-  const directusImage = directusFile(image);
-  const openGraphImage = useOpenGraphImage(directusImage, options) ?? getOpenGraphImageFallback(options == null ? void 0 : options.ogFallbackImage, options);
+  const directusImage = index.getDirectusFile(image);
+  const openGraphImage = getOpenGraphImage(directusImage, options) ?? getOpenGraphImageFallback(options == null ? void 0 : options.ogFallbackImage, options);
   const openGraphType = options.openGraphTypeConfig[(pageSettings == null ? void 0 : pageSettings.belongs_to_collection) ?? ""] ?? "website";
   const alternates = options.createAlternateUrls(pageSettings);
   const { canonical } = alternates;
@@ -89,4 +85,7 @@ function useMetadata(pageProps, options, defaultProps) {
   };
   return metadata;
 }
-module.exports = useMetadata;
+const useMetadata = getMetadata;
+exports.getMetadata = getMetadata;
+exports.getOpenGraphImage = getOpenGraphImage;
+exports.useMetadata = useMetadata;

package/{hooks/directus-metadata.mjs → utils/getDirectusMetadata/index.mjs}

@@ -1,10 +1,5 @@
-import "react/jsx-runtime";
-import "@okam/next-component";
-import useDirectusFile from "./directus-file.mjs";
-import "@okam/stack-ui";
-import "next/link.js";
-import "../logger.mjs";
 import { min } from "radashi";
+import { getDirectusFile } from "../getDirectusFile/index.mjs";
 function withFallbacks(pageProps, options) {
   var _a, _b;
   const { pageSettings } = pageProps ?? {};
@@ -27,8 +22,8 @@ function getOpenGraphImageFallback(fallbackImage, options) {
   const dimensions = limitOpenGraphImageDimensions(width, height, options == null ? void 0 : options.ogImageMaxWidth, options == null ? void 0 : options.ogImageMaxHeight);
   return { ...fallbackImage, ...dimensions, url: src };
 }
-function useOpenGraphImage(image, options) {
-  const directusImage = useDirectusFile(image);
+function getOpenGraphImage(image, options) {
+  const directusImage = getDirectusFile(image);
   const { src, alt } = directusImage ?? {};
   const { width: limitedWidth, height: limitedHeight } = ((directusImage == null ? void 0 : directusImage.width) && (directusImage == null ? void 0 : directusImage.height) ? limitOpenGraphImageDimensions(
     directusImage.width,
@@ -51,7 +46,7 @@ function useOpenGraphImage(image, options) {
     url: imgHref
   };
 }
-function useMetadata(pageProps, options, defaultProps) {
+function getMetadata(pageProps, options, defaultProps) {
   var _a;
   const { title, image } = withFallbacks(pageProps, options);
   const { pageSettings } = pageProps ?? {};
@@ -59,8 +54,8 @@ function useMetadata(pageProps, options, defaultProps) {
   const metaDescription = (defaultProps == null ? void 0 : defaultProps.meta_description) ?? (translation == null ? void 0 : translation.meta_description);
   const noFollow = (defaultProps == null ? void 0 : defaultProps.no_follow) ?? (translation == null ? void 0 : translation.no_follow);
   const noIndex = (defaultProps == null ? void 0 : defaultProps.no_index) ?? (translation == null ? void 0 : translation.no_index);
-  const directusImage = useDirectusFile(image);
-  const openGraphImage = useOpenGraphImage(directusImage, options) ?? getOpenGraphImageFallback(options == null ? void 0 : options.ogFallbackImage, options);
+  const directusImage = getDirectusFile(image);
+  const openGraphImage = getOpenGraphImage(directusImage, options) ?? getOpenGraphImageFallback(options == null ? void 0 : options.ogFallbackImage, options);
   const openGraphType = options.openGraphTypeConfig[(pageSettings == null ? void 0 : pageSettings.belongs_to_collection) ?? ""] ?? "website";
   const alternates = options.createAlternateUrls(pageSettings);
   const { canonical } = alternates;
@@ -88,6 +83,9 @@ function useMetadata(pageProps, options, defaultProps) {
   };
   return metadata;
 }
+const useMetadata = getMetadata;
 export {
-  useMetadata as default
+  getMetadata,
+  getOpenGraphImage,
+  useMetadata
 };

package/utils/getDirectusSearchParams/index.d.ts

@@ -0,0 +1,8 @@
+import { Nullable } from '../../../../../stack/stack-ui/src/index.ts';
+import { TSearchParams } from '../../types/links';
+
+export declare function getDirectusSearchParams(params: Nullable<Nullable<TSearchParams>[]>): URLSearchParams;
+/**
+ * @deprecated Use `getDirectusSearchParams` instead
+ */
+export declare const useDirectusSearchParams: typeof getDirectusSearchParams;

package/{hooks/directus-search-params.js → utils/getDirectusSearchParams/index.js}

@@ -1,4 +1,5 @@
 "use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const radashi = require("radashi");
 function getDirectusSearchParams(params) {
   const searchParams = new URLSearchParams();
@@ -11,4 +12,4 @@ function getDirectusSearchParams(params) {
   });
   return searchParams;
 }
-module.exports = getDirectusSearchParams;
+exports.getDirectusSearchParams = getDirectusSearchParams;

package/{hooks/directus-search-params.mjs → utils/getDirectusSearchParams/index.mjs}

@@ -11,5 +11,5 @@ function getDirectusSearchParams(params) {
   return searchParams;
 }
 export {
-  getDirectusSearchParams as default
+  getDirectusSearchParams
 };

package/utils/getNavigationItems/index.d.ts

@@ -0,0 +1,15 @@
+import { Nullable } from '../../../../../stack/stack-ui/src/index.ts';
+import { TDirectusLinkProps } from '../../components/DirectusLink/interface';
+import { TNavigationItems, TNavigationItemsTree } from '../../types/navigationItems';
+
+/**
+ *
+ * @param navigationItems A tree of navigation items, with parents and children
+ * @param onNavigationItem Called when a navigation item is about to be added to the tree
+ * @returns A tree of navigation items with ready-to-use DirectusLink components
+ */
+export declare function getNavigationItems<Depth extends number, Link, Items extends TNavigationItems<Items, Link, Depth> = TNavigationItems<unknown, Link, Depth>>(items: Nullable<Nullable<TNavigationItems<Items, Link, Depth>>[]>, onNavigationItem: (item: Nullable<TNavigationItems<Items, Link, Depth>>) => Nullable<TDirectusLinkProps>): Nullable<Nullable<TNavigationItemsTree>[]>;
+/**
+ * @deprecated Use `getNavigationItems` instead
+ */
+export declare const useNavigationItems: typeof getNavigationItems;

package/{hooks/navigation-items.js → utils/getNavigationItems/index.js}

@@ -1,6 +1,7 @@
 "use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const index = require("../components/DirectusLink/index.js");
+const index = require("../../components/DirectusLink/index.js");
 function createLinkProps(item, onNavigationItem) {
   const { tokens, variant } = item ?? {};
   const link = onNavigationItem(item);
@@ -39,7 +40,7 @@ function createChildrenTree(item, onNavigationItem, depth = 1) {
     depth
   };
 }
-function useNavigationItems(items, onNavigationItem) {
+function getNavigationItems(items, onNavigationItem) {
   const tree = items == null ? void 0 : items.map((item) => {
     const { children, parent } = item ?? {};
     const linkProps = createLinkProps(item, onNavigationItem);
@@ -55,4 +56,6 @@ function useNavigationItems(items, onNavigationItem) {
   });
   return tree;
 }
-module.exports = useNavigationItems;
+const useNavigationItems = getNavigationItems;
+exports.getNavigationItems = getNavigationItems;
+exports.useNavigationItems = useNavigationItems;

package/{hooks/navigation-items.mjs → utils/getNavigationItems/index.mjs}

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import DirectusLink from "../components/DirectusLink/index.mjs";
+import DirectusLink from "../../components/DirectusLink/index.mjs";
 function createLinkProps(item, onNavigationItem) {
   const { tokens, variant } = item ?? {};
   const link = onNavigationItem(item);
@@ -38,7 +38,7 @@ function createChildrenTree(item, onNavigationItem, depth = 1) {
     depth
   };
 }
-function useNavigationItems(items, onNavigationItem) {
+function getNavigationItems(items, onNavigationItem) {
   const tree = items == null ? void 0 : items.map((item) => {
     const { children, parent } = item ?? {};
     const linkProps = createLinkProps(item, onNavigationItem);
@@ -54,6 +54,8 @@ function useNavigationItems(items, onNavigationItem) {
   });
   return tree;
 }
+const useNavigationItems = getNavigationItems;
 export {
-  useNavigationItems as default
+  getNavigationItems,
+  useNavigationItems
 };

package/hooks/directus-link.d.ts

@@ -1,3 +0,0 @@
-import type { TAnchorProps } from '@okam/stack-ui';
-import type { TUseDirectusLink } from '../components/DirectusLink/interface';
-export default function useDirectusLink(props: TUseDirectusLink): TAnchorProps;

package/hooks/directus-link.js

@@ -1,94 +0,0 @@
-"use strict";
-const Link = require("next/link.js");
-const logger = require("../logger.js");
-const directusFile = require("./directus-file.js");
-const directusSearchParams = require("./directus-search-params.js");
-function useFile(props) {
-  const { file } = props;
-  const { filename_download: filenameDownload } = file ?? {};
-  const { src } = directusFile(file) ?? {};
-  return {
-    href: src,
-    download: filenameDownload ?? true
-  };
-}
-function useCollection(props) {
-  var _a, _b;
-  const { collection, target } = props;
-  return {
-    href: ((_b = (_a = collection == null ? void 0 : collection.translations) == null ? void 0 : _a[0]) == null ? void 0 : _b.path) ?? void 0,
-    target: target ?? void 0
-  };
-}
-function useExternalLink(props) {
-  const { external_link: externalLink, target } = props;
-  return {
-    href: externalLink ?? void 0,
-    target: target ?? void 0
-  };
-}
-function useAnchor(props) {
-  const { anchor } = props;
-  return { href: anchor ?? void 0 };
-}
-const defaultPropsConfig = {
-  collection: useCollection,
-  // eslint-disable-next-line @typescript-eslint/naming-convention
-  "external-link": useExternalLink,
-  file: useFile,
-  anchor: useAnchor
-};
-function useDirectusLink(props) {
-  var _a;
-  const {
-    type,
-    label,
-    prefetch,
-    replace,
-    scroll,
-    tokens,
-    themeName,
-    customTheme,
-    propsConfig,
-    as = Link,
-    target,
-    anchor,
-    collection,
-    external_link: externalLink,
-    file,
-    id,
-    params,
-    ...rest
-  } = props;
-  const searchParams = directusSearchParams(params);
-  if (!type) return {};
-  const finalConfig = { ...defaultPropsConfig, ...propsConfig ?? {} };
-  const linkProps = ((_a = finalConfig[type]) == null ? void 0 : _a.call(finalConfig, props)) ?? {};
-  const { href, ...restOfLinkProps } = linkProps;
-  if (!href) return {};
-  if (!URL.canParse(href)) {
-    logger.logger.log("Invalid href", "error", { href });
-    return {};
-  }
-  const hrefUrl = new URL(href);
-  searchParams.forEach((value, name) => {
-    hrefUrl.searchParams.append(name, value);
-  });
-  return {
-    ...rest,
-    as,
-    ...themeName ? { themeName } : {},
-    ...customTheme ? { customTheme } : {},
-    ...tokens ? { tokens } : {},
-    nextLinkProps: {
-      href: hrefUrl.toString(),
-      prefetch: prefetch ?? void 0,
-      scroll: scroll ?? void 0,
-      replace: replace ?? void 0
-    },
-    href: hrefUrl.toString(),
-    children: label,
-    ...restOfLinkProps
-  };
-}
-module.exports = useDirectusLink;