@okam/directus-next-component 1.7.35 → 1.7.37

package/CHANGELOG.md

@@ -1,3 +1,58 @@
+## 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
+
+- React 19 + Next.js 15 support ([#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:** 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))
+
+### 🧱 Updated Dependencies
+
+- Updated stack-ui to 1.43.0
+- Updated next-component to 1.2.3
+
+### ❤️ Thank You
+
+- Marie-Maxime Tanguay @marie-maxime
+- Pierre-Olivier Clerson @poclerson
+- poclerson
+
 ## 1.7.35 (2025-11-27)
 
 ### 🚀 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.d.ts

@@ -1,4 +1,5 @@
-import type { ComponentType } from '@react-spring/web';
-import type { TDirectusFileProps } from './interface';
+import { ComponentType } from '@react-spring/web';
+import { TDirectusFileProps } from './interface';
+
 declare const directusFileConfig: Record<string, ComponentType<TDirectusFileProps>>;
 export default directusFileConfig;

package/components/DirectusFile/index.d.ts

@@ -1,3 +1,4 @@
-import type { TDirectusFileProps } from './interface';
+import { TDirectusFileProps } from './interface';
+
 declare const DirectusFile: (props: TDirectusFileProps) => import("react/jsx-runtime").JSX.Element | null;
 export default DirectusFile;

package/components/DirectusFile/interface.d.ts

@@ -1,5 +1,6 @@
-import type { TFiles } from '@okam/directus-next';
-import type { TDefaultComponent } from '@okam/stack-ui';
+import { TFiles } from '../../../../directus-next/src/index.ts';
+import { TDefaultComponent } from '../../../../../stack/stack-ui/src/index.ts';
+
 export interface TDirectusFileProps extends TFiles, TDefaultComponent {
     /**
      * Serves to fall back to different parts of the URLs. Some properties have default values:

package/components/DirectusImg/index.d.ts

@@ -1,3 +1,4 @@
-import type { TDirectusImgProps } from './interface';
+import { TDirectusImgProps } from './interface';
+
 declare const DirectusImg: (props: TDirectusImgProps) => import("react/jsx-runtime").JSX.Element | null;
 export default DirectusImg;

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/DirectusImg/interface.d.ts

@@ -1,4 +1,5 @@
-import type { TDirectusFileProps } from '../DirectusFile/interface';
+import { TDirectusFileProps } from '../DirectusFile/interface';
+
 export interface TDirectusImgProps extends TDirectusFileProps {
     fit?: 'cover' | 'contain' | 'inside' | 'outside';
 }

package/components/DirectusLink/index.d.ts

@@ -1,3 +1,4 @@
-import type { TDirectusLinkProps } from './interface';
+import { TDirectusLinkProps } from './interface';
+
 declare const DirectusLink: (props: TDirectusLinkProps) => import("react/jsx-runtime").JSX.Element | null;
 export default DirectusLink;

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

@@ -1,13 +1,14 @@
-import type { TDefaultComponent, TAnchorProps } from '@okam/stack-ui';
-import type { AriaAttributes, ComponentType } from 'react';
-import type { TLinks } from '../../types/links';
-export type TDirectusLink = Omit<TDefaultComponent, 'children'> & Omit<Partial<TLinks>, 'tokens'> & AriaAttributes;
-export interface TUseDirectusLink extends TDirectusLink {
+import { TDefaultComponent, TAnchorProps } from '../../../../../stack/stack-ui/src/index.ts';
+import { AriaAttributes, ComponentType } from 'react';
+import { TLinks } from '../../types/links';
+
+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.d.ts

@@ -1,3 +1,4 @@
-import type { TDirectusVideoProps } from './interface';
+import { TDirectusVideoProps } from './interface';
+
 declare const DirectusVideo: (props: TDirectusVideoProps) => import("react/jsx-runtime").JSX.Element | null;
 export default DirectusVideo;

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/components/DirectusVideo/interface.d.ts

@@ -1,5 +1,6 @@
-import type { VideoHTMLAttributes } from 'react';
-import type { TDirectusFileProps } from '../DirectusFile/interface';
+import { VideoHTMLAttributes } from 'react';
+import { TDirectusFileProps } from '../DirectusFile/interface';
+
 type TDirectusVideoAttributes = Omit<VideoHTMLAttributes<HTMLVideoElement>, 'height' | 'id' | 'title' | 'width'>;
 export type TDirectusVideoProps = TDirectusVideoAttributes & TDirectusFileProps;
 export {};

package/index.d.ts

@@ -2,22 +2,23 @@ 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
  */
-TFiles, } from '@okam/directus-next';
+TFiles, } from '../../directus-next/src/index.ts';
 export type { 
 /**
  * @deprecated Import from `@okam/directus-next` instead
- */ TPageSettings, } from '@okam/directus-next';
-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';
+ */ TPageSettings, } from '../../directus-next/src/index.ts';

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/lib/directus-next-rewrite.d.ts

