@graphcommerce/next-ui 10.0.0-canary.68 → 10.0.0

package/CHANGELOG.md

@@ -1,5 +1,173 @@
 # Change Log
 
+## 10.0.0
+
+### Major Changes
+
+- [#2546](https://github.com/graphcommerce-org/graphcommerce/pull/2546) [`ed9332a`](https://github.com/graphcommerce-org/graphcommerce/commit/ed9332a7f78966d932041d9a7725641edc92b28d) - ## GraphCommerce 10 - Turbopack Support
+
+  This major release brings full Turbopack compatibility, dramatically improving development speed.
+
+  ### 🚀 Turbopack-Compatible Interceptor System
+
+  The entire plugin/interceptor system has been rewritten to work with Turbopack:
+
+  - **No more Webpack plugins** - Removed `InterceptorPlugin` webpack plugin entirely
+  - **File-based interception** - Original files are moved to `.original.tsx` and replaced with interceptor content
+  - **Direct imports** - Interceptors import from `.original` files instead of embedding source
+  - **New CLI commands**:
+    - `graphcommerce codegen-interceptors` - Generate interceptor files
+    - `graphcommerce cleanup-interceptors` - Reset interceptor system, restore original files
+  - **Stable file hashing** - Deterministic interceptor generation for better caching
+
+  ### ⚙️ Treeshakable Configuration System
+
+  Replaced Webpack `DefinePlugin`-based `import.meta.graphCommerce` with a new generated configuration system:
+
+  - **New `codegen-config-values` command** - Generates TypeScript files with precise typing
+  - **Schema-driven** - Dynamically introspects Zod schemas to determine all available properties
+  - **Fully treeshakable** - Unused config values are eliminated from the bundle
+  - **Type-safe** - Uses `Get<GraphCommerceConfig, 'path'>` for nested property access
+  - **Separate files for nested objects** - Optimal treeshaking for complex configurations
+
+  ### 🔧 withGraphCommerce Changes
+
+  - **Removed** `InterceptorPlugin` - No longer needed with file-based interception
+  - **Removed** `DefinePlugin` for `import.meta.graphCommerce` - Replaced with generated config
+  - **Removed** `@mui/*` alias rewrites - No longer required
+  - **Added** Turbopack loader rules for `.yaml`, `.yml`, and `.po` files
+  - **Added** `serverExternalPackages` for all `@whatwg-node/*` packages
+  - **Added** `optimizePackageImports` for better bundle optimization
+  - **Added** `images.qualities: [52, 75]` for Next.js image optimization
+
+  ### 📦 Lingui Configuration
+
+  - **Renamed** `lingui.config.js` → `lingui.config.ts` with TypeScript support
+  - **Updated** `@graphcommerce/lingui-next/config` to TypeScript with proper exports
+  - **Simplified** formatter options
+
+  ### ⚛️ React 19 & Next.js 16 Compatibility
+
+  - Updated `RefObject<T>` types for React 19 (now includes `null` by default)
+  - Replaced deprecated `React.VFC` with `React.FC`
+  - Fixed `useRef` calls to require explicit initial values
+  - Updated `MutableRefObject` usage in `framer-scroller`
+
+  ### 📋 ESLint 9 Flat Config
+
+  - Migrated from legacy `.eslintrc` to new flat config format (`eslint.config.mjs`)
+  - Updated `@typescript-eslint/*` packages to v8
+  - Fixed AST selector for `SxProps` rule (`typeParameters` → `typeArguments`)
+
+  ### 🔄 Apollo Client
+
+  - Fixed deprecated `name` option → `clientAwareness: { name: 'ssr' }`
+  - Updated error handling types to accept `ApolloError | null | undefined`
+
+  ### ⚠️ Breaking Changes
+
+  - **Node.js 24.x not supported** - Restricted to `>=20 <24.0.0` due to [nodejs/undici#4290](https://github.com/nodejs/undici/issues/4290)
+  - **Interceptor files changed** - Original components now at `.original.tsx`
+  - **Config access changed** - Use generated config values instead of `import.meta.graphCommerce`
+  - **ESLint config format** - Must use flat config (`eslint.config.mjs`)
+  - **Lingui config** - Rename `lingui.config.js` to `lingui.config.ts`
+
+  ### 🗑️ Removed
+
+  - `InterceptorPlugin` webpack plugin
+  - `configToImportMeta` utility
+  - Webpack `DefinePlugin` usage for config
+  - `@mui/*` modern alias rewrites
+  - Debug plugins (`CircularDependencyPlugin`, `DuplicatesPlugin`) ([@paales](https://github.com/paales))
+
+- [#2557](https://github.com/graphcommerce-org/graphcommerce/pull/2557) [`ceaadd8`](https://github.com/graphcommerce-org/graphcommerce/commit/ceaadd87f0648982a068a3b07b1fa149c9127f49) - ## Material UI v5 → v7 Migration
+
+  This release upgrades Material UI from v5 to v7 with full CSS variables support. ([@paales](https://github.com/paales))
+
+- [#2565](https://github.com/graphcommerce-org/graphcommerce/pull/2565) [`c96dfcd`](https://github.com/graphcommerce-org/graphcommerce/commit/c96dfcdca981baca387c270ad9e2b9515cdd00cc) - Updated to Apollo Client 4 ([@paales](https://github.com/paales))
+
+### Patch Changes
+
+- [#2539](https://github.com/graphcommerce-org/graphcommerce/pull/2539) [`87fc3c2`](https://github.com/graphcommerce-org/graphcommerce/commit/87fc3c28165c7c66b48882b0f044bbc9b63b9846) - Created new Tabs and TabItem component to be used for MultiCart setup ([@paales](https://github.com/paales))
+
+- [#2528](https://github.com/graphcommerce-org/graphcommerce/pull/2528) [`6a3e7f9`](https://github.com/graphcommerce-org/graphcommerce/commit/6a3e7f9bec6d03c146718ad594b064a75b536e99) - cssFlag and cssNotFlag css selector can now select values ([@paales](https://github.com/paales))
+
+- [#2510](https://github.com/graphcommerce-org/graphcommerce/pull/2510) [`40ccfed`](https://github.com/graphcommerce-org/graphcommerce/commit/40ccfed07592c67ccf80311c821a01526e87dbcc) - Added missing href to secondary menu items ([@bramvanderholst](https://github.com/bramvanderholst))
+
+- [#2567](https://github.com/graphcommerce-org/graphcommerce/pull/2567) [`a0ba773`](https://github.com/graphcommerce-org/graphcommerce/commit/a0ba773171bb76c7a998deb5bbacd974e5a3764d) - Fix LayoutOverlayHeader2 text overflowing beyond overlay size constraints ([@paales](https://github.com/paales))
+
+- [#2493](https://github.com/graphcommerce-org/graphcommerce/pull/2493) [`a34c276`](https://github.com/graphcommerce-org/graphcommerce/commit/a34c276b69f9ff1a727023eef64f2db8b196864c) - Added lots of missing icon exports ([@paales](https://github.com/paales))
+
+- [#2473](https://github.com/graphcommerce-org/graphcommerce/pull/2473) [`8df172e`](https://github.com/graphcommerce-org/graphcommerce/commit/8df172e4fa1364892d53bc96a437d037d245de35) - Do not warn about `:first-child` since all css is hoisted out of the components. ([@paales](https://github.com/paales))
+
+- [#2493](https://github.com/graphcommerce-org/graphcommerce/pull/2493) [`2a09ca9`](https://github.com/graphcommerce-org/graphcommerce/commit/2a09ca933e0de88dc32dac5ae62f41b0e5953359) - Intl components now accept the sx prop. `<RelativeToTimeFormat />` now expects a date prop instead of children. ([@paales](https://github.com/paales))
+
+- [#2567](https://github.com/graphcommerce-org/graphcommerce/pull/2567) [`4908a45`](https://github.com/graphcommerce-org/graphcommerce/commit/4908a457cac15c429d83d6b9274a8be9c8277ef6) - Allow setting OverlayContainer props, such as event listeners ([@paales](https://github.com/paales))
+
+- [#2470](https://github.com/graphcommerce-org/graphcommerce/pull/2470) [`8f047a0`](https://github.com/graphcommerce-org/graphcommerce/commit/8f047a0860f9b915717f6db52be64805094d0b09) - Modify the type that is exposed for createTheme, should be faster for TypeScript to check. ([@paales](https://github.com/paales))
+
+- [#2499](https://github.com/graphcommerce-org/graphcommerce/pull/2499) [`1e38811`](https://github.com/graphcommerce-org/graphcommerce/commit/1e3881177065548165b7141a29cff8ab27692b25) - Added support for meta_keyword for products and categories ([@paales](https://github.com/paales))
+
+- [#2473](https://github.com/graphcommerce-org/graphcommerce/pull/2473) [`b076b2a`](https://github.com/graphcommerce-org/graphcommerce/commit/b076b2ae4881bebf1d2debd5333a83f220c26ca7) - Also accept false as value for sxx ([@paales](https://github.com/paales))
+
+- [#2478](https://github.com/graphcommerce-org/graphcommerce/pull/2478) [`32bccbb`](https://github.com/graphcommerce-org/graphcommerce/commit/32bccbba4b000247d7e01e487f6d48b6dec07fb5) - Nesting multiple Containers will not increase the padding, will only be applied once. ([@paales](https://github.com/paales))
+
+- [#2539](https://github.com/graphcommerce-org/graphcommerce/pull/2539) [`286a20e`](https://github.com/graphcommerce-org/graphcommerce/commit/286a20e01f2a565f058415fa1c8dfbb2eeb3163b) - Added an OverlayCloseButton and implemented it for various locations. ([@paales](https://github.com/paales))
+
+- [#2539](https://github.com/graphcommerce-org/graphcommerce/pull/2539) [`65dcefb`](https://github.com/graphcommerce-org/graphcommerce/commit/65dcefb8740166fd5df662e0e895c65d70273393) - Solve hydration error because multiple literals could be in a DateTimeFormat ([@paales](https://github.com/paales))
+
+- [#2543](https://github.com/graphcommerce-org/graphcommerce/pull/2543) [`7e1e33e`](https://github.com/graphcommerce-org/graphcommerce/commit/7e1e33e6d6238155884ba80cf249209e8eb3d542) - Fix IconBlocks width ([@StefanAngenent](https://github.com/StefanAngenent))
+
+- [#2539](https://github.com/graphcommerce-org/graphcommerce/pull/2539) [`88fd114`](https://github.com/graphcommerce-org/graphcommerce/commit/88fd11485f9368e79d277fa45942e58214f794a6) - Created a LayoutOverlayHeader2 that does not support any floating modes or something and thus is simpler to customize. ([@paales](https://github.com/paales))
+
+- [#2510](https://github.com/graphcommerce-org/graphcommerce/pull/2510) [`a79d7c2`](https://github.com/graphcommerce-org/graphcommerce/commit/a79d7c28da5ba227c3c3ff957149a732f3d71a39) - Added ripple to BlogTags ([@bramvanderholst](https://github.com/bramvanderholst))
+
+- [#2528](https://github.com/graphcommerce-org/graphcommerce/pull/2528) [`a4344ed`](https://github.com/graphcommerce-org/graphcommerce/commit/a4344ed7ff7b3b5f88185c1f6a5fc4b6306fc472) - Created a useCookie hook that is synced between usages ([@paales](https://github.com/paales))
+
+- [#2539](https://github.com/graphcommerce-org/graphcommerce/pull/2539) [`23793aa`](https://github.com/graphcommerce-org/graphcommerce/commit/23793aab26455b1bea0d1b3b37c96a228b656bc4) - Prevent excessive rerender when multiple images with the same url are in a product ([@paales](https://github.com/paales))
+
+- [#2539](https://github.com/graphcommerce-org/graphcommerce/pull/2539) [`a419257`](https://github.com/graphcommerce-org/graphcommerce/commit/a4192571eb2332630ba3d103f61ff69dac8b2e5c) - Solve issue where the sidebar wasn't 100% width on the PDP on mobile ([@paales](https://github.com/paales))
+
+- [#2510](https://github.com/graphcommerce-org/graphcommerce/pull/2510) [`ef83f7d`](https://github.com/graphcommerce-org/graphcommerce/commit/ef83f7d04fe0cf70da19f795e837ee3bda9884d4) - Use a more sensible theme var for LayoutHeaderContent gap ([@bramvanderholst](https://github.com/bramvanderholst))
+
+- [#2517](https://github.com/graphcommerce-org/graphcommerce/pull/2517) [`547be7d`](https://github.com/graphcommerce-org/graphcommerce/commit/547be7d5ee39aca64ab4a9a80de66a01961990e4) - Fixed gallery zoom breaking on long sidebar content ([@bramvanderholst](https://github.com/bramvanderholst))
+
+- [#2493](https://github.com/graphcommerce-org/graphcommerce/pull/2493) [`05a1744`](https://github.com/graphcommerce-org/graphcommerce/commit/05a1744ddeca31c4d24128fd5cd2513a7c491d5b) - Added search params to NextLink whenever present ([@paales](https://github.com/paales))
+
+- [#2528](https://github.com/graphcommerce-org/graphcommerce/pull/2528) [`f89210b`](https://github.com/graphcommerce-org/graphcommerce/commit/f89210b09e64f520d308cb1bac693c027be1ac46) - Solve issue where the MenuFabSecondaryItem coudn't handle text overflow. ([@paales](https://github.com/paales))
+
+- [`4564271`](https://github.com/graphcommerce-org/graphcommerce/commit/4564271e702aab11c28e425029f4a7c09a4d5d61) - Created a revalidate method that returns a single value so that it can be overwritten centrally ([@paales](https://github.com/paales))
+
+- [#2485](https://github.com/graphcommerce-org/graphcommerce/pull/2485) [`b0ec078`](https://github.com/graphcommerce-org/graphcommerce/commit/b0ec0784a0b3ca977598ded3777d23bc929072b0) - Added a CurrencySymbol component that renders the current currency symbol ([@paales](https://github.com/paales))
+
+- [`b423879`](https://github.com/graphcommerce-org/graphcommerce/commit/b4238796f1f8cce62325e57d90cc7a84a921a0fa) - DateTimeFormat, NumberFormat and RelativeTimeFormat (and all derivatives) will now wrap all number parts in a span, so that individual parts can be styled properly. ([@paales](https://github.com/paales))
+
+- [#2510](https://github.com/graphcommerce-org/graphcommerce/pull/2510) [`7665579`](https://github.com/graphcommerce-org/graphcommerce/commit/76655792129dfa4fec3395a94b73e6761d323335) - Fixed back button width in overlays with long titles ([@bramvanderholst](https://github.com/bramvanderholst))
+
+- [`90f8dd8`](https://github.com/graphcommerce-org/graphcommerce/commit/90f8dd89efd62e2b5a13e9c2bf265840d99e2473) - Create useCookies hook and simplify the useCookie query ([@paales](https://github.com/paales))
+
+- [#2510](https://github.com/graphcommerce-org/graphcommerce/pull/2510) [`b536019`](https://github.com/graphcommerce-org/graphcommerce/commit/b53601965924ece86ee991bdb2b5897b3e7c642a) - Update various props from ReactElement to ReactNode to allow string values ([@bramvanderholst](https://github.com/bramvanderholst))
+
+- [#2499](https://github.com/graphcommerce-org/graphcommerce/pull/2499) [`340c8ef`](https://github.com/graphcommerce-org/graphcommerce/commit/340c8ef93248a120cc4b92a6cd91f775ae662a1f) - Solve issue where ActionCard would crash the whole app because it forwarded components to string attributes ([@paales](https://github.com/paales))
+
+## 10.0.0-canary.72
+
+## 10.0.0-canary.71
+
+## 10.0.0-canary.70
+
+### Major Changes
+
+- [#2565](https://github.com/graphcommerce-org/graphcommerce/pull/2565) [`c96dfcd`](https://github.com/graphcommerce-org/graphcommerce/commit/c96dfcdca981baca387c270ad9e2b9515cdd00cc) - Updated to Apollo Client 4 ([@paales](https://github.com/paales))
+
+## 10.0.0-canary.69
+
+### Patch Changes
+
+- [#2567](https://github.com/graphcommerce-org/graphcommerce/pull/2567) [`a0ba773`](https://github.com/graphcommerce-org/graphcommerce/commit/a0ba773171bb76c7a998deb5bbacd974e5a3764d) - Fix LayoutOverlayHeader2 text overflowing beyond overlay size constraints ([@paales](https://github.com/paales))
+
+- [#2567](https://github.com/graphcommerce-org/graphcommerce/pull/2567) [`4908a45`](https://github.com/graphcommerce-org/graphcommerce/commit/4908a457cac15c429d83d6b9274a8be9c8277ef6) - Allow setting OverlayContainer props, such as event listeners ([@paales](https://github.com/paales))
+
 ## 10.0.0-canary.68
 
 ### Major Changes

package/LayoutOverlay/components/LayoutOverlayHeader2.tsx

@@ -139,17 +139,17 @@ export const LayoutOverlayHeader2 = React.memo<LayoutOverlayHeader2Props>((props
           // Left only
           '&.left:not(.right)': {
             gridTemplateAreas: '"left center"',
-            gridTemplateColumns: justify === 'center' ? '1fr max-content' : 'auto 1fr',
+            gridTemplateColumns: justify === 'center' ? '1fr auto' : 'auto 1fr',
           },
           // Right only
           '&.right:not(.left)': {
             gridTemplateAreas: '"center right"',
-            gridTemplateColumns: justify === 'center' ? 'max-content 1fr' : '1fr auto',
+            gridTemplateColumns: justify === 'center' ? 'auto 1fr' : '1fr auto',
           },
           // Both left and right
           '&.left.right': {
             gridTemplateAreas: '"left center right"',
-            gridTemplateColumns: justify === 'center' ? '1fr max-content 1fr' : 'auto 1fr auto',
+            gridTemplateColumns: justify === 'center' ? '1fr auto 1fr' : 'auto 1fr auto',
           },
         }))}
       >

package/Overlay/components/Overlay.tsx

@@ -5,20 +5,27 @@ import type { SetOptional } from 'type-fest'
 import { variantsToScrollSnapType } from '../utils/variantsToScrollSnapType'
 import type { LayoutOverlayBaseProps } from './OverlayBase'
 import { OverlayBase } from './OverlayBase'
+import type { OverlayContainerProps } from './OverlayContainer'
 import { OverlayContainer } from './OverlayContainer'
 
 export type OverlayTmpProps = Omit<
   SetOptional<LayoutOverlayBaseProps, 'variantSm' | 'variantMd'>,
   'offsetPageY' | 'isPresent' | 'safeToRemove'
->
+> & { overlayContainerProps?: Partial<OverlayContainerProps> }
 
 function OverlayUsePresence(props: OverlayTmpProps) {
-  const { variantSm = 'bottom', variantMd = 'right', active, ...otherProps } = props
+  const {
+    variantSm = 'bottom',
+    variantMd = 'right',
+    active,
+    overlayContainerProps,
+    ...otherProps
+  } = props
   const [isPresent, safeToRemove] = usePresence()
 
   return (
     <Portal>
-      <OverlayContainer active={active}>
+      <OverlayContainer active={active} {...overlayContainerProps}>
         <ScrollerProvider {...variantsToScrollSnapType(props)}>
           <OverlayBase
             active={active}

package/Overlay/components/OverlayContainer.tsx

@@ -1,14 +1,15 @@
 import { sxx } from '@graphcommerce/next-ui'
+import type { BoxProps } from '@mui/material'
 import { Box } from '@mui/material'
 import type { LayoutOverlayBaseProps } from './OverlayBase'
 
 export type OverlayContainerProps = Pick<LayoutOverlayBaseProps, 'active'> & {
   hidden?: boolean
   children: React.ReactNode
-}
+} & BoxProps
 
 export function OverlayContainer(props: OverlayContainerProps) {
-  const { children, active, hidden } = props
+  const { children, active, hidden, sx, ...rest } = props
 
   return (
     <Box
@@ -47,7 +48,9 @@ export function OverlayContainer(props: OverlayContainerProps) {
                 boxShadow: 0,
               },
             },
+        sx,
       )}
+      {...rest}
     >
       {children}
     </Box>

package/Page/types.ts

@@ -1,8 +1,5 @@
 import type { ParsedUrlQuery } from 'querystring'
 import type { UpPage } from '@graphcommerce/framer-next-pages'
-// todo: remove references to GraphQL
-// eslint-disable-next-line import/no-extraneous-dependencies
-import type { NormalizedCacheObject } from '@graphcommerce/graphql'
 import type {
   GetServerSideProps as GetServerSidePropsNext,
   GetStaticProps as GetStaticPropsNext,
@@ -10,7 +7,7 @@ import type {
 
 type AnyObj = Record<string, unknown>
 
-export type ApolloStateProps = { apolloState: NormalizedCacheObject; up?: UpPage | null }
+export type ApolloStateProps = { apolloState: unknown; up?: UpPage | null }
 
 export type GetStaticProps<
   PL extends AnyObj,

package/RenderType/RenderType.tsx

@@ -1,4 +1,5 @@
-import React from 'react'
+import { createElement } from 'react'
+import type React from 'react'
 
 /** To make renderers customizable we need to be able to provide renders for all types */
 type TypeObject = { __typename: string; [index: string]: unknown }
@@ -24,6 +25,10 @@ export type TypeRenderer<
   TAdd extends Record<string, unknown> = Record<string, unknown>,
 > = TypeRenderMap<T, T['__typename'], TAdd>
 
+function FallbackRenderer({ __typename }: { __typename: string }) {
+  return <>{process.env.NODE_ENV !== 'production' ? __typename : ''}</>
+}
+
 /**
  * A simple array with renderers but with strict typing that validates of the provided Renderer is
  * actually able to render the Type
@@ -35,11 +40,9 @@ export function RenderType<
   A extends Record<string, unknown> = Record<string, unknown>,
 >(props: { renderer: TypeRenderer<T, A> } & FilterTypeByTypename<T, T['__typename']> & A) {
   const { renderer, __typename, ...typeItemProps } = props
-  const TypeItem: TypeRenderMethod<typeof typeItemProps> = renderer[__typename]
-    ? renderer[__typename]
-    : () => <>{process.env.NODE_ENV !== 'production' ? __typename : ''}</>
+  const TypeItem: TypeRenderMethod<typeof typeItemProps> = renderer[__typename] ?? FallbackRenderer
 
-  return <TypeItem {...typeItemProps} __typename={__typename} />
+  return createElement(TypeItem, { ...typeItemProps, __typename })
 }
 
 /** @public */

package/Styles/withTheme.tsx

@@ -44,21 +44,22 @@ export function withTheme<T>(
   Component: (value: T & WithSx) => React.ReactElement<any, any> | null,
   theme: Theme,
 ): React.FC<T & WithSx> {
-  return (data: T & WithSx) => {
+  // eslint-disable-next-line react/function-component-definition
+  return function WithTheme(data: T & WithSx) {
     const { sx = [] } = data
     return (
       <ThemeProvider theme={theme}>
-        <Component
-          {...data}
-          sx={sxx(
+        {React.createElement(Component, {
+          ...data,
+          sx: sxx(
             {
               typography: 'body1',
               color: theme.vars.palette.text.primary,
               backgroundColor: theme.vars.palette.background.default,
             },
             sx,
-          )}
-        />
+          ),
+        })}
       </ThemeProvider>
     )
   }

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/next-ui",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "10.0.0-canary.68",
+  "version": "10.0.0",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -30,7 +30,7 @@
     "./RenderType/filterNonNullableKeys": "./RenderType/filterNonNullableKeys.ts"
   },
   "dependencies": {
-    "cookie": "^1.0.2",
+    "cookie": "^1.1.1",
     "react-is": "^19.2.0"
   },
   "devDependencies": {
@@ -38,21 +38,21 @@
     "typescript": "5.9.3"
   },
   "peerDependencies": {
-    "@emotion/cache": "^11",
-    "@emotion/react": "^11",
-    "@emotion/server": "^11",
-    "@emotion/styled": "^11",
-    "@graphcommerce/eslint-config-pwa": "^10.0.0-canary.68",
-    "@graphcommerce/framer-next-pages": "^10.0.0-canary.68",
-    "@graphcommerce/framer-scroller": "^10.0.0-canary.68",
-    "@graphcommerce/framer-utils": "^10.0.0-canary.68",
-    "@graphcommerce/image": "^10.0.0-canary.68",
-    "@graphcommerce/prettier-config-pwa": "^10.0.0-canary.68",
-    "@graphcommerce/typescript-config-pwa": "^10.0.0-canary.68",
+    "@emotion/cache": "^11.14.0",
+    "@emotion/react": "^11.14.0",
+    "@emotion/server": "^11.11.0",
+    "@emotion/styled": "^11.14.1",
+    "@graphcommerce/eslint-config-pwa": "^10.0.0",
+    "@graphcommerce/framer-next-pages": "^10.0.0",
+    "@graphcommerce/framer-scroller": "^10.0.0",
+    "@graphcommerce/framer-utils": "^10.0.0",
+    "@graphcommerce/image": "^10.0.0",
+    "@graphcommerce/prettier-config-pwa": "^10.0.0",
+    "@graphcommerce/typescript-config-pwa": "^10.0.0",
     "@lingui/core": "^5",
     "@lingui/macro": "^5",
     "@lingui/react": "^5",
-    "@mui/lab": "^7.0.0-beta.0",
+    "@mui/lab": "7.0.1-beta.20",
     "@mui/material": "^7.0.0",
     "framer-motion": "^11.0.0",
     "next": "*",