@okam/directus-next-component 1.7.36 → 1.7.38

package/CHANGELOG.md

@@ -1,3 +1,64 @@
+## 1.7.38 (2026-01-15)
+
+### 🚀 Features
+
+- ⚠️  React 19 + Next.js 15 upgrade for all @okam/* packages ([#369](https://github.com/OKAMca/stack/pull/369))
+- **directus-next-component:** directus link supports search params ([21a3e46](https://github.com/OKAMca/stack/commit/21a3e46))
+
+### 🩹 Fixes
+
+- **directus-next-component:** valid directus link href error handling ([#365](https://github.com/OKAMca/stack/pull/365))
+- ⚠️  functions starting with "use" should be reserved to react hooks ([68f1f8f](https://github.com/OKAMca/stack/commit/68f1f8f))
+- **directus-next:** bump version ([e9441ad](https://github.com/OKAMca/stack/commit/e9441ad))
+- **directus-next-component:** core-lib in externals deps ([9b04ca0](https://github.com/OKAMca/stack/commit/9b04ca0))
+- update vite-plugin-dts to version 3 ([5d33c77](https://github.com/OKAMca/stack/commit/5d33c77))
+
+### ⚠️  Breaking Changes
+
+- Consumers must now have react and react-dom in their own
+
+### 🧱 Updated Dependencies
+
+- Updated next-component to 1.3.0
+- Updated directus-next to 1.2.12
+
+### ❤️ Thank You
+
+- Marie-Maxime Tanguay @marie-maxime
+- Pierre-Olivier Clerson @poclerson
+- poclerson
+
+## 1.7.37 (2026-01-14)
+
+### 🚀 Features
+
+- ⚠️  React 19 + Next.js 15 upgrade for all @okam/* packages ([#369](https://github.com/OKAMca/stack/pull/369))
+- **directus-next-component:** directus link supports search params ([21a3e46](https://github.com/OKAMca/stack/commit/21a3e46))
+
+### 🩹 Fixes
+
+- **directus-next-component:** valid directus link href error handling ([#365](https://github.com/OKAMca/stack/pull/365))
+- ⚠️  functions starting with "use" should be reserved to react hooks ([68f1f8f](https://github.com/OKAMca/stack/commit/68f1f8f))
+- **directus-next:** bump version ([e9441ad](https://github.com/OKAMca/stack/commit/e9441ad))
+- **directus-next-component:** core-lib in externals deps ([9b04ca0](https://github.com/OKAMca/stack/commit/9b04ca0))
+- update vite-plugin-dts to version 3 ([5d33c77](https://github.com/OKAMca/stack/commit/5d33c77))
+
+### ⚠️  Breaking Changes
+
+- Consumers must now have react and react-dom in their own
+
+### 🧱 Updated Dependencies
+
+- Updated stack-ui to 1.44.0
+- Updated next-component to 1.2.4
+- Updated directus-next to 1.2.11
+
+### ❤️ Thank You
+
+- Marie-Maxime Tanguay @marie-maxime
+- Pierre-Olivier Clerson @poclerson
+- poclerson
+
 ## 1.7.36 (2026-01-13)
 
 ### 🚀 Features

package/README.md

@@ -89,7 +89,7 @@ const depthMap: Record<number, object> = {
 }
 
 // Loop recursively through navigation items and assign style based on depth
-function renderTree(tree: Nullable<TNavigationItemsTree>): React.ReactNode {
+function renderTree(tree: Nullable<TTNavigationItemsTree>): React.ReactNode {
   if (!tree) return null
   const { children, link, linkProps, depth } = tree
   const style = depthMap[depth]

package/components/DirectusFile/config.js

@@ -1,8 +1,8 @@
 "use strict";
-const index = require("../DirectusImg/index.js");
-const index$1 = require("../DirectusVideo/index.js");
+const index$1 = require("../DirectusImg/index.js");
+const index = require("../DirectusVideo/index.js");
 const directusFileConfig = {
-  image: index,
-  video: index$1
+  image: index$1,
+  video: index
 };
 module.exports = directusFileConfig;

package/components/DirectusImg/index.js

@@ -2,10 +2,10 @@
 const jsxRuntime = require("react/jsx-runtime");
 const nextComponent = require("@okam/next-component");
 const thumbhash = require("unlazy/thumbhash");
-const directusFile = require("../../hooks/directus-file.js");
+const index = require("../../utils/getDirectusFile/index.js");
 const DirectusImg = (props) => {
   const { fit, baseUrl, focal_point_x: focalPointX, focal_point_y: focalPointY, thumbhash: thumbhash$1, width, height } = props;
-  const fileProps = directusFile(props, baseUrl, { fit });
+  const fileProps = index.getDirectusFile(props, baseUrl, { fit });
   if (!fileProps) return null;
   const hasFocalPoint = !!focalPointX && !!focalPointY && !!width && !!height;
   const style = hasFocalPoint ? {

package/components/DirectusImg/index.mjs

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { Img } from "@okam/next-component";
 import { createPngDataUri } from "unlazy/thumbhash";
-import useDirectusFile from "../../hooks/directus-file.mjs";
+import { getDirectusFile } from "../../utils/getDirectusFile/index.mjs";
 const DirectusImg = (props) => {
   const { fit, baseUrl, focal_point_x: focalPointX, focal_point_y: focalPointY, thumbhash, width, height } = props;
-  const fileProps = useDirectusFile(props, baseUrl, { fit });
+  const fileProps = getDirectusFile(props, baseUrl, { fit });
   if (!fileProps) return null;
   const hasFocalPoint = !!focalPointX && !!focalPointY && !!width && !!height;
   const style = hasFocalPoint ? {

package/components/DirectusLink/index.js

@@ -1,10 +1,10 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
 const stackUi = require("@okam/stack-ui");
-const directusLink = require("../../hooks/directus-link.js");
+const index = require("../../utils/getDirectusLink/index.js");
 const DirectusLink = (props) => {
   const { type, componentsConfig } = props;
-  const linkProps = directusLink(props);
+  const linkProps = index.getDirectusLink(props);
   if (!type) return null;
   const LinkComponent = componentsConfig == null ? void 0 : componentsConfig[type];
   if (LinkComponent) return /* @__PURE__ */ jsxRuntime.jsx(LinkComponent, { ...props });

