@tpzdsp/next-toolkit 1.2.0 → 1.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tpzdsp/next-toolkit",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "A reusable React component library for Next.js applications",
   "type": "module",
   "private": false,
@@ -28,14 +28,59 @@
       "import": "./src/index.ts",
       "require": "./src/index.ts"
     },
+    "./test": {
+      "types": "./src/test/index.ts",
+      "import": "./src/test/index.ts",
+      "require": "./src/test/index.ts"
+    },
+    "./utils": {
+      "types": "./src/utils/index.ts",
+      "import": "./src/utils/index.ts",
+      "require": "./src/utils/index.ts"
+    },
+    "./utils/http": {
+      "types": "./src/utils/http.ts",
+      "import": "./src/utils/http.ts",
+      "require": "./src/utils/http.ts"
+    },
+    "./components": {
+      "types": "./src/components/index.ts",
+      "import": "./src/components/index.ts",
+      "require": "./src/components/index.ts"
+    },
+    "./map": {
+      "types": "./src/map/index.ts",
+      "import": "./src/map/index.ts",
+      "require": "./src/map/index.ts"
+    },
+    "./types": {
+      "types": "./src/types/index.ts",
+      "import": "./src/types/index.ts",
+      "require": "./src/types/index.ts"
+    },
+    "./types/api": {
+      "types": "./src/types/api.ts",
+      "import": "./src/types/api.ts",
+      "require": "./src/types/api.ts"
+    },
+    "./types/components": {
+      "types": "./src/types/components.ts",
+      "import": "./src/types/components.ts",
+      "require": "./src/types/components.ts"
+    },
+    "./types/forms": {
+      "types": "./src/types/forms.ts",
+      "import": "./src/types/forms.ts",
+      "require": "./src/types/forms.ts"
+    },
+    "./types/auth": {
+      "types": "./src/types/auth.ts",
+      "import": "./src/types/auth.ts",
+      "require": "./src/types/auth.ts"
+    },
     "./styles": "./src/assets/styles/globals.css",
     "./fonts/*": "./src/assets/fonts/*",
-    "./images/*": "./src/assets/images/*",
-    "./types": {
-      "types": "./src/types.ts",
-      "import": "./src/types.ts",
-      "require": "./src/types.ts"
-    }
+    "./images/*": "./src/assets/images/*"
   },
   "scripts": {
     "lint": "eslint .",
@@ -75,7 +120,6 @@
     "@types/geojson": "^7946.0.16",
     "@types/jsonwebtoken": "^9.0.10",
     "@types/node": "^24.0.15",
-    "@types/proj4": "^2.19.0",
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
     "@typescript-eslint/eslint-plugin": "^8.38.0",
@@ -133,7 +177,6 @@
     "@turf/turf": "^7.2.0",
     "@types/geojson": "^7946.0.16",
     "@types/jsonwebtoken": "^9.0.10",
-    "@types/proj4": "^2.19.0",
     "geojson": "^0.5.0",
     "jsonwebtoken": "^9.0.2",
     "next": "^15.4.2",

package/src/assets/styles/ol.css

@@ -93,24 +93,24 @@
   top: unset !important;
 }
 
