@faststore/core 3.11.3 → 3.11.4

package/.turbo/turbo-build.log

@@ -51,7 +51,7 @@ Route (pages)                              Size     First Load JS
 ├   └ css/b1806cbafd0c1f81.css             3.06 kB
 ├   /_app                                  0 B              92 kB
 ├ ● /[...slug]                             2.09 kB         131 kB
-├ ● /[slug]/p                              34 kB           153 kB
+├ ● /[slug]/p                              34.1 kB         153 kB
 ├   ├ css/bf1560439df2c1a1.css             5.66 kB
 ├   ├ css/e3ff5d95518a5c79.css             6.01 kB
 ├   └ css/d23b961580181439.css             15.6 kB
@@ -69,11 +69,11 @@ Route (pages)                              Size     First Load JS
   ├ chunks/framework-12a146e94cfcf7c4.js   45.4 kB
   ├ chunks/main-48d1188fa94dad34.js        33.1 kB
   ├ chunks/pages/_app-e0cf85dd2f4d858c.js  9.97 kB
-  ├ chunks/webpack-0b036af6daba5815.js     3.57 kB
+  ├ chunks/webpack-ed53dd91aa26df33.js     3.57 kB
   └ css/ee0556daedda6306.css               3.07 kB
 
 λ  (Server)  server-side renders at runtime (uses getInitialProps or getServerSideProps)
 ○  (Static)  automatically rendered as static HTML (uses no initial props)
 ●  (SSG)     automatically generated as static HTML + JSON (uses getStaticProps)
 
-Done in 68.23s.
+Done in 69.01s.

package/.turbo/turbo-test.log

@@ -1,12 +1,12 @@
 yarn run v1.22.22
 $ jest
-PASS test/server/cms/index.test.ts (32.814 s)
-PASS test/utils/multipleTemplates.test.ts (33.116 s)
-PASS test/server/index.test.ts (37.603 s)
+PASS test/utils/multipleTemplates.test.ts (33.571 s)
+PASS test/server/cms/index.test.ts (34.063 s)
+PASS test/server/index.test.ts (38.869 s)
 
 Test Suites: 3 passed, 3 total
 Tests:       19 passed, 19 total
 Snapshots:   0 total
-Time:        38.753 s
+Time:        39.982 s
 Ran all test suites.