package/components/DirectusLink/index.mjs

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { Anchor } from "@okam/stack-ui";
-import useDirectusLink from "../../hooks/directus-link.mjs";
+import { getDirectusLink } from "../../utils/getDirectusLink/index.mjs";
 const DirectusLink = (props) => {
   const { type, componentsConfig } = props;
-  const linkProps = useDirectusLink(props);
+  const linkProps = getDirectusLink(props);
   if (!type) return null;
   const LinkComponent = componentsConfig == null ? void 0 : componentsConfig[type];
   if (LinkComponent) return /* @__PURE__ */ jsx(LinkComponent, { ...props });

package/components/DirectusLink/interface.d.ts

@@ -2,13 +2,13 @@ import { TDefaultComponent, TAnchorProps } from '../../../../../stack/stack-ui/s
 import { AriaAttributes, ComponentType } from 'react';
 import { TLinks } from '../../types/links';
 
-export type TDirectusLink = Omit<TDefaultComponent, 'children'> & Omit<Partial<TLinks>, 'tokens'> & AriaAttributes;
-export interface TUseDirectusLink extends TDirectusLink {
+export type DirectusLink = Omit<TDefaultComponent, 'children'> & Omit<Partial<TLinks>, 'tokens'> & AriaAttributes;
+export interface TGetDirectusLink extends DirectusLink {
     propsConfig?: TDirectusLinkPropsConfig;
 }
-export interface TDirectusLinkProps extends TDirectusLink {
+export interface TDirectusLinkProps extends DirectusLink {
     componentsConfig?: TDirectusLinkComponentsConfig;
     propsConfig?: TDirectusLinkPropsConfig;
 }
 export type TDirectusLinkComponentsConfig = Record<string, ComponentType<TDirectusLinkProps>>;
-export type TDirectusLinkPropsConfig<ReturnProps extends TAnchorProps = TAnchorProps> = Record<string, (props: TUseDirectusLink) => ReturnProps>;
+export type TDirectusLinkPropsConfig<ReturnProps extends TAnchorProps = TAnchorProps> = Record<string, (props: TGetDirectusLink) => ReturnProps>;

package/components/DirectusVideo/index.js

@@ -1,10 +1,10 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
 const stackUi = require("@okam/stack-ui");
-const directusFile = require("../../hooks/directus-file.js");
+const index = require("../../utils/getDirectusFile/index.js");
 const DirectusVideo = (props) => {
   const { baseUrl } = props;
-  const fileProps = directusFile(props, baseUrl);
+  const fileProps = index.getDirectusFile(props, baseUrl);
   if (!fileProps) return null;
   const { type } = fileProps;
   return /* @__PURE__ */ jsxRuntime.jsx(stackUi.Video, { ...fileProps, type: type ?? void 0 });

package/components/DirectusVideo/index.mjs

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { Video } from "@okam/stack-ui";
-import useDirectusFile from "../../hooks/directus-file.mjs";
+import { getDirectusFile } from "../../utils/getDirectusFile/index.mjs";
 const DirectusVideo = (props) => {
   const { baseUrl } = props;
-  const fileProps = useDirectusFile(props, baseUrl);
+  const fileProps = getDirectusFile(props, baseUrl);
   if (!fileProps) return null;
   const { type } = fileProps;
   return /* @__PURE__ */ jsx(Video, { ...fileProps, type: type ?? void 0 });

package/index.d.ts

@@ -2,12 +2,17 @@ export { default as DirectusLink } from './components/DirectusLink';
 export { default as DirectusImg } from './components/DirectusImg';
 export { default as DirectusVideo } from './components/DirectusVideo';
 export { default as DirectusFile } from './components/DirectusFile';
-export { default as useDirectusFile } from './hooks/directus-file';
-export { default as useDirectusLink } from './hooks/directus-link';
-export { default as getDirectusSearchParams } from './hooks/directus-search-params';
-export { default as useNavigationItems } from './hooks/navigation-items';
-export { default as useMetadata } from './hooks/directus-metadata';
+export { getDirectusFile, useDirectusFile } from './utils/getDirectusFile';
+export { getDirectusLink, useDirectusLink } from './utils/getDirectusLink';
+export { getNavigationItems, useNavigationItems } from './utils/getNavigationItems';
+export { getMetadata, useMetadata } from './utils/getDirectusMetadata';
+export { getDirectusSearchParams } from './utils/getDirectusSearchParams';
 export { logger as DirectusNextComponent } from './logger';
+export * from './types';
+export type { TDirectusLinkProps, TDirectusLinkPropsConfig, TDirectusLinkComponentsConfig, } from './components/DirectusLink/interface';
+export type { TDirectusFileProps } from './components/DirectusFile/interface';
+export type { TDirectusImgProps } from './components/DirectusImg/interface';
+export type { TDirectusVideoProps } from './components/DirectusVideo/interface';
 export type { 
 /**
  * @deprecated Import from `@okam/directus-next` instead
@@ -17,7 +22,3 @@ export type {
 /**
  * @deprecated Import from `@okam/directus-next` instead
  */ TPageSettings, } from '../../directus-next/src/index.ts';
-export type { TNavigationItems, TNavigationItemsTree } from './types/navigation-items';
-export type { TLinks, SearchParams } from './types/links';
-export type { TDirectusLinkProps, TUseDirectusLink, TDirectusLink, TDirectusLinkPropsConfig, TDirectusLinkComponentsConfig, } from './components/DirectusLink/interface';
-export type { TMetadataOptions } from './types/metadata';

package/index.js

@@ -4,19 +4,23 @@ const index = require("./components/DirectusLink/index.js");
 const index$1 = require("./components/DirectusImg/index.js");
 const index$2 = require("./components/DirectusVideo/index.js");
 const index$3 = require("./components/DirectusFile/index.js");
-const directusFile = require("./hooks/directus-file.js");
-const directusLink = require("./hooks/directus-link.js");
-const directusSearchParams = require("./hooks/directus-search-params.js");
-const navigationItems = require("./hooks/navigation-items.js");
-const directusMetadata = require("./hooks/directus-metadata.js");
+const index$4 = require("./utils/getDirectusFile/index.js");
+const index$5 = require("./utils/getDirectusLink/index.js");
+const index$6 = require("./utils/getNavigationItems/index.js");
+const index$7 = require("./utils/getDirectusMetadata/index.js");
+const index$8 = require("./utils/getDirectusSearchParams/index.js");
 const logger = require("./logger.js");
 exports.DirectusLink = index;
 exports.DirectusImg = index$1;
 exports.DirectusVideo = index$2;
 exports.DirectusFile = index$3;
-exports.useDirectusFile = directusFile;
-exports.useDirectusLink = directusLink;
-exports.getDirectusSearchParams = directusSearchParams;
-exports.useNavigationItems = navigationItems;
-exports.useMetadata = directusMetadata;
+exports.getDirectusFile = index$4.getDirectusFile;
+exports.useDirectusFile = index$4.useDirectusFile;
+exports.getDirectusLink = index$5.getDirectusLink;
+exports.useDirectusLink = index$5.useDirectusLink;
+exports.getNavigationItems = index$6.getNavigationItems;
+exports.useNavigationItems = index$6.useNavigationItems;
+exports.getMetadata = index$7.getMetadata;
+exports.useMetadata = index$7.useMetadata;
+exports.getDirectusSearchParams = index$8.getDirectusSearchParams;
 exports.DirectusNextComponent = logger.logger;

package/index.mjs

@@ -2,11 +2,11 @@ import { default as default2 } from "./components/DirectusLink/index.mjs";
 import { default as default3 } from "./components/DirectusImg/index.mjs";
 import { default as default4 } from "./components/DirectusVideo/index.mjs";
 import { default as default5 } from "./components/DirectusFile/index.mjs";
-import { default as default6 } from "./hooks/directus-file.mjs";
-import { default as default7 } from "./hooks/directus-link.mjs";
-import { default as default8 } from "./hooks/directus-search-params.mjs";
-import { default as default9 } from "./hooks/navigation-items.mjs";
-import { default as default10 } from "./hooks/directus-metadata.mjs";
+import { getDirectusFile, useDirectusFile } from "./utils/getDirectusFile/index.mjs";
+import { getDirectusLink, useDirectusLink } from "./utils/getDirectusLink/index.mjs";
+import { getNavigationItems, useNavigationItems } from "./utils/getNavigationItems/index.mjs";
+import { getMetadata, useMetadata } from "./utils/getDirectusMetadata/index.mjs";
+import { getDirectusSearchParams } from "./utils/getDirectusSearchParams/index.mjs";
 import { logger } from "./logger.mjs";
 export {
   default5 as DirectusFile,
@@ -14,9 +14,13 @@ export {
   default2 as DirectusLink,
   logger as DirectusNextComponent,
   default4 as DirectusVideo,
-  default8 as getDirectusSearchParams,
-  default6 as useDirectusFile,
-  default7 as useDirectusLink,
-  default10 as useMetadata,
-  default9 as useNavigationItems
+  getDirectusFile,
+  getDirectusLink,
+  getDirectusSearchParams,
+  getMetadata,
+  getNavigationItems,
+  useDirectusFile,
+  useDirectusLink,
+  useMetadata,
+  useNavigationItems
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@okam/directus-next-component",
-  "version": "1.7.36",
+  "version": "1.7.38",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {
@@ -33,13 +33,14 @@
   },
   "dependencies": {
     "@okam/logger": "1.1.0",
-    "@okam/next-component": "1.2.3",
-    "@okam/stack-ui": "1.43.0",
+    "@okam/next-component": "1.3.0",
+    "@okam/stack-ui": "1.44.0",
     "@react-spring/web": "^10.0.3",
     "next": "^15.0.0",
     "radashi": "^12.3.0",
     "unlazy": "^0.12.1",
-    "@okam/directus-next": "1.2.10"
+    "@okam/directus-next": "1.2.12",
+    "zod": "^4.2.1"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0"

package/server.d.ts

@@ -4,7 +4,7 @@ export { default as DirectusImg } from './components/DirectusImg';
 export { default as DirectusLink } from './components/DirectusLink';
 export { default as DirectusVideo } from './components/DirectusVideo';
 export { logger as DirectusNextComponent } from './logger';
-export { default as useDirectusFile } from './hooks/directus-file';
-export { default as useDirectusLink } from './hooks/directus-link';
-export { default as useNavigationItems } from './hooks/navigation-items';
-export { default as useMetadata } from './hooks/directus-metadata';
+export { getDirectusFile, useDirectusFile } from './utils/getDirectusFile';
+export { getDirectusLink, useDirectusLink } from './utils/getDirectusLink';
+export { getNavigationItems, useNavigationItems } from './utils/getNavigationItems';
+export { getMetadata, useMetadata } from './utils/getDirectusMetadata';

package/server.js

@@ -6,17 +6,21 @@ const index$1 = require("./components/DirectusImg/index.js");
 const index$2 = require("./components/DirectusLink/index.js");
 const index$3 = require("./components/DirectusVideo/index.js");
 const logger = require("./logger.js");
-const directusFile = require("./hooks/directus-file.js");
-const directusLink = require("./hooks/directus-link.js");
-const navigationItems = require("./hooks/navigation-items.js");
-const directusMetadata = require("./hooks/directus-metadata.js");
+const index$4 = require("./utils/getDirectusFile/index.js");
+const index$5 = require("./utils/getDirectusLink/index.js");
+const index$6 = require("./utils/getNavigationItems/index.js");
+const index$7 = require("./utils/getDirectusMetadata/index.js");
 exports.withDirectus = withDirectus;
 exports.DirectusFile = index;
 exports.DirectusImg = index$1;
 exports.DirectusLink = index$2;
 exports.DirectusVideo = index$3;
 exports.DirectusNextComponent = logger.logger;
-exports.useDirectusFile = directusFile;
-exports.useDirectusLink = directusLink;
-exports.useNavigationItems = navigationItems;
-exports.useMetadata = directusMetadata;
+exports.getDirectusFile = index$4.getDirectusFile;
+exports.useDirectusFile = index$4.useDirectusFile;
+exports.getDirectusLink = index$5.getDirectusLink;
+exports.useDirectusLink = index$5.useDirectusLink;
+exports.getNavigationItems = index$6.getNavigationItems;
+exports.useNavigationItems = index$6.useNavigationItems;
+exports.getMetadata = index$7.getMetadata;
+exports.useMetadata = index$7.useMetadata;

package/server.mjs

@@ -4,19 +4,23 @@ import { default as default4 } from "./components/DirectusImg/index.mjs";
 import { default as default5 } from "./components/DirectusLink/index.mjs";
 import { default as default6 } from "./components/DirectusVideo/index.mjs";
 import { logger } from "./logger.mjs";
-import { default as default7 } from "./hooks/directus-file.mjs";
-import { default as default8 } from "./hooks/directus-link.mjs";
-import { default as default9 } from "./hooks/navigation-items.mjs";
-import { default as default10 } from "./hooks/directus-metadata.mjs";
+import { getDirectusFile, useDirectusFile } from "./utils/getDirectusFile/index.mjs";
+import { getDirectusLink, useDirectusLink } from "./utils/getDirectusLink/index.mjs";
+import { getNavigationItems, useNavigationItems } from "./utils/getNavigationItems/index.mjs";
+import { getMetadata, useMetadata } from "./utils/getDirectusMetadata/index.mjs";
 export {
   default3 as DirectusFile,
   default4 as DirectusImg,
   default5 as DirectusLink,
   logger as DirectusNextComponent,
   default6 as DirectusVideo,
-  default7 as useDirectusFile,
-  default8 as useDirectusLink,
-  default10 as useMetadata,
-  default9 as useNavigationItems,
+  getDirectusFile,
+  getDirectusLink,
+  getMetadata,
+  getNavigationItems,
+  useDirectusFile,
+  useDirectusLink,
+  useMetadata,
+  useNavigationItems,
   default2 as withDirectus
 };

package/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './links';
+export * from './metadata';
+export * from './navigationItems';

package/types/links.d.ts

@@ -16,9 +16,9 @@ export interface TLinks {
     type?: Nullable<string>;
     collection?: Nullable<TPageSettings>;
     file?: Nullable<TFiles>;
-    params?: Nullable<Nullable<SearchParams>[]>;
+    params?: Nullable<Nullable<TSearchParams>[]>;
 }
-export interface SearchParams {
+export interface TSearchParams {
     id?: string;
     name?: Nullable<string>;
     value?: Nullable<string>;

package/types/{navigation-items.d.ts → navigationItems.d.ts}

@@ -21,11 +21,11 @@ export type TNavigationItemsBase<Link> = {
     tokens?: any | null;
     variant?: string | null;
 } & Link;
-export type TNavigationItemsParents<NavigationItems, Link, Depth extends number> = Depth extends never ? TNavigationItemsBase<Link> : {
-    parent?: Nullable<TNavigationItemsParents<NavigationItems, Link, Depth>>;
+export type TNavigationItemsParents<TNavigationItems, Link, Depth extends number> = Depth extends never ? TNavigationItemsBase<Link> : {
+    parent?: Nullable<TNavigationItemsParents<TNavigationItems, Link, Depth>>;
 } & TNavigationItemsBase<Link>;
-export type TNavigationItemsChildren<NavigationItems, Link, Depth extends number> = Depth extends never ? TNavigationItemsBase<Link> : {
-    children?: Nullable<Nullable<TNavigationItemsChildren<NavigationItems, Link, DepthLimit[Depth]>>[]>;
+export type TNavigationItemsChildren<TNavigationItems, Link, Depth extends number> = Depth extends never ? TNavigationItemsBase<Link> : {
+    children?: Nullable<Nullable<TNavigationItemsChildren<TNavigationItems, Link, DepthLimit[Depth]>>[]>;
 } & TNavigationItemsBase<Link>;
-export type TNavigationItems<NavigationItems, Link, Depth extends number> = TNavigationItemsChildren<NavigationItems, Link, Depth> & TNavigationItemsParents<NavigationItems, Link, Depth>;
+export type TNavigationItems<Items, Link, Depth extends number> = TNavigationItemsChildren<Items, Link, Depth> & TNavigationItemsParents<Items, Link, Depth>;
 export {};

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

@@ -1,7 +1,8 @@
-import { TFiles } from '../../../directus-next/src/index.ts';
-import { Nullable } from '../../../../stack/stack-ui/src/index.ts';
+import { TFiles } from '../../../../directus-next/src/index.ts';
+import { Nullable } from '../../../../../stack/stack-ui/src/index.ts';
 
-export default function useDirectusFile(file: Nullable<TFiles>, baseUrl?: URL, searchParams?: Record<string, Nullable<string>>): {
+export declare function getDirectusUrl(file: Nullable<TFiles>, baseUrl?: URL, searchParams?: Record<string, Nullable<string>>): URL | null;
+export declare function getDirectusFile(file: Nullable<TFiles>, baseUrl?: URL, searchParams?: Record<string, Nullable<string>>): {
     tags?: any | null;
     location?: string | null;
     storage?: string | null;
@@ -23,3 +24,7 @@ export default function useDirectusFile(file: Nullable<TFiles>, baseUrl?: URL, s
     title: string | undefined;
     id: string;
 } | null;
+/**
+ * @deprecated Use `getDirectusFile` instead
+ */
+export declare const useDirectusFile: typeof getDirectusFile;

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

@@ -1,5 +1,6 @@
 "use strict";
-const logger = require("../logger.js");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const logger = require("../../logger.js");
 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";
@@ -23,7 +24,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);
@@ -38,4 +39,7 @@ function useDirectusFile(file, baseUrl, searchParams) {
     ...rest
   };
 }
-module.exports = useDirectusFile;
+const useDirectusFile = getDirectusFile;
+exports.getDirectusFile = getDirectusFile;
+exports.getDirectusUrl = getDirectusUrl;
+exports.useDirectusFile = useDirectusFile;

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,4 +0,0 @@
-import { TAnchorProps } from '../../../../stack/stack-ui/src/index.ts';
-import { 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;

package/hooks/directus-link.mjs

@@ -1,95 +0,0 @@
-import Link from "next/link.js";
-import { logger } from "../logger.mjs";
-import useDirectusFile from "./directus-file.mjs";
-import getDirectusSearchParams from "./directus-search-params.mjs";
-function useFile(props) {
-  const { file } = props;
-  const { filename_download: filenameDownload } = file ?? {};
-  const { src } = useDirectusFile(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 = getDirectusSearchParams(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.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
-  };
-}
-export {
-  useDirectusLink as default
-};

package/hooks/directus-metadata.d.ts

@@ -1,7 +0,0 @@
-import { TPageSettings, TPageSettingsTranslation } from '../../../directus-next/src/index.ts';
-import { Metadata } from 'next';
-import { TMetadataOptions } from '../types/metadata';
-
-export default function useMetadata<TPageProps extends {
-    pageSettings: TPageSettings;
-}>(pageProps: TPageProps, options: TMetadataOptions, defaultProps?: Partial<TPageSettingsTranslation>): Metadata;

package/hooks/directus-search-params.d.ts

@@ -1,4 +0,0 @@
-import { Nullable } from '../../../../stack/stack-ui/src/index.ts';
-import { SearchParams } from '../types/links';
-
-export default function getDirectusSearchParams(params: Nullable<Nullable<SearchParams>[]>): URLSearchParams;

package/hooks/navigation-items.d.ts

@@ -1,11 +0,0 @@
-import { Nullable } from '../../../../stack/stack-ui/src/index.ts';
-import { TDirectusLinkProps } from '../components/DirectusLink/interface';
-import { TNavigationItems, TNavigationItemsTree } from '../types/navigation-items';
-
-/**
- *
- * @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 default function useNavigationItems<Depth extends number, Link, NavigationItems extends TNavigationItems<NavigationItems, Link, Depth> = TNavigationItems<unknown, Link, Depth>>(items: Nullable<Nullable<TNavigationItems<NavigationItems, Link, Depth>>[]>, onNavigationItem: (item: Nullable<TNavigationItems<NavigationItems, Link, Depth>>) => Nullable<TDirectusLinkProps>): Nullable<Nullable<TNavigationItemsTree>[]>;