@@ -1,5 +1,5 @@
-import type { NextRequest } from 'next/server';
-import { NextResponse } from 'next/server';
+import { NextRequest, NextResponse } from 'next/server';
+
 export declare function fetchPageSettings(pathName: string, lang?: string): Promise<string | null>;
 export declare function directusRouteMiddleware(request: NextRequest, locales: string[]): Promise<NextResponse<unknown>>;
 export declare const config: {

package/lib/withDirectus.d.ts

@@ -1,4 +1,5 @@
-import type { NextConfig } from 'next';
+import { NextConfig } from 'next';
+
 interface CustomPluginOptions {
     [key: string]: string;
 }

package/logger.d.ts

@@ -1 +1 @@
-export declare const logger: import("@okam/logger").Logger;
+export declare const logger: import('../../../stack/logger/src/index.ts').Logger;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@okam/directus-next-component",
-  "version": "1.7.35",
+  "version": "1.7.37",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {
@@ -33,13 +33,19 @@
   },
   "dependencies": {
     "@okam/logger": "1.1.0",
-    "@okam/next-component": "1.2.2",
-    "@okam/stack-ui": "1.42.4",
-    "@react-spring/web": "^9.7.5",
-    "next": "^14.1.1",
+    "@okam/next-component": "1.2.4",
+    "@okam/stack-ui": "1.44.0",
+    "@react-spring/web": "^10.0.3",
+    "next": "^15.0.0",
     "radashi": "^12.3.0",
-    "react": "18.3.1",
     "unlazy": "^0.12.1",
-    "@okam/directus-next": "1.2.9"
+    "@okam/directus-next": "1.2.11",
+    "zod": "^4.2.1"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "react": "^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

@@ -1,5 +1,6 @@
-import type { TPageSettings, TFiles } from '@okam/directus-next';
-import type { Nullable } from '@okam/stack-ui';
+import { TPageSettings, TFiles } from '../../../directus-next/src/index.ts';
+import { Nullable } from '../../../../stack/stack-ui/src/index.ts';
+
 /**
  * Represent the directus `links` collection, not the props of the DirectusLink component
  */
@@ -15,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/metadata.d.ts

@@ -1,9 +1,10 @@
-import type { TPageSettings } from '@okam/directus-next';
-import type { Nullable } from '@okam/stack-ui';
-import type { AlternateURLs } from 'next/dist/lib/metadata/types/alternative-urls-types';
-import type { OpenGraphType } from 'next/dist/lib/metadata/types/opengraph-types';
-import type { StaticImageData } from 'next/image';
-import type { TDirectusFileProps } from '../components/DirectusFile/interface';
+import { TPageSettings } from '../../../directus-next/src/index.ts';
+import { Nullable } from '../../../../stack/stack-ui/src/index.ts';
+import { AlternateURLs } from 'next/dist/lib/metadata/types/alternative-urls-types';
+import { OpenGraphType } from 'next/dist/lib/metadata/types/opengraph-types';
+import { StaticImageData } from 'next/image';
+import { TDirectusFileProps } from '../components/DirectusFile/interface';
+
 /**
  * Configuration options for metadata generation
  */

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

@@ -1,5 +1,6 @@
-import type { Nullable } from '@okam/stack-ui';
-import type { TDirectusLinkProps } from '../components/DirectusLink/interface';
+import { Nullable } from '../../../../stack/stack-ui/src/index.ts';
+import { TDirectusLinkProps } from '../components/DirectusLink/interface';
+
 export type TNavigationItemsTree = {
     /**
      * Pre-rendered DirectusLink component for quick usage
@@ -20,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,6 +1,8 @@
-import type { TFiles } from '@okam/directus-next';
-import type { Nullable } from '@okam/stack-ui';
-export default function useDirectusFile(file: Nullable<TFiles>, baseUrl?: URL, searchParams?: Record<string, Nullable<string>>): {
+import { TFiles } from '../../../../directus-next/src/index.ts';
+import { Nullable } from '../../../../../stack/stack-ui/src/index.ts';
+
+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;
@@ -22,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;