-Done in 40.26s.
+Done in 41.52s.

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.11.4](https://github.com/vtex/faststore/compare/v3.11.3...v3.11.4) (2025-01-29)
+
+**Note:** Version bump only for package @faststore/core
+
 ## [3.11.3](https://github.com/vtex/faststore/compare/v3.11.2...v3.11.3) (2025-01-29)
 
 **Note:** Version bump only for package @faststore/core

package/codegen.ts

@@ -1,4 +1,4 @@
-import { type CodegenConfig } from '@graphql-codegen/cli'
+import type { CodegenConfig } from '@graphql-codegen/cli'
 import { Kind, type DocumentNode } from 'graphql'
 
 /* Extracts operationName from queries. Example: ServerProductQuery */

package/discovery.config.default.js

@@ -6,7 +6,7 @@ module.exports = {
     author: 'Store Framework',
     plp: {
       titleTemplate: '%s | FastStore PLP',
-      descriptionTemplate: '%s products on FastStore Product Listing Page'
+      descriptionTemplate: '%s products on FastStore Product Listing Page',
     },
     search: {
       titleTemplate: '%s: Search results title',

package/next-seo.config.ts

@@ -1,4 +1,4 @@
-import { DefaultSeoProps } from 'next-seo'
+import type { DefaultSeoProps } from 'next-seo'
 import storeConfig from './discovery.config'
 
 const buildTime = new Date().toISOString()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/core",
-  "version": "3.11.3",
+  "version": "3.11.4",
   "license": "MIT",
   "repository": "vtex/faststore",
   "browserslist": "supports es6-module and not dead",
@@ -43,12 +43,12 @@
     "@envelop/graphql-jit": "^8.0.3",
     "@envelop/parser-cache": "^6.0.2",
     "@envelop/validation-cache": "^6.0.2",
-    "@faststore/api": "^3.11.3",
-    "@faststore/components": "^3.11.3",
+    "@faststore/api": "^3.11.4",
+    "@faststore/components": "^3.11.4",
     "@faststore/graphql-utils": "^3.11.3",
     "@faststore/lighthouse": "^3.11.3",
-    "@faststore/sdk": "^3.11.3",
-    "@faststore/ui": "^3.11.3",
+    "@faststore/sdk": "^3.11.4",
+    "@faststore/ui": "^3.11.4",
     "@graphql-codegen/cli": "5.0.2",
     "@graphql-codegen/client-preset": "4.2.6",
     "@graphql-codegen/typescript": "4.0.7",
@@ -101,5 +101,5 @@
     "jest": "^29.7.0",
     "ts-jest": "29.1.1"
   },
-  "gitHead": "6b9aae9d5eb648c456b313cc210fa7e90821d5fb"
+  "gitHead": "12b2c7ae619a3f903e514cfd2dffd7d75cfb0a6d"
 }

package/src/components/auth/ProfileChallenge/ProfileChallenge.tsx

@@ -1,4 +1,4 @@
-import { PropsWithChildren, ReactNode } from 'react'
+import type { PropsWithChildren, ReactNode } from 'react'
 import { useAuth } from 'src/sdk/auth'
 
 export type ProfileChallengeProps = {

package/src/components/cart/CartSidebar/CartSidebar.tsx

@@ -7,7 +7,7 @@ import type {
 
 import type { CurrencyCode, ViewCartEvent } from '@faststore/sdk'
 import { Icon, useFadeEffect, useUI } from '@faststore/ui'
-import { ReactNode, useCallback, useEffect, useMemo } from 'react'
+import { type ReactNode, useCallback, useEffect, useMemo } from 'react'
 import { useCart } from 'src/sdk/cart'
 import { useCheckoutButton } from 'src/sdk/cart/useCheckoutButton'
 import { useSession } from 'src/sdk/session'

package/src/components/cart/OrderSummary/OrderSummary.tsx

@@ -1,6 +1,6 @@
 import {
   OrderSummary as UIOrderSummary,
-  OrderSummaryProps as UIOrderSummaryProps,
+  type OrderSummaryProps as UIOrderSummaryProps,
 } from '@faststore/ui'
 import type { ReactNode } from 'react'
 

package/src/components/cms/GlobalSections.tsx

@@ -1,6 +1,6 @@
-import { Locator, Section } from '@vtex/client-cms'
+import type { Locator, Section } from '@vtex/client-cms'
 import storeConfig from 'discovery.config'
-import { PageContentType, getPage } from 'src/server/cms'
+import { type PageContentType, getPage } from 'src/server/cms'
 
 export const GLOBAL_SECTIONS_CONTENT_TYPE = 'globalSections'
 

package/src/components/cms/RenderSections.tsx

@@ -1,13 +1,13 @@
 import {
-  ComponentType,
-  PropsWithChildren,
-  ReactNode,
+  type ComponentType,
+  type PropsWithChildren,
+  type ReactNode,
   memo,
   useMemo,
 } from 'react'
 
 import { useUI } from '@faststore/ui'
-import { Section } from '@vtex/client-cms'
+import type { Section } from '@vtex/client-cms'
 import dynamic from 'next/dynamic'
 import useTTI from 'src/sdk/performance/useTTI'
 import SectionBoundary from './SectionBoundary'

package/src/components/cms/SectionBoundary.tsx

@@ -7,7 +7,7 @@ interface ErrorBoundaryProps {
 }
 
 interface ErrorBoundaryState {
-  hasError: Boolean
+  hasError: boolean
   error: Error | null
 }
 

package/src/components/cms/global/Components.ts

@@ -1,5 +1,5 @@
 import dynamic from 'next/dynamic'
-import { ComponentType } from 'react'
+import type { ComponentType } from 'react'
 
 import { OverriddenDefaultAlert as Alert } from 'src/components/sections/Alert/OverriddenDefaultAlert'
 import { OverriddenDefaultNavbar as Navbar } from 'src/components/sections/Navbar/OverriddenDefaultNavbar'

package/src/components/cms/home/Components.ts

@@ -1,5 +1,5 @@
 import dynamic from 'next/dynamic'
-import { ComponentType } from 'react'
+import type { ComponentType } from 'react'
 
 import { OverriddenDefaultHero as Hero } from 'src/components/sections/Hero/OverriddenDefaultHero'
 import Incentives from 'src/components/sections/Incentives'

package/src/components/cms/plp/Components.ts

@@ -1,5 +1,5 @@
 import dynamic from 'next/dynamic'
-import { ComponentType } from 'react'
+import type { ComponentType } from 'react'
 
 import { OverriddenDefaultBreadcrumb as Breadcrumb } from 'src/components/sections/Breadcrumb/OverriddenDefaultBreadcrumb'
 import { OverriddenDefaultHero as Hero } from 'src/components/sections/Hero/OverriddenDefaultHero'

package/src/components/cms/search/Components.ts

@@ -1,5 +1,5 @@
 import dynamic from 'next/dynamic'
-import { ComponentType } from 'react'
+import type { ComponentType } from 'react'
 
 import { OverriddenDefaultBreadcrumb as Breadcrumb } from 'src/components/sections/Breadcrumb/OverriddenDefaultBreadcrumb'
 import { OverriddenDefaultHero as Hero } from 'src/components/sections/Hero/OverriddenDefaultHero'

package/src/components/common/Alert/Alert.tsx

@@ -1,7 +1,7 @@
 import type { PropsWithChildren, ReactNode } from 'react'
 import { useCallback, useState } from 'react'
 
-import { AlertProps as UIAlertProps } from '@faststore/ui'
+import type { AlertProps as UIAlertProps } from '@faststore/ui'
 
 import Section from 'src/components/sections/Section/Section'
 import styles from './section.module.scss'

package/src/components/common/Footer/Footer.tsx

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react'
+import type { ReactNode } from 'react'
 
 interface FooterProps {
   children: ReactNode

package/src/components/product/NotAvailableButton/NotAvailableButton.tsx

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react'
+import type { PropsWithChildren } from 'react'
 import { Button } from '@faststore/ui'
 
 // TODO: Remove this component when <OutOfStock /> is ready to use

package/src/components/product/ProductCard/ProductCard.tsx

@@ -7,7 +7,7 @@ import { memo, useMemo } from 'react'
 
 import { gql } from '@generated'
 import type { ProductSummary_ProductFragment } from '@generated/graphql'
-import { ImageProps } from 'next/image'
+import type { ImageProps } from 'next/image'
 import NextLink from 'next/link'
 import { Image } from 'src/components/ui/Image'
 import { useFormattedPrice } from 'src/sdk/product/useFormattedPrice'

package/src/components/product/ProductGrid/ProductGrid.tsx

@@ -4,7 +4,7 @@ import {
 } from '@faststore/ui'
 import type { ClientManyProductsQueryQuery } from '@generated/graphql'
 import ProductGridSkeleton from 'src/components/skeletons/ProductGridSkeleton'
-import { ProductCardProps } from '../ProductCard'
+import type { ProductCardProps } from '../ProductCard'
 
 import { memo } from 'react'
 import ViewportObserver from 'src/components/cms/ViewportObserver'

package/src/components/region/RegionModal/RegionModal.tsx

@@ -1,6 +1,6 @@
 import {
   Icon,
-  RegionModalProps as UIRegionModalProps,
+  type RegionModalProps as UIRegionModalProps,
   useUI,
 } from '@faststore/ui'
 import { useRef, useState } from 'react'

package/src/components/search/Filter/FilterDesktop.tsx

@@ -10,7 +10,7 @@ import {
 import { gql } from '@generated/gql'
 import type { Filter_FacetsFragment } from '@generated/graphql'
 import { useFormattedPrice } from 'src/sdk/product/useFormattedPrice'
-import { useFilter } from 'src/sdk/search/useFilter'
+import type { useFilter } from 'src/sdk/search/useFilter'
 
 interface Props {
   /**

package/src/components/search/SearchDropdown/SearchDropdown.tsx

@@ -9,8 +9,8 @@ import {
 import { SearchHistory } from '../SearchHistory'
 import { SearchTop } from '../SearchTop'
 
-import { SearchState } from '@faststore/sdk'
-import { ProductSummary_ProductFragment } from '@generated/graphql'
+import type { SearchState } from '@faststore/sdk'
+import type { ProductSummary_ProductFragment } from '@generated/graphql'
 import SearchProductItem from 'src/components/search/SearchProductItem'
 import { formatSearchPath } from 'src/sdk/search/formatSearchPath'
 import type {

package/src/components/search/SearchInput/SearchInput.tsx

@@ -25,7 +25,7 @@ import type {
   SearchInputFieldRef as UISearchInputFieldRef,
 } from '@faststore/ui'
 
-import { SearchProviderContextValue } from '@faststore/ui'
+import type { SearchProviderContextValue } from '@faststore/ui'
 
 import useSearchHistory from 'src/sdk/search/useSearchHistory'
 import useSuggestions from 'src/sdk/search/useSuggestions'

package/src/components/search/SearchTop/SearchTop.tsx

@@ -5,7 +5,7 @@ import {
 } from '@faststore/ui'
 import type { HTMLAttributes } from 'react'
 
-import { SearchState } from '@faststore/sdk'
+import type { SearchState } from '@faststore/sdk'
 import type { StoreSuggestionTerm } from '@generated/graphql'
 import { formatSearchPath } from 'src/sdk/search/formatSearchPath'
 import useTopSearch from 'src/sdk/search/useTopSearch'

package/src/components/sections/BannerText/BannerText.tsx

@@ -1,4 +1,4 @@
-import {
+import type {
   BannerTextProps as UIBannerTextProps,
   BannerTextContentProps as UIBannerTextContentProps,
 } from '@faststore/ui'

package/src/components/sections/Breadcrumb/Breadcrumb.tsx

@@ -4,8 +4,8 @@ import Section from '../Section'
 
 import styles from './section.module.scss'
 import {
-  PDPContext,
-  PLPContext,
+  type PDPContext,
+  type PLPContext,
   isPDP,
   isPLP,
   usePage,
@@ -31,8 +31,8 @@ function BreadcrumbSection({ ...otherProps }: BreadcrumbSectionProps) {
   const breadcrumbList = isPDP(context)
     ? context?.data?.product?.breadcrumbList?.itemListElement
     : isPLP(context)
-    ? context?.data?.collection?.breadcrumbList?.itemListElement
-    : fallback
+      ? context?.data?.collection?.breadcrumbList?.itemListElement
+      : fallback
 
   return (
     <Section className={`${styles.section} section-breadcrumb`}>

package/src/components/sections/Hero/Hero.tsx

@@ -1,8 +1,8 @@
-import {
+import type {
   HeroProps as UIHeroProps,
   HeroHeaderProps as UIHeroHeaderProps,
 } from '@faststore/ui'
-import { ReactNode } from 'react'
+import type { ReactNode } from 'react'
 import { Image } from '../../../components/ui/Image'
 
 import { useOverrideComponents } from '../../../sdk/overrides/OverrideContext'

package/src/components/sections/Newsletter/Newsletter.tsx

@@ -1,4 +1,4 @@
-import {
+import type {
   NewsletterProps as UINewsletterProps,
   NewsletterAddendumProps as UINewsletterAddendumProps,
   NewsletterHeaderProps as UINewsletterHeaderProps,

package/src/components/sections/ProductGallery/ProductGallery.tsx

@@ -1,13 +1,13 @@
 import ProductGallery, {
-  ProductGalleryProps,
+  type ProductGalleryProps,
 } from '../../ui/ProductGallery/ProductGallery'
 import Section from '../Section'
 import type { EmptyGalleryProps } from './EmptyGallery'
 
 import styles from './section.module.scss'
 import {
-  PLPContext,
-  SearchPageContext,
+  type PLPContext,
+  type SearchPageContext,
   isPLP,
   isSearchPage,
   usePage,
@@ -39,8 +39,8 @@ function ProductGallerySection({
   const [title, searchTerm] = isSearchPage(context)
     ? [context?.data?.title, context?.data?.searchTerm]
     : isPLP(context)
-    ? [context?.data?.collection?.seo?.title]
-    : ['']
+      ? [context?.data?.collection?.seo?.title]
+      : ['']
 
   const totalCount = context?.data?.search?.products?.pageInfo?.totalCount ?? 0
 

package/src/components/sections/ProductShelf/ProductShelf.tsx

@@ -2,7 +2,7 @@ import { useInView } from 'react-intersection-observer'
 import Section from '../Section'
 
 import ProductShelf, {
-  ProductShelfProps,
+  type ProductShelfProps,
 } from '../../../components/ui/ProductShelf'
 import styles from './section.module.scss'
 import { ProductShelfDefaultComponents } from './DefaultComponents'

package/src/components/sections/RegionBar/RegionBar.tsx

@@ -1,5 +1,7 @@
 import { getOverridableSection } from '../../..//sdk/overrides/getOverriddenSection'
-import RegionBar, { RegionBarProps } from '../../region/RegionBar/RegionBar'
+import RegionBar, {
+  type RegionBarProps,
+} from '../../region/RegionBar/RegionBar'
 import Section from '../Section/Section'
 import { RegionBarDefaultComponents } from './DefaultComponents'
 import styles from './section.module.scss'

package/src/components/templates/ProductListingPage/ProductListing.tsx

@@ -9,9 +9,9 @@ import COMPONENTS from 'src/components/cms/plp/Components'
 import RenderSections, {
   LazyLoadingSection,
 } from 'src/components/cms/RenderSections'
-import { PLPContentType } from 'src/server/cms/plp'
+import type { PLPContentType } from 'src/server/cms/plp'
 
-import PageProvider, { PLPContext } from 'src/sdk/overrides/PageProvider'
+import PageProvider, { type PLPContext } from 'src/sdk/overrides/PageProvider'
 import {
   useCreateUseGalleryPage,
   UseGalleryPageContext,

package/src/components/templates/SearchPage/SearchPage.tsx

@@ -1,13 +1,15 @@
 import type { ClientProductGalleryQueryQuery as ClientProductGalleryQuery } from '@generated/graphql'
 import RenderSections from 'src/components/cms/RenderSections'
 import COMPONENTS from 'src/components/cms/search/Components'
-import { SearchPageContextType } from 'src/pages/s'
-import PageProvider, { SearchPageContext } from 'src/sdk/overrides/PageProvider'
+import type { SearchPageContextType } from 'src/pages/s'
+import PageProvider, {
+  type SearchPageContext,
+} from 'src/sdk/overrides/PageProvider'
 import {
   useCreateUseGalleryPage,
   UseGalleryPageContext,
 } from 'src/sdk/product/usePageProductsQuery'
-import { SearchContentType } from 'src/server/cms'
+import type { SearchContentType } from 'src/server/cms'
 
 export type SearchPageProps = {
   data: SearchPageContextType & ClientProductGalleryQuery

package/src/components/ui/Image/Image.tsx

@@ -1,6 +1,6 @@
 import { memo } from 'react'
 
-import NextImage, { ImageProps as NextImageProps } from 'next/image'
+import NextImage, { type ImageProps as NextImageProps } from 'next/image'
 import loader from './loader'
 
 export type ImageProps = NextImageProps

package/src/components/ui/Image/loader.ts

@@ -1,5 +1,5 @@
 import storeConfig from 'discovery.config'
-import { ImageLoaderProps } from 'next/image'
+import type { ImageLoaderProps } from 'next/image'
 const THUMBOR_SERVER = `https://${storeConfig.api.storeId}.vtexassets.com`
 
 export default function customImageLoader({

package/src/components/ui/Link/Link.tsx

@@ -10,7 +10,7 @@ export type LinkProps<T extends LinkElementType = 'a'> = UILinkProps<T> &
   AnchorHTMLAttributes<HTMLAnchorElement>
 
 const Link = forwardRef<HTMLAnchorElement, LinkProps>(function Link<
-  T extends LinkElementType = 'a'
+  T extends LinkElementType = 'a',
 >(
   { href, inverse, children, variant = 'default', ...otherProps }: LinkProps<T>,
   ref: Ref<HTMLAnchorElement>

package/src/components/ui/ProductGallery/ProductGallery.tsx

@@ -9,13 +9,13 @@ import ProductGridSkeleton from 'src/components/skeletons/ProductGridSkeleton'
 
 import dynamic from 'next/dynamic'
 
-import { ProductCardProps } from 'src/components/product/ProductCard'
-import { FilterSliderProps } from 'src/components/search/Filter/FilterSlider'
-import { SortProps } from 'src/components/search/Sort/Sort'
+import type { ProductCardProps } from 'src/components/product/ProductCard'
+import type { FilterSliderProps } from 'src/components/search/Filter/FilterSlider'
+import type { SortProps } from 'src/components/search/Sort/Sort'
 import { useOverrideComponents } from 'src/sdk/overrides/OverrideContext'
 import {
-  PLPContext,
-  SearchPageContext,
+  type PLPContext,
+  type SearchPageContext,
   usePage,
 } from 'src/sdk/overrides/PageProvider'
 import { useProductsPrefetch } from 'src/sdk/product/useProductsPrefetch'

package/src/components/ui/ProductGallery/ProductGalleryPage.tsx

@@ -2,7 +2,7 @@ import ProductGrid from 'src/components/product/ProductGrid'
 import Sentinel from 'src/sdk/search/Sentinel'
 
 import { memo } from 'react'
-import { ProductCardProps } from 'src/components/product/ProductCard'
+import type { ProductCardProps } from 'src/components/product/ProductCard'
 import { useGalleryPage } from 'src/sdk/product/usePageProductsQuery'
 
 interface Props {

package/src/components/ui/ShippingSimulation/ShippingSimulation.tsx

@@ -1,4 +1,4 @@
-import { ShippingSimulationProps as UIShippingSimulationProps } from '@faststore/ui'
+import type { ShippingSimulationProps as UIShippingSimulationProps } from '@faststore/ui'
 
 import { useShippingSimulation } from 'src/sdk/shipping/useShippingSimulation'
 

package/src/components/ui/SkuSelector/Selectors.tsx

@@ -1,6 +1,6 @@
-import { HTMLAttributes } from 'react'
+import type { HTMLAttributes } from 'react'
 
-import { SkuSelectorProps } from '@faststore/ui'
+import type { SkuSelectorProps } from '@faststore/ui'
 import NextLink from 'next/link'
 import { Image } from '../Image'
 

package/src/customizations/src/components/overrides/Alert.tsx

@@ -1,6 +1,6 @@
 // This is an example of how it can be used on the starter.
 
-import { SectionOverride } from 'src/typings/overrides'
+import type { SectionOverride } from 'src/typings/overrides'
 
 const SECTION = 'Alert' as const
 

package/src/customizations/src/components/overrides/BannerText.tsx

@@ -1,6 +1,6 @@
 // This is an example of how it can be used on the starter.
 
-import { SectionOverride } from 'src/typings/overrides'
+import type { SectionOverride } from 'src/typings/overrides'
 
 const SECTION = 'BannerText' as const
 

package/src/customizations/src/components/overrides/Breadcrumb.tsx

@@ -1,6 +1,6 @@
 // This is an example of how it can be used on the starter.
 
-import { SectionOverride } from 'src/typings/overrides'
+import type { SectionOverride } from 'src/typings/overrides'
 
 const SECTION = 'Breadcrumb' as const
 

package/src/customizations/src/components/overrides/CrossSellingShelf.tsx

@@ -1,6 +1,6 @@
 // This is an example of how it can be used on the starter.
 
-import { SectionOverride } from 'src/typings/overrides'
+import type { SectionOverride } from 'src/typings/overrides'
 
 const SECTION = 'CrossSellingShelf' as const
 

package/src/customizations/src/components/overrides/EmptyState.tsx

@@ -1,5 +1,5 @@
 // This is an example of how it can be used on the starter.
-import { SectionOverride } from 'src/typings/overrides'
+import type { SectionOverride } from 'src/typings/overrides'
 
 const SECTION = 'EmptyState' as const
 

package/src/customizations/src/components/overrides/Hero.tsx

@@ -1,6 +1,6 @@
 // This is an example of how it can be used on the starter.
 
-import { SectionOverride } from 'src/typings/overrides'
+import type { SectionOverride } from 'src/typings/overrides'
 
 const SECTION = 'Hero' as const
 

package/src/customizations/src/components/overrides/Navbar.tsx

@@ -1,6 +1,6 @@
 // This is an example of how it can be used on the starter.
 
-import { SectionOverride } from 'src/typings/overrides'
+import type { SectionOverride } from 'src/typings/overrides'
 
 const SECTION = 'Navbar' as const
 

package/src/customizations/src/components/overrides/Newsletter.tsx

@@ -1,6 +1,6 @@
 // This is an example of how it can be used on the starter.
 
-import { SectionOverride } from 'src/typings/overrides'
+import type { SectionOverride } from 'src/typings/overrides'
 
 const SECTION = 'Newsletter' as const
 

package/src/customizations/src/components/overrides/ProductDetails.tsx

@@ -1,6 +1,6 @@
 // This is an example of how it can be used on the starter.
 
-import { SectionOverride } from 'src/typings/overrides'
+import type { SectionOverride } from 'src/typings/overrides'
 
 const SECTION = 'ProductDetails' as const
 

package/src/customizations/src/components/overrides/ProductGallery.tsx

@@ -1,6 +1,6 @@
 // This is an example of how it can be used on the starter.
 
-import { SectionOverride } from 'src/typings/overrides'
+import type { SectionOverride } from 'src/typings/overrides'
 
 const SECTION = 'ProductGallery' as const
 

package/src/customizations/src/components/overrides/ProductShelf.tsx

@@ -1,6 +1,6 @@
 // This is an example of how it can be used on the starter.
 
-import { SectionOverride } from 'src/typings/overrides'
+import type { SectionOverride } from 'src/typings/overrides'
 
 const SECTION = 'ProductShelf' as const
 

package/src/customizations/src/components/overrides/RegionBar.tsx

@@ -1,6 +1,6 @@
 // This is an example of how it can be used on the starter.
 
-import { SectionOverride } from 'src/typings/overrides'
+import type { SectionOverride } from 'src/typings/overrides'
 
 const SECTION = 'RegionBar' as const