From dce26e7720e4663a08ce9054c2dfd6c8a82cc929 Mon Sep 17 00:00:00 2001
From: Ali Amori Kadhim <ali@frameless.io>
Date: Mon, 21 Oct 2024 11:45:02 +0200
Subject: [PATCH] feat: create form-field-react package

---
 .changeset/grumpy-kings-juggle.md             |   5 +
 .../form-field-react/.eslintrc.json           |   8 +
 .../form-field-react/babel.config.cjs         |  12 ++
 .../form-field-react/jest.config.mjs          |   8 +
 .../form-field-react/package.json             |  68 ++++++++
 .../form-field-react/rollup.config.mjs        |  87 ++++++++++
 .../form-field-react/src/css.tsx              |   9 ++
 .../form-field-react/src/index.test.tsx       |  78 +++++++++
 .../form-field-react/src/index.tsx            |  51 ++++++
 .../form-field-react/tsconfig.build.json      |   6 +
 .../form-field-react/tsconfig.json            |   9 ++
 .../form-field-react/tsconfig.test.json       |   8 +
 pnpm-lock.yaml                                | 149 ++++++++++++++----
 13 files changed, 469 insertions(+), 29 deletions(-)
 create mode 100644 .changeset/grumpy-kings-juggle.md
 create mode 100644 packages/components-react/form-field-react/.eslintrc.json
 create mode 100644 packages/components-react/form-field-react/babel.config.cjs
 create mode 100644 packages/components-react/form-field-react/jest.config.mjs
 create mode 100644 packages/components-react/form-field-react/package.json
 create mode 100644 packages/components-react/form-field-react/rollup.config.mjs
 create mode 100644 packages/components-react/form-field-react/src/css.tsx
 create mode 100644 packages/components-react/form-field-react/src/index.test.tsx
 create mode 100644 packages/components-react/form-field-react/src/index.tsx
 create mode 100644 packages/components-react/form-field-react/tsconfig.build.json
 create mode 100644 packages/components-react/form-field-react/tsconfig.json
 create mode 100644 packages/components-react/form-field-react/tsconfig.test.json