-.ol-geocoder ul.gcd-txt-result>li:nth-child(odd) {
+.ol-geocoder ul.gcd-txt-result > li:nth-child(odd) {
   background-color: #008938;
 }
 
-.ol-geocoder ul.gcd-txt-result>li:nth-child(even) {
+.ol-geocoder ul.gcd-txt-result > li:nth-child(even) {
   background-color: #bddabd;
 }
 
-.ol-geocoder ul.gcd-txt-result>li>a:hover {
-    background-color: #fff;
+.ol-geocoder ul.gcd-txt-result > li > a:hover {
+  background-color: #fff;
 }
 
 /* Change the text color on hover */
-.ol-geocoder ul.gcd-txt-result>li>a:hover .gcd-address,
-.ol-geocoder ul.gcd-txt-result>li>a:hover .gcd-road,
-.ol-geocoder ul.gcd-txt-result>li>a:hover .gcd-city,
-.ol-geocoder ul.gcd-txt-result>li>a:hover .gcd-country {
-    color: #000;
+.ol-geocoder ul.gcd-txt-result > li > a:hover .gcd-address,
+.ol-geocoder ul.gcd-txt-result > li > a:hover .gcd-road,
+.ol-geocoder ul.gcd-txt-result > li > a:hover .gcd-city,
+.ol-geocoder ul.gcd-txt-result > li > a:hover .gcd-country {
+  color: #000;
 }
 
 /* Ensure the text color when not hovering */
@@ -118,5 +118,5 @@
 .ol-geocoder ul.gcd-txt-result .gcd-road,
 .ol-geocoder ul.gcd-txt-result .gcd-city,
 .ol-geocoder ul.gcd-txt-result .gcd-country {
-    color: #fff;
+  color: #fff;
 }

package/src/components/Button/Button.test.tsx

@@ -1,7 +1,7 @@
 import { describe, expect, it } from 'vitest';
 
 import { Button } from './Button';
-import { render, screen } from '../../utils/renderers';
+import { render, screen } from '../../test/renderers';
 
 describe('Button', () => {
   it('renders with primary style', () => {

package/src/components/Button/Button.tsx

@@ -1,6 +1,6 @@
 import { twMerge } from 'tailwind-merge';
 
-import type { ExtendProps } from '../../types';
+import type { ExtendProps } from '../../types/utils';
 
 type Props = {
   type?: 'submit' | 'reset' | 'button';

package/src/components/Card/Card.test.tsx

@@ -1,7 +1,7 @@
 import { describe, expect, it } from 'vitest';
 
 import { Card } from './Card';
-import { render, screen } from '../../utils/renderers';
+import { render, screen } from '../../test/renderers';
 
 describe('Card', () => {
   it('renders with default color blue', () => {

package/src/components/ErrorText/ErrorText.test.tsx

@@ -1,7 +1,7 @@
 import { describe, expect, it } from 'vitest';
 
 import { ErrorText } from './ErrorText';
-import { render, screen } from '../../utils/renderers';
+import { render, screen } from '../../test/renderers';
 
 describe('ErrorText', () => {
   it('renders with default ErrorText', () => {

package/src/components/ErrorText/ErrorText.tsx

@@ -1,6 +1,6 @@
 import { twMerge } from 'tailwind-merge';
 
-import type { ExtendProps } from '../../types';
+import type { ExtendProps } from '../../types/utils';
 
 export type ErrorTextProps = ExtendProps<'p'>;
 

package/src/components/Heading/Heading.test.tsx

@@ -1,7 +1,7 @@
 import { describe, expect, it } from 'vitest';
 
 import { Heading, type HeadingProps } from './Heading';
-import { render, screen } from '../../utils/renderers';
+import { render, screen } from '../../test/renderers';
 
 describe('Heading Component', () => {
   const headingTypes: HeadingProps['type'][] = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];

package/src/components/Hint/Hint.test.tsx

@@ -1,7 +1,7 @@
 import { describe, expect, it } from 'vitest';
 
 import { Hint } from './Hint';
-import { render, screen } from '../../utils/renderers';
+import { render, screen } from '../../test/renderers';
 
 describe('Hint', () => {
   it('renders with default Hint message', () => {

package/src/components/Hint/Hint.tsx

@@ -1,6 +1,6 @@
 import { twMerge } from 'tailwind-merge';
 
-import type { ExtendProps } from '../../types';
+import type { ExtendProps } from '../../types/utils';
 
 export type HintProps = ExtendProps<'div'>;
 

package/src/components/Modal/Modal.test.tsx

@@ -1,7 +1,7 @@
 import { describe, expect, it, vi } from 'vitest';
 
 import { Modal } from './Modal';
-import { render, screen, userEvent } from '../../utils/renderers';
+import { render, screen, userEvent } from '../../test/renderers';
 
 const MODAL_CONTENT = 'Modal content';
 const MODAL_ROOT_ID = 'modal-root';

package/src/components/Paragraph/Paragraph.test.tsx

@@ -1,7 +1,7 @@
 import { describe, expect, it } from 'vitest';
 
 import { Paragraph } from './Paragraph';
-import { render, screen } from '../../utils/renderers';
+import { render, screen } from '../../test/renderers';
 
 describe('Paragraph', () => {
   it('renders with text', () => {

package/src/components/SlidingPanel/SlidingPanel.test.tsx

@@ -1,8 +1,7 @@
 import { describe, it, expect } from 'vitest';
 
-import { act, render, screen, userEvent, waitFor } from '@tpzdsp/next-toolkit';
-
 import { SlidingPanel } from './SlidingPanel';
+import { act, render, screen, userEvent, waitFor } from '../../test/renderers';
 
 const positions = ['center-left', 'center-right', 'center-top', 'center-bottom'] as const;
 

package/src/components/accordion/Accordion.test.tsx

@@ -1,7 +1,7 @@
 import { describe, expect, it } from 'vitest';
 
 import { Accordion } from './Accordion';
-import { render, screen, userEvent } from '../../utils/renderers';
+import { render, screen, userEvent } from '../../test/renderers';
 
 const TEST_CONTENT = 'Test content';
 const ARIA_EXPANDED = 'aria-expanded';

package/src/components/divider/RuleDivider.test.tsx

@@ -1,5 +1,5 @@
 import { RuleDivider } from './RuleDivider';
-import { render, screen } from '../../utils/renderers';
+import { render, screen } from '../../test/renderers';
 
 describe('RuleDivider', () => {
   it('should render with default props', () => {

package/src/components/dropdown/DropdownMenu.test.tsx

@@ -1,7 +1,7 @@
 import { describe, expect, it } from 'vitest';
 
 import { DropdownMenu, type DropdownMenuItem, type DrowndownMenuButton } from './DropdownMenu';
-import { render, screen, userEvent, waitFor } from '../../utils/renderers';
+import { render, screen, userEvent, waitFor } from '../../test/renderers';
 
 type Item = { label: string };
 

package/src/components/dropdown/useDropdownMenu.ts

@@ -10,7 +10,7 @@ import {
   useCallback,
 } from 'react';
 
-import type { ExtendProps } from '../../types';
+import type { ExtendProps } from '../../types/utils';
 
 /**
  * The current state of the menu

package/src/components/index.ts

@@ -40,6 +40,3 @@ export type { AccordionProps } from './accordion/Accordion';
 // Export layout components
 export { Header } from './layout/header/Header';
 export { Footer } from './layout/footer/Footer';
-
-// Export Map components
-export * from './map';

package/src/components/layout/header/Header.tsx

@@ -4,7 +4,8 @@ import { FaHouse } from 'react-icons/fa6';
 
 import { HeaderAuthClient } from './HeaderAuthClient';
 import { HeaderNavClient } from './HeaderNavClient';
-import type { Credentials, NavLink } from '../../../types';
+import type { Credentials } from '../../../types/auth';
+import type { NavLink } from '../../../types/navigation';
 import { DefraLogo } from '../../images/DefraLogo';
 import { EaLogo } from '../../images/EaLogo';
 import { ExternalLink } from '../../link/ExternalLink';

package/src/components/layout/header/HeaderAuthClient.tsx

@@ -2,7 +2,7 @@
 
 import { useEffect, useState } from 'react';
 
-import type { Credentials } from '../../../types';
+import type { Credentials } from '../../../types/auth';
 import { Link } from '../../link/Link';
 
 type HeaderAuthClientProps = {

package/src/components/layout/header/HeaderNavClient.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import type { NavLink } from '../../../types';
+import type { NavLink } from '../../../types/navigation';
 import { DropdownMenu, type DropdownMenuItem } from '../../dropdown/DropdownMenu';
 import { ExternalLink } from '../../link/ExternalLink';
 import { Link } from '../../link/Link';

package/src/components/link/ExternalLink.tsx

@@ -2,7 +2,7 @@ import type { ReactNode } from 'react';
 
 import { twMerge } from 'tailwind-merge';
 
-import type { ExtendProps } from '../../types';
+import type { ExtendProps } from '../../types/utils';
 
 type Props = {
   children: ReactNode;

package/src/components/link/Link.tsx

@@ -1,7 +1,7 @@
 import NextLink from 'next/link';
 import { twMerge } from 'tailwind-merge';
 
-import type { ExtendProps } from '../../types';
+import type { ExtendProps } from '../../types/utils';
 
 type Props = {
   href: string | object;

package/src/components/select/Select.test.tsx

@@ -1,7 +1,7 @@
 import selectEvent from 'react-select-event';
 
 import { Select } from './Select';
-import { render, screen, userEvent, waitFor } from '../../utils/renderers';
+import { render, screen, userEvent, waitFor } from '../../test/renderers';
 
 // Suppress act warnings for react-select tests
 const originalError = console.error;

package/src/components/select/SelectSkeleton.test.tsx

@@ -1,5 +1,5 @@
 import { SelectSkeleton } from './SelectSkeleton';
-import { render, screen } from '../../utils/renderers';
+import { render, screen } from '../../test/renderers';
 
 const LOADING_OPTIONS_LABEL = 'Loading options';
 

package/src/hooks/useClickOutside.test.ts

@@ -1,7 +1,7 @@
 import { useRef } from 'react';
 
 import { useClickOutside } from './useClickOutside';
-import { renderHook } from '../utils/renderers';
+import { renderHook } from '../test/renderers';
 
 describe('useClickOutside', () => {
   it('should call clickAwayHandler when clicking outside the element', () => {

package/src/index.ts

@@ -4,5 +4,8 @@ export * from './components';
 // Export all utilities (these can be used in both client and server)
 export * from './utils';
 
+// Export all map related code (these can be used in both client and server)
+export * from './map';
+
 // Export all types
 export * from './types';

package/src/{components/map → map}/Map.tsx

@@ -12,7 +12,7 @@ import { LayerSwitcherControl } from './LayerSwitcherControl';
 import { getPopupPositionClass } from './map';
 import { useMap } from './MapContext';
 import { Popup } from './Popup';
-import type { MapConfig, PopupDirection } from '../../types/map';
+import type { MapConfig, PopupDirection } from '../types/map';
 
 export type MapComponentProps = {
   osMapsApiKey?: string;

package/src/{components/map → map}/MapContext.tsx

@@ -13,7 +13,7 @@ import VectorSource from 'ol/source/Vector';
 
 import './projections';
 import { LAYER_NAMES } from './map';
-import type { MapConfig } from '../../types';
+import type { MapConfig } from '../types/map';
 
 export type MapContextType = {
   mapConfig: MapConfig;

package/src/{components/map → map}/Popup.tsx

@@ -4,7 +4,7 @@ import { Feature } from 'ol';
 import { GoLinkExternal } from 'react-icons/go';
 import { IoMdCloseCircle } from 'react-icons/io';
 
-import { ExternalLink } from '../../components/link/ExternalLink';
+import { ExternalLink } from '../components/link/ExternalLink';
 
 type PopupProps = {
   features: Feature[];

package/src/{components/map → map}/map.ts

@@ -1,6 +1,6 @@
 import { Map } from 'ol';
 
-import type { PopupDirection } from '../../types';
+import type { PopupDirection } from '../types/map';
 
 export const LAYER_NAMES = {
   Aoi: 'aoi-layer',

package/src/ol-geocoder.d.ts

@@ -0,0 +1 @@
+declare module 'ol-geocoder';

package/src/test/index.ts

@@ -0,0 +1 @@
+export * from './renderers';

package/src/types/api.ts

@@ -0,0 +1,52 @@
+// API related types
+export type ApiResponse<T = unknown> = {
+  data: T;
+  success: boolean;
+  message?: string;
+  errors?: Record<string, string[]>;
+};
+
+export type PaginationMeta = {
+  page: number;
+  perPage: number;
+  total: number;
+  totalPages: number;
+};
+
+export type PaginatedResponse<T = unknown> = {
+  meta: PaginationMeta;
+} & ApiResponse<T[]>;
+
+// Since we only ever fetch a single API we don't need multiple failure types,
+// so defining a global one as the default is fine. This can be changed per-app.
+export type ApiFailure = { message: string };
+
+type GenericResponse<Ok, Error> =
+  | ({
+      readonly ok: true;
+      json(): Promise<Ok | null>;
+    } & globalThis.Response)
+  | ({
+      readonly ok: false;
+      json(): Promise<Error>;
+    } & globalThis.Response);
+
+export type Response<Ok, Error> = GenericResponse<Ok, Error>;
+
+/**
+ * Typesafe version of the normal `fetch` function. It takes 2 generics:
+ * - `Ok` which defines type type of a successful request
+ * - `Error` which defines the type of a failed request (defaults to  the `ApiFailure` type)
+ *
+ * @param input The URL to fetch
+ * @param init Any fetch options, like cache, headers, body, etc.
+ */
+export declare function fetch<Ok = never, Error = ApiFailure>(
+  input: RequestInfo | URL,
+  init?: RequestInit,
+): Promise<Response<Ok, Error>>;
+
+export type WrappedApiResponse<T> = Promise<
+  | { success: true; data: T }
+  | { success: false; message: string; status?: number; details?: string[] }
+>;

package/src/types/auth.ts

@@ -0,0 +1,13 @@
+// Define an interface for the decoded JWT payload
+export type DecodedJWT = {
+  name: string;
+  email: string;
+  groupInfoIds: string[];
+  exp?: number; // Optional: JWT expiration timestamp
+  [key: string]: unknown; // Additional claims
+};
+
+export type Credentials = {
+  token: string;
+  user: DecodedJWT;
+};

package/src/types/index.ts

@@ -0,0 +1,6 @@
+// Barrel export for all types
+export * from './api';
+export * from './auth';
+export * from './navigation';
+export * from './utils';
+export * from './map';

package/src/types/map.ts

@@ -0,0 +1,26 @@
+export type PopupDirection = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+
+export type MapConfig = {
+  center: number[];
+  zoom: number;
+};
+
+export type Layer = {
+  name: string;
+  title: string;
+};
+
+export type MapSearchResults = {
+  results: {
+    GAZETTEER_ENTRY: {
+      GEOMETRY_Y: number;
+      NAME1: string;
+    };
+  }[];
+};
+
+export type TransformedResult = {
+  lon: number;
+  lat: number;
+  address: { name: string };
+}[];

package/src/types/navigation.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+
+export type NavLink = {
+  label: string;
+  url: string;
+  isExternal?: boolean;
+  icon?: ReactNode;
+};

package/src/types/utils.ts

@@ -0,0 +1,13 @@
+import type { ComponentProps } from 'react';
+
+// Utility types for better developer experience
+export type PropsWithRequired<T, K extends keyof T> = T & Required<Pick<T, K>>;
+export type PropsWithOptional<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
+
+export type ExtendProps<
+  // `ComponentProps` internally constrains `Comp` to be `JSXElementConstructor<any>`,
+  // and since our type must have the same constraints to avoid errors, `any` is required here
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  Comp extends keyof React.JSX.IntrinsicElements | React.JSXElementConstructor<any>,
+  Props = object,
+> = Props & Omit<ComponentProps<Comp>, keyof Props>;

package/src/utils/auth.ts

@@ -5,7 +5,7 @@ import type { NextRequest } from 'next/server';
 
 import { COOKIE_NAME } from './constants';
 import { decodeAuthToken } from './utils';
-import type { Credentials } from '../types';
+import type { Credentials } from '../types/auth';
 
 export const getCredentials = async (source?: NextRequest | null): Promise<Credentials | null> => {
   const cookieStore = source ? source?.cookies : await cookies();

package/src/utils/http.ts

@@ -1,4 +1,4 @@
-import type { Response, ApiFailure } from '../types';
+import type { Response, ApiFailure } from '../types/api';
 
 export const MimeTypes = {
   Json: 'application/json',

package/src/utils/index.ts

@@ -2,4 +2,3 @@ export * from './utils';
 export * from './auth';
 export * from './constants';
 export * from './http';
-export * from './renderers'; // This has testing-library dependencies, so probably need to add them as peer dependencies

package/src/utils/utils.ts

@@ -1,7 +1,7 @@
 import { decode } from 'jsonwebtoken';
 import { twMerge } from 'tailwind-merge';
 
-import type { Credentials, DecodedJWT } from '../types';
+import type { Credentials, DecodedJWT } from '../types/auth';
 
 export const decodeAuthToken = (token: string): Credentials | null => {
   if (!token) {

package/src/types.ts

@@ -1,149 +0,0 @@
-// Common types used throughout the library and consuming applications
-import type { ComponentProps, ReactNode } from 'react';
-
-export type BaseProps = {
-  className?: string;
-  children?: ReactNode;
-};
-
-export type NextLinkProps = {
-  href: string;
-  children: ReactNode;
-  className?: string;
-  target?: '_blank' | '_self' | '_parent' | '_top';
-  rel?: string;
-};
-
-export type ThemeContextValue = {
-  theme: 'light' | 'dark';
-  toggleTheme: () => void;
-};
-
-// Component variant types
-export type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost';
-export type ButtonSize = 'sm' | 'md' | 'lg';
-export type CardVariant = 'default' | 'elevated' | 'outlined';
-export type ContainerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
-
-// Common utility types that apps might need
-export type Variant = 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
-export type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export type Status = 'idle' | 'loading' | 'success' | 'error';
-export type Theme = 'light' | 'dark' | 'system';
-
-// Form related types
-export type FormFieldProps = {
-  name: string;
-  label?: string;
-  error?: string;
-  required?: boolean;
-  disabled?: boolean;
-  className?: string;
-};
-
-// API related types
-export type ApiResponse<T = unknown> = {
-  data: T;
-  success: boolean;
-  message?: string;
-  errors?: Record<string, string[]>;
-};
-
-export type PaginationMeta = {
-  page: number;
-  perPage: number;
-  total: number;
-  totalPages: number;
-};
-
-export type PaginatedResponse<T = unknown> = {
-  meta: PaginationMeta;
-} & ApiResponse<T[]>;
-
-// Event handler types
-export type ClickHandler = (event: React.MouseEvent<HTMLElement>) => void;
-export type ChangeHandler<T = HTMLInputElement> = (event: React.ChangeEvent<T>) => void;
-export type SubmitHandler = (event: React.FormEvent<HTMLFormElement>) => void;
-
-// Utility types for better developer experience
-export type PropsWithRequired<T, K extends keyof T> = T & Required<Pick<T, K>>;
-export type PropsWithOptional<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
-
-export type ExtendProps<
-  // `ComponentProps` internally constrains `Comp` to be `JSXElementConstructor<any>`,
-  // and since our type must have the same constraints to avoid errors, `any` is required here
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  Comp extends keyof React.JSX.IntrinsicElements | React.JSXElementConstructor<any>,
-  Props = object,
-> = Props & Omit<ComponentProps<Comp>, keyof Props>;
-
-// Define an interface for the decoded JWT payload
-export type DecodedJWT = {
-  name: string;
-  email: string;
-  groupInfoIds: string[];
-  exp?: number; // Optional: JWT expiration timestamp
-  [key: string]: unknown; // Additional claims
-};
-
-export type Credentials = {
-  token: string;
-  user: DecodedJWT;
-};
-
-export type NavLink = {
-  label: string;
-  url: string;
-  isExternal?: boolean;
-  icon?: ReactNode;
-};
-
-type GenericResponse<Ok, Error> =
-  | ({
-      readonly ok: true;
-      json(): Promise<Ok | null>;
-    } & globalThis.Response)
-  | ({
-      readonly ok: false;
-      json(): Promise<Error>;
-    } & globalThis.Response);
-
-export type Response<Ok, Error> = GenericResponse<Ok, Error>;
-
-// Since we only ever fetch a single API we don't need multiple failure types,
-// so defining a global one as the default is fine. This can be changed per-app.
-export type ApiFailure = { message: string };
-
-/*
-   Override the global Response type to be able to take a success/fail type.
-   It defines it as a tagged union so that we can take advantage of type
-   narrowing on the `json()` return type when checking `Response.ok`.
-
-   Generally overriding global types is bad, but in this case we are making
-   a normally non-typesafe feature more typesafe so I think it's acceptable.
-   */
-/**
- * Typesafe verion of the `Response` interface.
- *
- * It takes 2 generics:
- * - `Ok` which defines type type of a successful request
- * - `Error` which defines the type of a failed request
- */
-
-/**
- * Typesafe version of the normal `fetch` function. It takes 2 generics:
- * - `Ok` which defines type type of a successful request
- * - `Error` which defines the type of a failed request (defaults to  the `ApiFailure` type)
- *
- * @param input The URL to fetch
- * @param init Any fetch options, like cache, headers, body, etc.
- */
-export declare function fetch<Ok = never, Error = ApiFailure>(
-  input: RequestInfo | URL,
-  init?: RequestInit,
-): Promise<Response<Ok, Error>>;
-
-export type WrappedApiResponse<T> = Promise<
-  | { success: true; data: T }
-  | { success: false; message: string; status?: number; details?: string[] }
->;