diff --git a/.changeset/grumpy-kings-juggle.md b/.changeset/grumpy-kings-juggle.md
new file mode 100644
index 00000000000..1283028ec0c
--- /dev/null
+++ b/.changeset/grumpy-kings-juggle.md
@@ -0,0 +1,5 @@
+---
+"@utrecht/form-field-react": major
+---
+
+Create form-field-react package
diff --git a/packages/components-react/form-field-react/.eslintrc.json b/packages/components-react/form-field-react/.eslintrc.json
new file mode 100644
index 00000000000..5ab00b0ee18
--- /dev/null
+++ b/packages/components-react/form-field-react/.eslintrc.json
@@ -0,0 +1,8 @@
+{
+  "env": {
+    "jest/globals": true
+  },
+  "rules": {
+    "react/react-in-jsx-scope": "off"
+  }
+}
diff --git a/packages/components-react/form-field-react/babel.config.cjs b/packages/components-react/form-field-react/babel.config.cjs
new file mode 100644
index 00000000000..7c9f0f55a12
--- /dev/null
+++ b/packages/components-react/form-field-react/babel.config.cjs
@@ -0,0 +1,12 @@
+module.exports = {
+  presets: [
+    '@babel/preset-env',
+    [
+      '@babel/preset-react',
+      {
+        runtime: 'automatic',
+      },
+    ],
+    '@babel/preset-typescript',
+  ],
+};
diff --git a/packages/components-react/form-field-react/jest.config.mjs b/packages/components-react/form-field-react/jest.config.mjs
new file mode 100644
index 00000000000..004e8e2a748
--- /dev/null
+++ b/packages/components-react/form-field-react/jest.config.mjs
@@ -0,0 +1,8 @@
+export default {
+  moduleDirectories: ['node_modules', '<rootDir>/'],
+  testEnvironment: 'jest-environment-jsdom',
+  testPathIgnorePatterns: ['/dist/'],
+  moduleNameMapper: {
+    '^@utrecht/(.*)$': '<rootDir>/../$1/src/',
+  },
+};
diff --git a/packages/components-react/form-field-react/package.json b/packages/components-react/form-field-react/package.json
new file mode 100644
index 00000000000..547878b1479
--- /dev/null
+++ b/packages/components-react/form-field-react/package.json
@@ -0,0 +1,68 @@
+{
+  "name": "@utrecht/form-field-react",
+  "version": "0.0.0",
+  "author": "Community for NL Design System",
+  "description": "Form Field component for the Municipality of Utrecht based on the NL Design System architecture",
+  "license": "EUPL-1.2",
+  "main": "./dist/index.cjs.js",
+  "module": "./dist/index.esm.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist/",
+    "src/"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "clean": "rimraf dist *.tsbuildinfo .rollup.cache coverage",
+    "build": "rollup --config ./rollup.config.mjs",
+    "test": "mkdir -p pages && jest --coverage --verbose",
+    "typecheck": "tsc --noEmit"
+  },
+  "devDependencies": {
+    "@babel/plugin-transform-runtime": "7.24.7",
+    "@babel/preset-env": "7.24.7",
+    "@babel/preset-react": "7.24.7",
+    "@babel/preset-typescript": "7.24.7",
+    "@rollup/plugin-babel": "6.0.4",
+    "@rollup/plugin-commonjs": "26.0.1",
+    "@rollup/plugin-json": "6.1.0",
+    "@rollup/plugin-node-resolve": "15.2.3",
+    "@rollup/plugin-typescript": "12.1.0",
+    "@testing-library/dom": "8.20.1",
+    "@testing-library/jest-dom": "6.5.0",
+    "@testing-library/react": "16.0.1",
+    "@testing-library/user-event": "14.5.1",
+    "@types/jest": "29.5.13",
+    "@types/react": "18.3.3",
+    "@types/testing-library__jest-dom": "5.14.9",
+    "@utrecht/form-field-css": "workspace:*",
+    "jest": "29.7.0",
+    "jest-environment-jsdom": "29.7.0",
+    "react": "18.3.1",
+    "rollup": "4.23.0",
+    "rollup-plugin-filesize": "10.0.0",
+    "rollup-plugin-node-externals": "7.1.2",
+    "rollup-plugin-peer-deps-external": "2.2.4",
+    "rollup-plugin-postcss": "4.0.2",
+    "typescript": "5.6.2"
+  },
+  "keywords": [
+    "nl-design-system"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git+ssh",
+    "url": "git@github.com:nl-design-system/utrecht.git",
+    "directory": "packages/components-react/form-field-react"
+  },
+  "peerDependencies": {
+    "@babel/runtime": "*",
+    "react": "18",
+    "react-dom": "18"
+  },
+  "dependencies": {
+    "clsx": "2.1.1"
+  }
+}
diff --git a/packages/components-react/form-field-react/rollup.config.mjs b/packages/components-react/form-field-react/rollup.config.mjs
new file mode 100644
index 00000000000..97d452b8ca0
--- /dev/null
+++ b/packages/components-react/form-field-react/rollup.config.mjs
@@ -0,0 +1,87 @@
+import babel from '@rollup/plugin-babel';
+import commonjs from '@rollup/plugin-commonjs';
+import json from '@rollup/plugin-json';
+import resolve from '@rollup/plugin-node-resolve';
+import typescript from '@rollup/plugin-typescript';
+import { readFileSync } from 'fs';
+import filesize from 'rollup-plugin-filesize';
+import nodeExternal from 'rollup-plugin-node-externals';
+import peerDepsExternal from 'rollup-plugin-peer-deps-external';
+import postcss from 'rollup-plugin-postcss';
+
+const packagePath = new URL('./package.json', import.meta.url).pathname;
+const packageJson = JSON.parse(readFileSync(packagePath, 'utf8'));
+
+/**
+ * @type {import('rollup').RollupOptions}
+ */
+export default [
+  {
+    input: './src/index.tsx',
+    output: [
+      {
+        file: packageJson.main,
+        format: 'cjs',
+        sourcemap: true,
+      },
+      {
+        file: packageJson.module,
+        format: 'es',
+        sourcemap: true,
+      },
+    ],
+    plugins: [
+      peerDepsExternal(),
+      commonjs(),
+      nodeExternal(),
+      resolve({ browser: true }),
+      json(),
+      typescript({ tsconfig: './tsconfig.build.json' }),
+      babel({
+        presets: ['@babel/preset-react'],
+        babelHelpers: 'runtime',
+        exclude: ['node_modules/**', 'dist/**'],
+        extensions: ['.ts', '.tsx'],
+        inputSourceMap: true,
+        plugins: ['@babel/plugin-transform-runtime'],
+      }),
+      filesize(),
+    ],
+  },
+  {
+    input: './src/css.tsx',
+    output: [
+      {
+        file: './dist/css.js',
+        format: 'cjs',
+        sourcemap: true,
+      },
+      {
+        file: './dist/css.mjs',
+        format: 'es',
+        sourcemap: true,
+      },
+    ],
+    plugins: [
+      peerDepsExternal(),
+      commonjs(),
+      nodeExternal(),
+      resolve({ browser: true }),
+      json(),
+      postcss({
+        extensions: ['.css', '.scss'],
+        minimize: true,
+      }),
+      typescript({ tsconfig: './tsconfig.build.json' }),
+      babel({
+        presets: ['@babel/preset-react'],
+        babelHelpers: 'runtime',
+        exclude: ['node_modules/**', 'dist/**'],
+        extensions: ['.ts', '.tsx'],
+        inputSourceMap: true,
+        plugins: ['@babel/plugin-transform-runtime'],
+      }),
+      filesize(),
+    ],
+  },
+];
diff --git a/packages/components-react/form-field-react/src/css.tsx b/packages/components-react/form-field-react/src/css.tsx
new file mode 100644
index 00000000000..d1a00240005
--- /dev/null
+++ b/packages/components-react/form-field-react/src/css.tsx
@@ -0,0 +1,9 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2020-2025 Frameless B.V.
+ * Copyright (c) 2021-2025 Gemeente Utrecht
+ */
+
+import '@utrecht/form-field-css/src/index.scss';
+
+export * from './index';
diff --git a/packages/components-react/form-field-react/src/index.test.tsx b/packages/components-react/form-field-react/src/index.test.tsx
new file mode 100644
index 00000000000..0b13cf42935
--- /dev/null
+++ b/packages/components-react/form-field-react/src/index.test.tsx
@@ -0,0 +1,78 @@
+import { render, screen } from '@testing-library/react';
+import { createRef } from 'react';
+import { FormField } from './index';
+import '@testing-library/jest-dom';
+
+describe('Form field', () => {
+  it('renders an HTML div element', () => {
+    const { container } = render(<FormField />);
+
+    const field = container.querySelector('div');
+
+    expect(field).toBeInTheDocument();
+  });
+
+  it('renders a design system BEM class name', () => {
+    const { container } = render(<FormField />);
+
+    const field = container.querySelector('div');
+
+    expect(field).toHaveClass('utrecht-form-field');
+  });
+
+  it('displays as CSS block element (or equivalent)', () => {
+    const { container } = render(<FormField />);
+
+    const field = container.querySelector('div');
+
+    expect(field).toBeVisible();
+    expect(field).not.toHaveStyle({ display: 'inline' });
+    expect(field).not.toHaveStyle({ display: 'inline-block' });
+  });
+
+  it('renders rich text content', () => {
+    render(
+      <FormField>
+        <input type="text" />
+      </FormField>,
+    );
+
+    const textbox = screen.getByRole('textbox');
+
+    expect(textbox).toBeInTheDocument();
+  });
+
+  it('can be hidden', () => {
+    const { container } = render(<FormField hidden />);
+
+    const field = container.querySelector('div');
+
+    expect(field).not.toBeVisible();
+  });
+
+  it('can have a custom class name', () => {
+    const { container } = render(<FormField className="invalid" />);
+
+    const field = container.querySelector('div');
+
+    expect(field).toHaveClass('invalid');
+  });
+  it('can have a additional class name', () => {
+    const { container } = render(<FormField className="large" />);
+
+    const field = container.querySelector(':only-child');
+
+    expect(field).toHaveClass('large');
+    expect(field).toHaveClass('utrecht-form-field');
+  });
+
+  it('supports ForwardRef in React', () => {
+    const ref = createRef<HTMLDivElement>();
+
+    const { container } = render(<FormField ref={ref} />);
+
+    const div = container.querySelector('div');
+
+    expect(ref.current).toBe(div);
+  });
+});
diff --git a/packages/components-react/form-field-react/src/index.tsx b/packages/components-react/form-field-react/src/index.tsx
new file mode 100644
index 00000000000..c461af4dc72
--- /dev/null
+++ b/packages/components-react/form-field-react/src/index.tsx
@@ -0,0 +1,51 @@
+import clsx from 'clsx';
+import { ForwardedRef, forwardRef, HTMLAttributes, PropsWithChildren, ReactNode } from 'react';
+
+export interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {
+  description?: ReactNode;
+  errorMessage?: ReactNode;
+  input?: ReactNode; // TODO: Should this be named `control` instead of `input`?
+  invalid?: boolean;
+  label?: ReactNode;
+  type?: string;
+}
+
+export const FormField = forwardRef(
+  (
+    {
+      className,
+      children,
+      description,
+      errorMessage,
+      input,
+      invalid,
+      label,
+      type,
+      ...restProps
+    }: PropsWithChildren<FormFieldProps>,
+    ref: ForwardedRef<HTMLDivElement>,
+  ) => (
+    <div
+      {...restProps}
+      ref={ref}
+      className={clsx(
+        'utrecht-form-field',
+        {
+          'utrecht-form-field--invalid': invalid,
+          'utrecht-form-field--checkbox': type === 'checkbox',
+          'utrecht-form-field--radio': type === 'radio',
+          'utrecht-form-field--text': !type || type === 'text',
+        },
+        className,
+      )}
+    >
+      {label && <div className="utrecht-form-field__label">{label}</div>}
+      {description && <div className="utrecht-form-field__description">{description}</div>}
+      {input && <div className="utrecht-form-field__input">{input}</div>}
+      {errorMessage && <div className="utrecht-form-field__error-message">{errorMessage}</div>}
+      {children}
+    </div>
+  ),
+);
+
+FormField.displayName = 'FormField';
diff --git a/packages/components-react/form-field-react/tsconfig.build.json b/packages/components-react/form-field-react/tsconfig.build.json
new file mode 100644
index 00000000000..1012da06307
--- /dev/null
+++ b/packages/components-react/form-field-react/tsconfig.build.json
@@ -0,0 +1,6 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "composite": true
+  }
+}
diff --git a/packages/components-react/form-field-react/tsconfig.json b/packages/components-react/form-field-react/tsconfig.json
new file mode 100644
index 00000000000..933f6e3f062
--- /dev/null
+++ b/packages/components-react/form-field-react/tsconfig.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../tsconfig.base.json",
+  "include": ["src/**/*.ts", "src/**/*.tsx"],
+  "exclude": ["node_modules", "**/*.test.ts", "**/*.test.tsx"],
+  "compilerOptions": {
+    "outDir": "dist",
+    "rootDir": "src"
+  }
+}
diff --git a/packages/components-react/form-field-react/tsconfig.test.json b/packages/components-react/form-field-react/tsconfig.test.json
new file mode 100644
index 00000000000..bd1d1066eff
--- /dev/null
+++ b/packages/components-react/form-field-react/tsconfig.test.json
@@ -0,0 +1,8 @@
+{
+  "extends": "./tsconfig.json",
+  "include": ["src/**/*.ts", "src/**/*.tsx"],
+  "exclude": ["node_modules", "dist"],
+  "compilerOptions": {
+    "noEmit": true
+  }
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b77292a6fe4..e98f606451e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -2346,6 +2346,97 @@ importers:
         specifier: 5.6.2
         version: 5.6.2
 
+  packages/components-react/form-field-react:
+    dependencies:
+      '@babel/runtime':
+        specifier: '*'
+        version: 7.24.7
+      clsx:
+        specifier: 2.1.1
+        version: 2.1.1
+      react-dom:
+        specifier: '18'
+        version: 18.3.1(react@18.3.1)
+    devDependencies:
+      '@babel/plugin-transform-runtime':
+        specifier: 7.24.7
+        version: 7.24.7(@babel/core@7.24.7)
+      '@babel/preset-env':
+        specifier: 7.24.7
+        version: 7.24.7(@babel/core@7.24.7)
+      '@babel/preset-react':
+        specifier: 7.24.7
+        version: 7.24.7(@babel/core@7.24.7)
+      '@babel/preset-typescript':
+        specifier: 7.24.7
+        version: 7.24.7(@babel/core@7.24.7)
+      '@rollup/plugin-babel':
+        specifier: 6.0.4
+        version: 6.0.4(@babel/core@7.24.7)(@types/babel__core@7.20.5)(rollup@4.23.0)
+      '@rollup/plugin-commonjs':
+        specifier: 26.0.1
+        version: 26.0.1(rollup@4.23.0)
+      '@rollup/plugin-json':
+        specifier: 6.1.0
+        version: 6.1.0(rollup@4.23.0)
+      '@rollup/plugin-node-resolve':
+        specifier: 15.2.3
+        version: 15.2.3(rollup@4.23.0)
+      '@rollup/plugin-typescript':
+        specifier: 12.1.0
+        version: 12.1.0(rollup@4.23.0)(tslib@2.6.2)(typescript@5.6.2)
+      '@testing-library/dom':
+        specifier: 8.20.1
+        version: 8.20.1
+      '@testing-library/jest-dom':
+        specifier: 6.5.0
+        version: 6.5.0
+      '@testing-library/react':
+        specifier: 16.0.1
+        version: 16.0.1(@testing-library/dom@8.20.1)(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@testing-library/user-event':
+        specifier: 14.5.1
+        version: 14.5.1(@testing-library/dom@8.20.1)
+      '@types/jest':
+        specifier: 29.5.13
+        version: 29.5.13
+      '@types/react':
+        specifier: 18.3.3
+        version: 18.3.3
+      '@types/testing-library__jest-dom':
+        specifier: 5.14.9
+        version: 5.14.9
+      '@utrecht/form-field-css':
+        specifier: workspace:*
+        version: link:../../../components/form-field
+      jest:
+        specifier: 29.7.0
+        version: 29.7.0(@types/node@22.7.4)(babel-plugin-macros@3.1.0)(ts-node@10.9.1(@swc/core@1.3.100(@swc/helpers@0.5.5))(@types/node@22.7.4)(typescript@5.6.2))
+      jest-environment-jsdom:
+        specifier: 29.7.0
+        version: 29.7.0
+      react:
+        specifier: 18.3.1
+        version: 18.3.1
+      rollup:
+        specifier: 4.23.0
+        version: 4.23.0
+      rollup-plugin-filesize:
+        specifier: 10.0.0
+        version: 10.0.0
+      rollup-plugin-node-externals:
+        specifier: 7.1.2
+        version: 7.1.2(rollup@4.23.0)
+      rollup-plugin-peer-deps-external:
+        specifier: 2.2.4
+        version: 2.2.4(rollup@4.23.0)
+      rollup-plugin-postcss:
+        specifier: 4.0.2
+        version: 4.0.2(postcss@8.4.38)(ts-node@10.9.1(@swc/core@1.3.100(@swc/helpers@0.5.5))(@types/node@22.7.4)(typescript@5.6.2))
+      typescript:
+        specifier: 5.6.2
+        version: 5.6.2
+
   packages/components-react/textbox-react:
     dependencies:
       '@babel/runtime':
@@ -34075,8 +34166,8 @@ snapshots:
 
   array-buffer-byte-length@1.0.0:
     dependencies:
-      call-bind: 1.0.5
-      is-array-buffer: 3.0.2
+      call-bind: 1.0.7
+      is-array-buffer: 3.0.4
 
   array-buffer-byte-length@1.0.1:
     dependencies:
@@ -34170,13 +34261,13 @@ snapshots:
 
   arraybuffer.prototype.slice@1.0.2:
     dependencies:
-      array-buffer-byte-length: 1.0.0
-      call-bind: 1.0.5
+      array-buffer-byte-length: 1.0.1
+      call-bind: 1.0.7
       define-properties: 1.2.1
       es-abstract: 1.22.3
-      get-intrinsic: 1.2.2
-      is-array-buffer: 3.0.2
-      is-shared-array-buffer: 1.0.2
+      get-intrinsic: 1.2.4
+      is-array-buffer: 3.0.4
+      is-shared-array-buffer: 1.0.3
 
   arraybuffer.prototype.slice@1.0.3:
     dependencies:
@@ -36280,7 +36371,7 @@ snapshots:
 
   define-data-property@1.1.1:
     dependencies:
-      get-intrinsic: 1.2.2
+      get-intrinsic: 1.2.4
       gopd: 1.0.1
       has-property-descriptors: 1.0.1
 
@@ -38312,7 +38403,7 @@ snapshots:
 
   function.prototype.name@1.1.6:
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       define-properties: 1.2.1
       es-abstract: 1.22.3
       functions-have-names: 1.2.3
@@ -38799,8 +38890,8 @@ snapshots:
 
   get-symbol-description@1.0.0:
     dependencies:
-      call-bind: 1.0.5
-      get-intrinsic: 1.2.2
+      call-bind: 1.0.7
+      get-intrinsic: 1.2.4
 
   get-symbol-description@1.0.2:
     dependencies:
@@ -39100,7 +39191,7 @@ snapshots:
 
   has-property-descriptors@1.0.1:
     dependencies:
-      get-intrinsic: 1.2.2
+      get-intrinsic: 1.2.4
 
   has-property-descriptors@1.0.2:
     dependencies:
@@ -39836,8 +39927,8 @@ snapshots:
 
   is-array-buffer@3.0.2:
     dependencies:
-      call-bind: 1.0.5
-      get-intrinsic: 1.2.2
+      call-bind: 1.0.7
+      get-intrinsic: 1.2.4
       is-typed-array: 1.1.12
 
   is-array-buffer@3.0.4:
@@ -40092,7 +40183,7 @@ snapshots:
 
   is-shared-array-buffer@1.0.2:
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
 
   is-shared-array-buffer@1.0.3:
     dependencies:
@@ -40162,7 +40253,7 @@ snapshots:
 
   is-weakref@1.0.2:
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
 
   is-weakset@2.0.2:
     dependencies:
@@ -45991,8 +46082,8 @@ snapshots:
 
   safe-regex-test@1.0.0:
     dependencies:
-      call-bind: 1.0.5
-      get-intrinsic: 1.2.2
+      call-bind: 1.0.7
+      get-intrinsic: 1.2.4
       is-regex: 1.1.4
 
   safe-regex-test@1.0.3:
@@ -46253,7 +46344,7 @@ snapshots:
   set-function-length@1.1.1:
     dependencies:
       define-data-property: 1.1.1
-      get-intrinsic: 1.2.2
+      get-intrinsic: 1.2.4
       gopd: 1.0.1
       has-property-descriptors: 1.0.1
 
@@ -46896,7 +46987,7 @@ snapshots:
 
   string.prototype.trim@1.2.8:
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       define-properties: 1.2.1
       es-abstract: 1.22.3
 
@@ -46909,7 +47000,7 @@ snapshots:
 
   string.prototype.trimend@1.0.7:
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       define-properties: 1.2.1
       es-abstract: 1.22.3
 
@@ -46921,7 +47012,7 @@ snapshots:
 
   string.prototype.trimstart@1.0.7:
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       define-properties: 1.2.1
       es-abstract: 1.22.3
 
@@ -47804,8 +47895,8 @@ snapshots:
 
   typed-array-buffer@1.0.0:
     dependencies:
-      call-bind: 1.0.5
-      get-intrinsic: 1.2.2
+      call-bind: 1.0.7
+      get-intrinsic: 1.2.4
       is-typed-array: 1.1.12
 
   typed-array-buffer@1.0.2:
@@ -47816,7 +47907,7 @@ snapshots:
 
   typed-array-byte-length@1.0.0:
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       for-each: 0.3.3
       has-proto: 1.0.1
       is-typed-array: 1.1.12
@@ -47832,7 +47923,7 @@ snapshots:
   typed-array-byte-offset@1.0.0:
     dependencies:
       available-typed-arrays: 1.0.5
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       for-each: 0.3.3
       has-proto: 1.0.1
       is-typed-array: 1.1.12
@@ -47848,7 +47939,7 @@ snapshots:
 
   typed-array-length@1.0.4:
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       for-each: 0.3.3
       is-typed-array: 1.1.12
 
@@ -47890,7 +47981,7 @@ snapshots:
 
   unbox-primitive@1.0.2:
     dependencies:
-      call-bind: 1.0.5
+      call-bind: 1.0.7
       has-bigints: 1.0.2
       has-symbols: 1.0.3
       which-boxed-primitive: 1.0.2
@@ -49261,7 +49352,7 @@ snapshots:
   which-builtin-type@1.1.3:
     dependencies:
       function.prototype.name: 1.1.6
-      has-tostringtag: 1.0.0
+      has-tostringtag: 1.0.2
       is-async-function: 2.0.0
       is-date-object: 1.0.5
       is-finalizationregistry: 1.0.2