diff --git a/biome.json b/biome.json
index d6fea83dd..1cfd2efaf 100644
--- a/biome.json
+++ b/biome.json
@@ -9,24 +9,44 @@
     "enabled": false
   },
   "formatter": {
+    "ignore": ["package.json", "**/archive/**/*"],
     "enabled": true,
     "indentStyle": "space",
     "lineWidth": 100
   },
   "linter": {
     "enabled": true,
+    "ignore": ["public", "node_modules", ".cache", "lib", "dist", "**/archive/**/*"],
     "rules": {
-      "recommended": true
+      "recommended": true,
+      "style": {
+        "useNodejsImportProtocol": "off",
+        "noNonNullAssertion": "warn",
+        "noUnusedTemplateLiteral": "warn",
+        "useTemplate": "warn"
+      },
+      "complexity": {
+        "useLiteralKeys": "warn"
+      },
+      "correctness": {
+        "useExhaustiveDependencies": "warn"
+      },
+      "security": {
+        "noDangerouslySetInnerHtml": "warn"
+      }
     }
   },
   "overrides": [
     {
       "include": ["docs/**/*"],
-      "ignore": ["public", "node_modules", ".cache"],
+      "ignore": ["public", "node_modules", ".cache", "lib", "dist"],
       "linter": {
         "rules": {
           "style": {
             "noNonNullAssertion": "off"
+          },
+          "correctness": {
+            "useExhaustiveDependencies": "warn"
           }
         }
       },
diff --git a/docs/content/component/chip-filter/component-meta.json b/docs/content/component/chip-filter/component-meta.json
index 1ae6eff89..1a5c0e4a7 100644
--- a/docs/content/component/chip-filter/component-meta.json
+++ b/docs/content/component/chip-filter/component-meta.json
@@ -41,4 +41,4 @@
       }
     }
   }
-}
\ No newline at end of file
+}
diff --git a/docs/content/component/text-field/component-meta.json b/docs/content/component/text-field/component-meta.json
index e834cdbc6..672bf5fc8 100644
--- a/docs/content/component/text-field/component-meta.json
+++ b/docs/content/component/text-field/component-meta.json
@@ -42,4 +42,4 @@
       }
     }
   }
-}
\ No newline at end of file
+}
diff --git a/docs/package.json b/docs/package.json
index c6443b60a..9e3057677 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -3,7 +3,9 @@
   "version": "0.0.0",
   "private": true,
   "description": "seed docs",
-  "keywords": ["gatsby"],
+  "keywords": [
+    "gatsby"
+  ],
   "author": "junghyeonsu",
   "scripts": {
     "build": "GATSBY_EXPERIMENTAL_PAGE_BUILD_ON_DATA_CHANGES=true gatsby build --verbose --log-pages",
diff --git a/docs/scripts/validate-meta-data.mjs b/docs/scripts/validate-meta-data.mjs
index 6067d975d..6cb5a6e44 100644
--- a/docs/scripts/validate-meta-data.mjs
+++ b/docs/scripts/validate-meta-data.mjs
@@ -4,8 +4,12 @@ import chalk from "chalk";
 import fs from "node:fs/promises";
 import path from "node:path";
 
-import componentMetaSchema from "../schema/component-meta.json" assert { type: "json" };
-import primitiveMetaSchema from "../schema/primitive-meta.json" assert { type: "json" };
+import componentMetaSchema from "../schema/component-meta.json" assert {
+  type: "json",
+};
+import primitiveMetaSchema from "../schema/primitive-meta.json" assert {
+  type: "json",
+};
 
 const ajv = new Ajv();
 
diff --git a/docs/src/__generated__/gatsby-types.d.ts b/docs/src/__generated__/gatsby-types.d.ts
index a47b87418..f8e21354a 100644
--- a/docs/src/__generated__/gatsby-types.d.ts
+++ b/docs/src/__generated__/gatsby-types.d.ts
@@ -1,3371 +1,3481 @@
 /* eslint-disable */
 
-
 declare namespace GatsbyTypes {
-
-type Maybe<T> = T | null;
-type InputMaybe<T> = T | null;
-type Exact<T extends { [key: string]: unknown }> = { [K in keyof T]: T[K] };
-type MakeOptional<T, K extends keyof T> = Omit<T, K> & { [SubKey in K]?: Maybe<T[SubKey]> };
-type MakeMaybe<T, K extends keyof T> = Omit<T, K> & { [SubKey in K]: Maybe<T[SubKey]> };
-/** All built-in and custom scalars, mapped to their actual values */
-type Scalars = {
-  /** The `ID` scalar type represents a unique identifier, often used to refetch an object or as key for a cache. The ID type appears in a JSON response as a String; however, it is not intended to be human-readable. When expected as an input type, any string (such as `"4"`) or integer (such as `4`) input value will be accepted as an ID. */
-  ID: string;
-  /** The `String` scalar type represents textual data, represented as UTF-8 character sequences. The String type is most often used by GraphQL to represent free-form human-readable text. */
-  String: string;
-  /** The `Boolean` scalar type represents `true` or `false`. */
-  Boolean: boolean;
-  /** The `Int` scalar type represents non-fractional signed whole numeric values. Int can represent values between -(2^31) and 2^31 - 1. */
-  Int: number;
-  /** The `Float` scalar type represents signed double-precision fractional values as specified by [IEEE 754](https://en.wikipedia.org/wiki/IEEE_floating_point). */
-  Float: number;
-  /** A date string, such as 2007-12-03, compliant with the ISO 8601 standard for representation of dates and times using the Gregorian calendar. */
-  Date: string;
-  GatsbyImageData: import('gatsby-plugin-image').IGatsbyImageData;
-  /** The `JSON` scalar type represents JSON values as specified by [ECMA-404](http://www.ecma-international.org/publications/files/ECMA-ST/ECMA-404.pdf). */
-  JSON: any;
-};
-
-type AVIFOptions = {
-  readonly lossless: InputMaybe<Scalars['Boolean']>;
-  readonly quality: InputMaybe<Scalars['Int']>;
-  readonly speed: InputMaybe<Scalars['Int']>;
-};
-
-type BlurredOptions = {
-  /** Force the output format for the low-res preview. Default is to use the same format as the input. You should rarely need to change this */
-  readonly toFormat: InputMaybe<ImageFormat>;
-  /** Width of the generated low-res preview. Default is 20px */
-  readonly width: InputMaybe<Scalars['Int']>;
-};
-
-type BooleanQueryOperatorInput = {
-  readonly eq: InputMaybe<Scalars['Boolean']>;
-  readonly in: InputMaybe<ReadonlyArray<InputMaybe<Scalars['Boolean']>>>;
-  readonly ne: InputMaybe<Scalars['Boolean']>;
-  readonly nin: InputMaybe<ReadonlyArray<InputMaybe<Scalars['Boolean']>>>;
-};
-
-type DateQueryOperatorInput = {
-  readonly eq: InputMaybe<Scalars['Date']>;
-  readonly gt: InputMaybe<Scalars['Date']>;
-  readonly gte: InputMaybe<Scalars['Date']>;
-  readonly in: InputMaybe<ReadonlyArray<InputMaybe<Scalars['Date']>>>;
-  readonly lt: InputMaybe<Scalars['Date']>;
-  readonly lte: InputMaybe<Scalars['Date']>;
-  readonly ne: InputMaybe<Scalars['Date']>;
-  readonly nin: InputMaybe<ReadonlyArray<InputMaybe<Scalars['Date']>>>;
-};
-
-type Directory = Node & {
-  readonly absolutePath: Scalars['String'];
-  readonly accessTime: Scalars['Date'];
-  readonly atime: Scalars['Date'];
-  readonly atimeMs: Scalars['Float'];
-  readonly base: Scalars['String'];
-  readonly birthTime: Scalars['Date'];
-  /** @deprecated Use `birthTime` instead */
-  readonly birthtime: Maybe<Scalars['Date']>;
-  /** @deprecated Use `birthTime` instead */
-  readonly birthtimeMs: Maybe<Scalars['Float']>;
-  readonly changeTime: Scalars['Date'];
-  readonly children: ReadonlyArray<Node>;
-  readonly ctime: Scalars['Date'];
-  readonly ctimeMs: Scalars['Float'];
-  readonly dev: Scalars['Int'];
-  readonly dir: Scalars['String'];
-  readonly ext: Scalars['String'];
-  readonly extension: Scalars['String'];
-  readonly gid: Scalars['Int'];
-  readonly id: Scalars['ID'];
-  readonly ino: Scalars['Float'];
-  readonly internal: Internal;
-  readonly mode: Scalars['Int'];
-  readonly modifiedTime: Scalars['Date'];
-  readonly mtime: Scalars['Date'];
-  readonly mtimeMs: Scalars['Float'];
-  readonly name: Scalars['String'];
-  readonly nlink: Scalars['Int'];
-  readonly parent: Maybe<Node>;
-  readonly prettySize: Scalars['String'];
-  readonly rdev: Scalars['Int'];
-  readonly relativeDirectory: Scalars['String'];
-  readonly relativePath: Scalars['String'];
-  readonly root: Scalars['String'];
-  readonly size: Scalars['Int'];
-  readonly sourceInstanceName: Scalars['String'];
-  readonly uid: Scalars['Int'];
-};
-
-
-type Directory_accessTimeArgs = {
-  difference: InputMaybe<Scalars['String']>;
-  formatString: InputMaybe<Scalars['String']>;
-  fromNow: InputMaybe<Scalars['Boolean']>;
-  locale: InputMaybe<Scalars['String']>;
-};
-
-
-type Directory_atimeArgs = {
-  difference: InputMaybe<Scalars['String']>;
-  formatString: InputMaybe<Scalars['String']>;
-  fromNow: InputMaybe<Scalars['Boolean']>;
-  locale: InputMaybe<Scalars['String']>;
-};
-
-
-type Directory_birthTimeArgs = {
-  difference: InputMaybe<Scalars['String']>;
-  formatString: InputMaybe<Scalars['String']>;
-  fromNow: InputMaybe<Scalars['Boolean']>;
-  locale: InputMaybe<Scalars['String']>;
-};
-
-
-type Directory_changeTimeArgs = {
-  difference: InputMaybe<Scalars['String']>;
-  formatString: InputMaybe<Scalars['String']>;
-  fromNow: InputMaybe<Scalars['Boolean']>;
-  locale: InputMaybe<Scalars['String']>;
-};
-
-
-type Directory_ctimeArgs = {
-  difference: InputMaybe<Scalars['String']>;
-  formatString: InputMaybe<Scalars['String']>;
-  fromNow: InputMaybe<Scalars['Boolean']>;
-  locale: InputMaybe<Scalars['String']>;
-};
-
-
-type Directory_modifiedTimeArgs = {
-  difference: InputMaybe<Scalars['String']>;
-  formatString: InputMaybe<Scalars['String']>;
-  fromNow: InputMaybe<Scalars['Boolean']>;
-  locale: InputMaybe<Scalars['String']>;
-};
-
-
-type Directory_mtimeArgs = {
-  difference: InputMaybe<Scalars['String']>;
-  formatString: InputMaybe<Scalars['String']>;
-  fromNow: InputMaybe<Scalars['Boolean']>;
-  locale: InputMaybe<Scalars['String']>;
-};
-
-type DirectoryConnection = {
-  readonly distinct: ReadonlyArray<Scalars['String']>;
-  readonly edges: ReadonlyArray<DirectoryEdge>;
-  readonly group: ReadonlyArray<DirectoryGroupConnection>;
-  readonly max: Maybe<Scalars['Float']>;
-  readonly min: Maybe<Scalars['Float']>;
-  readonly nodes: ReadonlyArray<Directory>;
-  readonly pageInfo: PageInfo;
-  readonly sum: Maybe<Scalars['Float']>;
-  readonly totalCount: Scalars['Int'];
-};
-
-
-type DirectoryConnection_distinctArgs = {
-  field: DirectoryFieldSelector;
-};
-
-
-type DirectoryConnection_groupArgs = {
-  field: DirectoryFieldSelector;
-  limit: InputMaybe<Scalars['Int']>;
-  skip: InputMaybe<Scalars['Int']>;
-};
-
-
-type DirectoryConnection_maxArgs = {
-  field: DirectoryFieldSelector;
-};
-
-
-type DirectoryConnection_minArgs = {
-  field: DirectoryFieldSelector;
-};
-
-
-type DirectoryConnection_sumArgs = {
-  field: DirectoryFieldSelector;
-};
-
-type DirectoryEdge = {
-  readonly next: Maybe<Directory>;
-  readonly node: Directory;
-  readonly previous: Maybe<Directory>;
-};
-
-type DirectoryFieldSelector = {
-  readonly absolutePath: InputMaybe<FieldSelectorEnum>;
-  readonly accessTime: InputMaybe<FieldSelectorEnum>;
-  readonly atime: InputMaybe<FieldSelectorEnum>;
-  readonly atimeMs: InputMaybe<FieldSelectorEnum>;
-  readonly base: InputMaybe<FieldSelectorEnum>;
-  readonly birthTime: InputMaybe<FieldSelectorEnum>;
-  readonly birthtime: InputMaybe<FieldSelectorEnum>;
-  readonly birthtimeMs: InputMaybe<FieldSelectorEnum>;
-  readonly changeTime: InputMaybe<FieldSelectorEnum>;
-  readonly children: InputMaybe<NodeFieldSelector>;
-  readonly ctime: InputMaybe<FieldSelectorEnum>;
-  readonly ctimeMs: InputMaybe<FieldSelectorEnum>;
-  readonly dev: InputMaybe<FieldSelectorEnum>;
-  readonly dir: InputMaybe<FieldSelectorEnum>;
-  readonly ext: InputMaybe<FieldSelectorEnum>;
-  readonly extension: InputMaybe<FieldSelectorEnum>;
-  readonly gid: InputMaybe<FieldSelectorEnum>;
-  readonly id: InputMaybe<FieldSelectorEnum>;
-  readonly ino: InputMaybe<FieldSelectorEnum>;
-  readonly internal: InputMaybe<InternalFieldSelector>;
-  readonly mode: InputMaybe<FieldSelectorEnum>;
-  readonly modifiedTime: InputMaybe<FieldSelectorEnum>;
-  readonly mtime: InputMaybe<FieldSelectorEnum>;
-  readonly mtimeMs: InputMaybe<FieldSelectorEnum>;
-  readonly name: InputMaybe<FieldSelectorEnum>;
-  readonly nlink: InputMaybe<FieldSelectorEnum>;
-  readonly parent: InputMaybe<NodeFieldSelector>;
-  readonly prettySize: InputMaybe<FieldSelectorEnum>;
-  readonly rdev: InputMaybe<FieldSelectorEnum>;
-  readonly relativeDirectory: InputMaybe<FieldSelectorEnum>;
-  readonly relativePath: InputMaybe<FieldSelectorEnum>;
-  readonly root: InputMaybe<FieldSelectorEnum>;
-  readonly size: InputMaybe<FieldSelectorEnum>;
-  readonly sourceInstanceName: InputMaybe<FieldSelectorEnum>;
-  readonly uid: InputMaybe<FieldSelectorEnum>;
-};
-
-type DirectoryFilterInput = {
-  readonly absolutePath: InputMaybe<StringQueryOperatorInput>;
-  readonly accessTime: InputMaybe<DateQueryOperatorInput>;
-  readonly atime: InputMaybe<DateQueryOperatorInput>;
-  readonly atimeMs: InputMaybe<FloatQueryOperatorInput>;
-  readonly base: InputMaybe<StringQueryOperatorInput>;
-  readonly birthTime: InputMaybe<DateQueryOperatorInput>;
-  readonly birthtime: InputMaybe<DateQueryOperatorInput>;
-  readonly birthtimeMs: InputMaybe<FloatQueryOperatorInput>;
-  readonly changeTime: InputMaybe<DateQueryOperatorInput>;
-  readonly children: InputMaybe<NodeFilterListInput>;
-  readonly ctime: InputMaybe<DateQueryOperatorInput>;
-  readonly ctimeMs: InputMaybe<FloatQueryOperatorInput>;
-  readonly dev: InputMaybe<IntQueryOperatorInput>;
-  readonly dir: InputMaybe<StringQueryOperatorInput>;
-  readonly ext: InputMaybe<StringQueryOperatorInput>;
-  readonly extension: InputMaybe<StringQueryOperatorInput>;
-  readonly gid: InputMaybe<IntQueryOperatorInput>;
-  readonly id: InputMaybe<StringQueryOperatorInput>;
-  readonly ino: InputMaybe<FloatQueryOperatorInput>;
-  readonly internal: InputMaybe<InternalFilterInput>;
-  readonly mode: InputMaybe<IntQueryOperatorInput>;
-  readonly modifiedTime: InputMaybe<DateQueryOperatorInput>;
-  readonly mtime: InputMaybe<DateQueryOperatorInput>;
-  readonly mtimeMs: InputMaybe<FloatQueryOperatorInput>;
-  readonly name: InputMaybe<StringQueryOperatorInput>;
-  readonly nlink: InputMaybe<IntQueryOperatorInput>;
-  readonly parent: InputMaybe<NodeFilterInput>;
-  readonly prettySize: InputMaybe<StringQueryOperatorInput>;
-  readonly rdev: InputMaybe<IntQueryOperatorInput>;
-  readonly relativeDirectory: InputMaybe<StringQueryOperatorInput>;
-  readonly relativePath: InputMaybe<StringQueryOperatorInput>;
-  readonly root: InputMaybe<StringQueryOperatorInput>;
-  readonly size: InputMaybe<IntQueryOperatorInput>;
-  readonly sourceInstanceName: InputMaybe<StringQueryOperatorInput>;
-  readonly uid: InputMaybe<IntQueryOperatorInput>;
-};
-
-type DirectoryGroupConnection = {
-  readonly distinct: ReadonlyArray<Scalars['String']>;
-  readonly edges: ReadonlyArray<DirectoryEdge>;
-  readonly field: Scalars['String'];
-  readonly fieldValue: Maybe<Scalars['String']>;
-  readonly group: ReadonlyArray<DirectoryGroupConnection>;
-  readonly max: Maybe<Scalars['Float']>;
-  readonly min: Maybe<Scalars['Float']>;
-  readonly nodes: ReadonlyArray<Directory>;
-  readonly pageInfo: PageInfo;
-  readonly sum: Maybe<Scalars['Float']>;
-  readonly totalCount: Scalars['Int'];
-};
-
-
-type DirectoryGroupConnection_distinctArgs = {
-  field: DirectoryFieldSelector;
-};
-
-
-type DirectoryGroupConnection_groupArgs = {
-  field: DirectoryFieldSelector;
-  limit: InputMaybe<Scalars['Int']>;
-  skip: InputMaybe<Scalars['Int']>;
-};
-
-
-type DirectoryGroupConnection_maxArgs = {
-  field: DirectoryFieldSelector;
-};
-
-
-type DirectoryGroupConnection_minArgs = {
-  field: DirectoryFieldSelector;
-};
-
-
-type DirectoryGroupConnection_sumArgs = {
-  field: DirectoryFieldSelector;
-};
-
-type DirectorySortInput = {
-  readonly absolutePath: InputMaybe<SortOrderEnum>;
-  readonly accessTime: InputMaybe<SortOrderEnum>;
-  readonly atime: InputMaybe<SortOrderEnum>;
-  readonly atimeMs: InputMaybe<SortOrderEnum>;
-  readonly base: InputMaybe<SortOrderEnum>;
-  readonly birthTime: InputMaybe<SortOrderEnum>;
-  readonly birthtime: InputMaybe<SortOrderEnum>;
-  readonly birthtimeMs: InputMaybe<SortOrderEnum>;
-  readonly changeTime: InputMaybe<SortOrderEnum>;
-  readonly children: InputMaybe<NodeSortInput>;
-  readonly ctime: InputMaybe<SortOrderEnum>;
-  readonly ctimeMs: InputMaybe<SortOrderEnum>;
-  readonly dev: InputMaybe<SortOrderEnum>;
-  readonly dir: InputMaybe<SortOrderEnum>;
-  readonly ext: InputMaybe<SortOrderEnum>;
-  readonly extension: InputMaybe<SortOrderEnum>;
-  readonly gid: InputMaybe<SortOrderEnum>;
-  readonly id: InputMaybe<SortOrderEnum>;
-  readonly ino: InputMaybe<SortOrderEnum>;
-  readonly internal: InputMaybe<InternalSortInput>;
-  readonly mode: InputMaybe<SortOrderEnum>;
-  readonly modifiedTime: InputMaybe<SortOrderEnum>;
-  readonly mtime: InputMaybe<SortOrderEnum>;
-  readonly mtimeMs: InputMaybe<SortOrderEnum>;
-  readonly name: InputMaybe<SortOrderEnum>;
-  readonly nlink: InputMaybe<SortOrderEnum>;
-  readonly parent: InputMaybe<NodeSortInput>;
-  readonly prettySize: InputMaybe<SortOrderEnum>;
-  readonly rdev: InputMaybe<SortOrderEnum>;
-  readonly relativeDirectory: InputMaybe<SortOrderEnum>;
-  readonly relativePath: InputMaybe<SortOrderEnum>;
-  readonly root: InputMaybe<SortOrderEnum>;
-  readonly size: InputMaybe<SortOrderEnum>;
-  readonly sourceInstanceName: InputMaybe<SortOrderEnum>;
-  readonly uid: InputMaybe<SortOrderEnum>;
-};
-
-type DuotoneGradient = {
-  readonly highlight: Scalars['String'];
-  readonly opacity: InputMaybe<Scalars['Int']>;
-  readonly shadow: Scalars['String'];
-};
-
-type FieldSelectorEnum =
-  | 'SELECT';
-
-type File = Node & {
-  readonly absolutePath: Scalars['String'];
-  readonly accessTime: Scalars['Date'];
-  readonly atime: Scalars['Date'];
-  readonly atimeMs: Scalars['Float'];
-  readonly base: Scalars['String'];
-  readonly birthTime: Scalars['Date'];
-  /** @deprecated Use `birthTime` instead */
-  readonly birthtime: Maybe<Scalars['Date']>;
-  /** @deprecated Use `birthTime` instead */
-  readonly birthtimeMs: Maybe<Scalars['Float']>;
-  readonly blksize: Maybe<Scalars['Int']>;
-  readonly blocks: Maybe<Scalars['Int']>;
-  readonly changeTime: Scalars['Date'];
-  /** Returns the first child node of type componentMetaJson or null if there are no children of given type on this node */
-  readonly childComponentMetaJson: Maybe<componentMetaJson>;
-  /** Returns the first child node of type ImageSharp or null if there are no children of given type on this node */
-  readonly childImageSharp: Maybe<ImageSharp>;
-  /** Returns the first child node of type Mdx or null if there are no children of given type on this node */
-  readonly childMdx: Maybe<Mdx>;
-  /** Returns the first child node of type primitiveMetaJson or null if there are no children of given type on this node */
-  readonly childPrimitiveMetaJson: Maybe<primitiveMetaJson>;
-  readonly children: ReadonlyArray<Node>;
-  /** Returns all children nodes filtered by type componentMetaJson */
-  readonly childrenComponentMetaJson: Maybe<ReadonlyArray<Maybe<componentMetaJson>>>;
-  /** Returns all children nodes filtered by type ImageSharp */
-  readonly childrenImageSharp: Maybe<ReadonlyArray<Maybe<ImageSharp>>>;
-  /** Returns all children nodes filtered by type Mdx */
-  readonly childrenMdx: Maybe<ReadonlyArray<Maybe<Mdx>>>;
-  /** Returns all children nodes filtered by type primitiveMetaJson */
-  readonly childrenPrimitiveMetaJson: Maybe<ReadonlyArray<Maybe<primitiveMetaJson>>>;
-  readonly ctime: Scalars['Date'];
-  readonly ctimeMs: Scalars['Float'];
-  readonly dev: Scalars['Int'];
-  readonly dir: Scalars['String'];
-  readonly ext: Scalars['String'];
-  readonly extension: Scalars['String'];
-  readonly gid: Scalars['Int'];
-  readonly id: Scalars['ID'];
-  readonly ino: Scalars['Float'];
-  readonly internal: Internal;
-  readonly mode: Scalars['Int'];
-  readonly modifiedTime: Scalars['Date'];
-  readonly mtime: Scalars['Date'];
-  readonly mtimeMs: Scalars['Float'];
-  readonly name: Scalars['String'];
-  readonly nlink: Scalars['Int'];
-  readonly parent: Maybe<Node>;
-  readonly prettySize: Scalars['String'];
-  /** Copy file to static directory and return public url to it */
-  readonly publicURL: Maybe<Scalars['String']>;
-  readonly rdev: Scalars['Int'];
-  readonly relativeDirectory: Scalars['String'];
-  readonly relativePath: Scalars['String'];
-  readonly root: Scalars['String'];
-  readonly size: Scalars['Int'];
-  readonly sourceInstanceName: Scalars['String'];
-  readonly uid: Scalars['Int'];
-};
-
-
-type File_accessTimeArgs = {
-  difference: InputMaybe<Scalars['String']>;
-  formatString: InputMaybe<Scalars['String']>;
-  fromNow: InputMaybe<Scalars['Boolean']>;
-  locale: InputMaybe<Scalars['String']>;
-};
-
-
-type File_atimeArgs = {
-  difference: InputMaybe<Scalars['String']>;
-  formatString: InputMaybe<Scalars['String']>;
-  fromNow: InputMaybe<Scalars['Boolean']>;
-  locale: InputMaybe<Scalars['String']>;
-};
-
-
-type File_birthTimeArgs = {
-  difference: InputMaybe<Scalars['String']>;
-  formatString: InputMaybe<Scalars['String']>;
-  fromNow: InputMaybe<Scalars['Boolean']>;
-  locale: InputMaybe<Scalars['String']>;
-};
-
-
-type File_changeTimeArgs = {
-  difference: InputMaybe<Scalars['String']>;
-  formatString: InputMaybe<Scalars['String']>;
-  fromNow: InputMaybe<Scalars['Boolean']>;
-  locale: InputMaybe<Scalars['String']>;
-};
-
-
-type File_ctimeArgs = {
-  difference: InputMaybe<Scalars['String']>;
-  formatString: InputMaybe<Scalars['String']>;
-  fromNow: InputMaybe<Scalars['Boolean']>;
-  locale: InputMaybe<Scalars['String']>;
-};
-
-
-type File_modifiedTimeArgs = {
-  difference: InputMaybe<Scalars['String']>;
-  formatString: InputMaybe<Scalars['String']>;
-  fromNow: InputMaybe<Scalars['Boolean']>;
-  locale: InputMaybe<Scalars['String']>;
-};
-
-
-type File_mtimeArgs = {
-  difference: InputMaybe<Scalars['String']>;
-  formatString: InputMaybe<Scalars['String']>;
-  fromNow: InputMaybe<Scalars['Boolean']>;
-  locale: InputMaybe<Scalars['String']>;
-};
-
-type FileConnection = {
-  readonly distinct: ReadonlyArray<Scalars['String']>;
-  readonly edges: ReadonlyArray<FileEdge>;
-  readonly group: ReadonlyArray<FileGroupConnection>;
-  readonly max: Maybe<Scalars['Float']>;
-  readonly min: Maybe<Scalars['Float']>;
-  readonly nodes: ReadonlyArray<File>;
-  readonly pageInfo: PageInfo;
-  readonly sum: Maybe<Scalars['Float']>;
-  readonly totalCount: Scalars['Int'];
-};
-
-
-type FileConnection_distinctArgs = {
-  field: FileFieldSelector;
-};
-
-
-type FileConnection_groupArgs = {
-  field: FileFieldSelector;
-  limit: InputMaybe<Scalars['Int']>;
-  skip: InputMaybe<Scalars['Int']>;
-};
-
-
-type FileConnection_maxArgs = {
-  field: FileFieldSelector;
-};
-
-
-type FileConnection_minArgs = {
-  field: FileFieldSelector;
-};
-
-
-type FileConnection_sumArgs = {
-  field: FileFieldSelector;
-};
-
-type FileEdge = {
-  readonly next: Maybe<File>;
-  readonly node: File;
-  readonly previous: Maybe<File>;
-};
-
-type FileFieldSelector = {
-  readonly absolutePath: InputMaybe<FieldSelectorEnum>;
-  readonly accessTime: InputMaybe<FieldSelectorEnum>;
-  readonly atime: InputMaybe<FieldSelectorEnum>;
-  readonly atimeMs: InputMaybe<FieldSelectorEnum>;
-  readonly base: InputMaybe<FieldSelectorEnum>;
-  readonly birthTime: InputMaybe<FieldSelectorEnum>;
-  readonly birthtime: InputMaybe<FieldSelectorEnum>;
-  readonly birthtimeMs: InputMaybe<FieldSelectorEnum>;
-  readonly blksize: InputMaybe<FieldSelectorEnum>;
-  readonly blocks: InputMaybe<FieldSelectorEnum>;
-  readonly changeTime: InputMaybe<FieldSelectorEnum>;
-  readonly childComponentMetaJson: InputMaybe<componentMetaJsonFieldSelector>;
-  readonly childImageSharp: InputMaybe<ImageSharpFieldSelector>;
-  readonly childMdx: InputMaybe<MdxFieldSelector>;
-  readonly childPrimitiveMetaJson: InputMaybe<primitiveMetaJsonFieldSelector>;
-  readonly children: InputMaybe<NodeFieldSelector>;
-  readonly childrenComponentMetaJson: InputMaybe<componentMetaJsonFieldSelector>;
-  readonly childrenImageSharp: InputMaybe<ImageSharpFieldSelector>;
-  readonly childrenMdx: InputMaybe<MdxFieldSelector>;
-  readonly childrenPrimitiveMetaJson: InputMaybe<primitiveMetaJsonFieldSelector>;
-  readonly ctime: InputMaybe<FieldSelectorEnum>;
-  readonly ctimeMs: InputMaybe<FieldSelectorEnum>;
-  readonly dev: InputMaybe<FieldSelectorEnum>;
-  readonly dir: InputMaybe<FieldSelectorEnum>;
-  readonly ext: InputMaybe<FieldSelectorEnum>;
-  readonly extension: InputMaybe<FieldSelectorEnum>;
-  readonly gid: InputMaybe<FieldSelectorEnum>;
-  readonly id: InputMaybe<FieldSelectorEnum>;
-  readonly ino: InputMaybe<FieldSelectorEnum>;
-  readonly internal: InputMaybe<InternalFieldSelector>;
-  readonly mode: InputMaybe<FieldSelectorEnum>;
-  readonly modifiedTime: InputMaybe<FieldSelectorEnum>;
-  readonly mtime: InputMaybe<FieldSelectorEnum>;
-  readonly mtimeMs: InputMaybe<FieldSelectorEnum>;
-  readonly name: InputMaybe<FieldSelectorEnum>;
-  readonly nlink: InputMaybe<FieldSelectorEnum>;
-  readonly parent: InputMaybe<NodeFieldSelector>;
-  readonly prettySize: InputMaybe<FieldSelectorEnum>;
-  readonly publicURL: InputMaybe<FieldSelectorEnum>;
-  readonly rdev: InputMaybe<FieldSelectorEnum>;
-  readonly relativeDirectory: InputMaybe<FieldSelectorEnum>;
-  readonly relativePath: InputMaybe<FieldSelectorEnum>;
-  readonly root: InputMaybe<FieldSelectorEnum>;
-  readonly size: InputMaybe<FieldSelectorEnum>;
-  readonly sourceInstanceName: InputMaybe<FieldSelectorEnum>;
-  readonly uid: InputMaybe<FieldSelectorEnum>;
-};
-
-type FileFilterInput = {
-  readonly absolutePath: InputMaybe<StringQueryOperatorInput>;
-  readonly accessTime: InputMaybe<DateQueryOperatorInput>;
-  readonly atime: InputMaybe<DateQueryOperatorInput>;
-  readonly atimeMs: InputMaybe<FloatQueryOperatorInput>;
-  readonly base: InputMaybe<StringQueryOperatorInput>;
-  readonly birthTime: InputMaybe<DateQueryOperatorInput>;
-  readonly birthtime: InputMaybe<DateQueryOperatorInput>;
-  readonly birthtimeMs: InputMaybe<FloatQueryOperatorInput>;
-  readonly blksize: InputMaybe<IntQueryOperatorInput>;
-  readonly blocks: InputMaybe<IntQueryOperatorInput>;
-  readonly changeTime: InputMaybe<DateQueryOperatorInput>;
-  readonly childComponentMetaJson: InputMaybe<componentMetaJsonFilterInput>;
-  readonly childImageSharp: InputMaybe<ImageSharpFilterInput>;
-  readonly childMdx: InputMaybe<MdxFilterInput>;
-  readonly childPrimitiveMetaJson: InputMaybe<primitiveMetaJsonFilterInput>;
-  readonly children: InputMaybe<NodeFilterListInput>;
-  readonly childrenComponentMetaJson: InputMaybe<componentMetaJsonFilterListInput>;
-  readonly childrenImageSharp: InputMaybe<ImageSharpFilterListInput>;
-  readonly childrenMdx: InputMaybe<MdxFilterListInput>;
-  readonly childrenPrimitiveMetaJson: InputMaybe<primitiveMetaJsonFilterListInput>;
-  readonly ctime: InputMaybe<DateQueryOperatorInput>;
-  readonly ctimeMs: InputMaybe<FloatQueryOperatorInput>;
-  readonly dev: InputMaybe<IntQueryOperatorInput>;
-  readonly dir: InputMaybe<StringQueryOperatorInput>;
-  readonly ext: InputMaybe<StringQueryOperatorInput>;
-  readonly extension: InputMaybe<StringQueryOperatorInput>;
-  readonly gid: InputMaybe<IntQueryOperatorInput>;
-  readonly id: InputMaybe<StringQueryOperatorInput>;
-  readonly ino: InputMaybe<FloatQueryOperatorInput>;
-  readonly internal: InputMaybe<InternalFilterInput>;
-  readonly mode: InputMaybe<IntQueryOperatorInput>;
-  readonly modifiedTime: InputMaybe<DateQueryOperatorInput>;
-  readonly mtime: InputMaybe<DateQueryOperatorInput>;
-  readonly mtimeMs: InputMaybe<FloatQueryOperatorInput>;
-  readonly name: InputMaybe<StringQueryOperatorInput>;
-  readonly nlink: InputMaybe<IntQueryOperatorInput>;
-  readonly parent: InputMaybe<NodeFilterInput>;
-  readonly prettySize: InputMaybe<StringQueryOperatorInput>;
-  readonly publicURL: InputMaybe<StringQueryOperatorInput>;
-  readonly rdev: InputMaybe<IntQueryOperatorInput>;
-  readonly relativeDirectory: InputMaybe<StringQueryOperatorInput>;
-  readonly relativePath: InputMaybe<StringQueryOperatorInput>;
-  readonly root: InputMaybe<StringQueryOperatorInput>;
-  readonly size: InputMaybe<IntQueryOperatorInput>;
-  readonly sourceInstanceName: InputMaybe<StringQueryOperatorInput>;
-  readonly uid: InputMaybe<IntQueryOperatorInput>;
-};
-
-type FileGroupConnection = {
-  readonly distinct: ReadonlyArray<Scalars['String']>;
-  readonly edges: ReadonlyArray<FileEdge>;
-  readonly field: Scalars['String'];
-  readonly fieldValue: Maybe<Scalars['String']>;
-  readonly group: ReadonlyArray<FileGroupConnection>;
-  readonly max: Maybe<Scalars['Float']>;
-  readonly min: Maybe<Scalars['Float']>;
-  readonly nodes: ReadonlyArray<File>;
-  readonly pageInfo: PageInfo;
-  readonly sum: Maybe<Scalars['Float']>;
-  readonly totalCount: Scalars['Int'];
-};
-
-
-type FileGroupConnection_distinctArgs = {
-  field: FileFieldSelector;
-};
-
-
-type FileGroupConnection_groupArgs = {
-  field: FileFieldSelector;
-  limit: InputMaybe<Scalars['Int']>;
-  skip: InputMaybe<Scalars['Int']>;
-};
-
-
-type FileGroupConnection_maxArgs = {
-  field: FileFieldSelector;
-};
-
-
-type FileGroupConnection_minArgs = {
-  field: FileFieldSelector;
-};
-
-
-type FileGroupConnection_sumArgs = {
-  field: FileFieldSelector;
-};
-
-type FileSortInput = {
-  readonly absolutePath: InputMaybe<SortOrderEnum>;
-  readonly accessTime: InputMaybe<SortOrderEnum>;
-  readonly atime: InputMaybe<SortOrderEnum>;
-  readonly atimeMs: InputMaybe<SortOrderEnum>;
-  readonly base: InputMaybe<SortOrderEnum>;
-  readonly birthTime: InputMaybe<SortOrderEnum>;
-  readonly birthtime: InputMaybe<SortOrderEnum>;
-  readonly birthtimeMs: InputMaybe<SortOrderEnum>;
-  readonly blksize: InputMaybe<SortOrderEnum>;
-  readonly blocks: InputMaybe<SortOrderEnum>;
-  readonly changeTime: InputMaybe<SortOrderEnum>;
-  readonly childComponentMetaJson: InputMaybe<componentMetaJsonSortInput>;
-  readonly childImageSharp: InputMaybe<ImageSharpSortInput>;
-  readonly childMdx: InputMaybe<MdxSortInput>;
-  readonly childPrimitiveMetaJson: InputMaybe<primitiveMetaJsonSortInput>;
-  readonly children: InputMaybe<NodeSortInput>;
-  readonly childrenComponentMetaJson: InputMaybe<componentMetaJsonSortInput>;
-  readonly childrenImageSharp: InputMaybe<ImageSharpSortInput>;
-  readonly childrenMdx: InputMaybe<MdxSortInput>;
-  readonly childrenPrimitiveMetaJson: InputMaybe<primitiveMetaJsonSortInput>;
-  readonly ctime: InputMaybe<SortOrderEnum>;
-  readonly ctimeMs: InputMaybe<SortOrderEnum>;
-  readonly dev: InputMaybe<SortOrderEnum>;
-  readonly dir: InputMaybe<SortOrderEnum>;
-  readonly ext: InputMaybe<SortOrderEnum>;
-  readonly extension: InputMaybe<SortOrderEnum>;
-  readonly gid: InputMaybe<SortOrderEnum>;
-  readonly id: InputMaybe<SortOrderEnum>;
-  readonly ino: InputMaybe<SortOrderEnum>;
-  readonly internal: InputMaybe<InternalSortInput>;
-  readonly mode: InputMaybe<SortOrderEnum>;
-  readonly modifiedTime: InputMaybe<SortOrderEnum>;
-  readonly mtime: InputMaybe<SortOrderEnum>;
-  readonly mtimeMs: InputMaybe<SortOrderEnum>;
-  readonly name: InputMaybe<SortOrderEnum>;
-  readonly nlink: InputMaybe<SortOrderEnum>;
-  readonly parent: InputMaybe<NodeSortInput>;
-  readonly prettySize: InputMaybe<SortOrderEnum>;
-  readonly publicURL: InputMaybe<SortOrderEnum>;
-  readonly rdev: InputMaybe<SortOrderEnum>;
-  readonly relativeDirectory: InputMaybe<SortOrderEnum>;
-  readonly relativePath: InputMaybe<SortOrderEnum>;
-  readonly root: InputMaybe<SortOrderEnum>;
-  readonly size: InputMaybe<SortOrderEnum>;
-  readonly sourceInstanceName: InputMaybe<SortOrderEnum>;
-  readonly uid: InputMaybe<SortOrderEnum>;
-};
-
-type FloatQueryOperatorInput = {
-  readonly eq: InputMaybe<Scalars['Float']>;
-  readonly gt: InputMaybe<Scalars['Float']>;
-  readonly gte: InputMaybe<Scalars['Float']>;
-  readonly in: InputMaybe<ReadonlyArray<InputMaybe<Scalars['Float']>>>;
-  readonly lt: InputMaybe<Scalars['Float']>;
-  readonly lte: InputMaybe<Scalars['Float']>;
-  readonly ne: InputMaybe<Scalars['Float']>;
-  readonly nin: InputMaybe<ReadonlyArray<InputMaybe<Scalars['Float']>>>;
-};
-
-type GatsbyImageDataQueryOperatorInput = {
-  readonly eq: InputMaybe<Scalars['GatsbyImageData']>;
-  readonly in: InputMaybe<ReadonlyArray<InputMaybe<Scalars['GatsbyImageData']>>>;
-  readonly ne: InputMaybe<Scalars['GatsbyImageData']>;
-  readonly nin: InputMaybe<ReadonlyArray<InputMaybe<Scalars['GatsbyImageData']>>>;
-};
-
-type GatsbyImageFormat =
-  | 'auto'
-  | 'avif'
-  | 'jpg'
-  | ''
-  | 'png'
-  | 'webp';
-
-type GatsbyImageLayout =
-  | 'constrained'
-  | 'fixed'
-  | 'fullWidth';
-
-type GatsbyImagePlaceholder =
-  | 'blurred'
-  | 'dominantColor'
-  | 'none'
-  | 'tracedSVG';
-
-type ImageCropFocus =
-  | 17
-  | 0
-  | 2
-  | 16
-  | 1
-  | 5
-  | 8
-  | 3
-  | 6
-  | 7
-  | 4;
-
-type ImageFit =
-  | 'contain'
-  | 'cover'
-  | 'fill'
-  | 'inside'
-  | 'outside';
-
-type ImageFormat =
-  | ''
-  | 'avif'
-  | 'jpg'
-  | ''
-  | 'png'
-  | 'webp';
-
-type ImageLayout =
-  | 'constrained'
-  | 'fixed'
-  | 'fullWidth';
-
-type ImagePlaceholder =
-  | 'blurred'
-  | 'dominantColor'
-  | 'none'
-  | 'tracedSVG';
-
-type ImageSharp = Node & {
-  readonly children: ReadonlyArray<Node>;
-  readonly fixed: Maybe<ImageSharpFixed>;
-  readonly fluid: Maybe<ImageSharpFluid>;
-  readonly gatsbyImageData: Scalars['GatsbyImageData'];
-  readonly id: Scalars['ID'];
-  readonly internal: Internal;
-  readonly original: Maybe<ImageSharpOriginal>;
-  readonly parent: Maybe<Node>;
-  readonly resize: Maybe<ImageSharpResize>;
-};
-
-
-type ImageSharp_fixedArgs = {
-  background?: InputMaybe<Scalars['String']>;
-  base64Width: InputMaybe<Scalars['Int']>;
-  cropFocus?: InputMaybe<ImageCropFocus>;
-  duotone?: InputMaybe<DuotoneGradient>;
-  fit?: InputMaybe<ImageFit>;
-  grayscale?: InputMaybe<Scalars['Boolean']>;
-  height: InputMaybe<Scalars['Int']>;
-  jpegProgressive?: InputMaybe<Scalars['Boolean']>;
-  jpegQuality: InputMaybe<Scalars['Int']>;
-  pngCompressionSpeed?: InputMaybe<Scalars['Int']>;
-  pngQuality: InputMaybe<Scalars['Int']>;
-  quality: InputMaybe<Scalars['Int']>;
-  rotate?: InputMaybe<Scalars['Int']>;
-  toFormat?: InputMaybe<ImageFormat>;
-  toFormatBase64?: InputMaybe<ImageFormat>;
-  traceSVG?: InputMaybe<Potrace>;
-  trim?: InputMaybe<Scalars['Float']>;
-  webpQuality: InputMaybe<Scalars['Int']>;
-  width: InputMaybe<Scalars['Int']>;
-};
-
-
-type ImageSharp_fluidArgs = {
-  background?: InputMaybe<Scalars['String']>;
-  base64Width: InputMaybe<Scalars['Int']>;
-  cropFocus?: InputMaybe<ImageCropFocus>;
-  duotone?: InputMaybe<DuotoneGradient>;
-  fit?: InputMaybe<ImageFit>;
-  grayscale?: InputMaybe<Scalars['Boolean']>;
-  jpegProgressive?: InputMaybe<Scalars['Boolean']>;
-  jpegQuality: InputMaybe<Scalars['Int']>;
-  maxHeight: InputMaybe<Scalars['Int']>;
-  maxWidth: InputMaybe<Scalars['Int']>;
-  pngCompressionSpeed?: InputMaybe<Scalars['Int']>;
-  pngQuality: InputMaybe<Scalars['Int']>;
-  quality: InputMaybe<Scalars['Int']>;
-  rotate?: InputMaybe<Scalars['Int']>;
-  sizes?: InputMaybe<Scalars['String']>;
-  srcSetBreakpoints?: InputMaybe<ReadonlyArray<InputMaybe<Scalars['Int']>>>;
-  toFormat?: InputMaybe<ImageFormat>;
-  toFormatBase64?: InputMaybe<ImageFormat>;
-  traceSVG?: InputMaybe<Potrace>;
-  trim?: InputMaybe<Scalars['Float']>;
-  webpQuality: InputMaybe<Scalars['Int']>;
-};
-
-
-type ImageSharp_gatsbyImageDataArgs = {
-  aspectRatio: InputMaybe<Scalars['Float']>;
-  avifOptions: InputMaybe<AVIFOptions>;
-  backgroundColor: InputMaybe<Scalars['String']>;
-  blurredOptions: InputMaybe<BlurredOptions>;
-  breakpoints: InputMaybe<ReadonlyArray<InputMaybe<Scalars['Int']>>>;
-  formats: InputMaybe<ReadonlyArray<InputMaybe<ImageFormat>>>;
-  height: InputMaybe<Scalars['Int']>;
-  jpgOptions: InputMaybe<JPGOptions>;
-  layout?: InputMaybe<ImageLayout>;
-  outputPixelDensities: InputMaybe<ReadonlyArray<InputMaybe<Scalars['Float']>>>;
-  placeholder: InputMaybe<ImagePlaceholder>;
-  pngOptions: InputMaybe<PNGOptions>;
-  quality: InputMaybe<Scalars['Int']>;
-  sizes: InputMaybe<Scalars['String']>;
-  tracedSVGOptions: InputMaybe<Potrace>;
-  transformOptions: InputMaybe<TransformOptions>;
-  webpOptions: InputMaybe<WebPOptions>;
-  width: InputMaybe<Scalars['Int']>;
-};
-
-
-type ImageSharp_resizeArgs = {
-  background?: InputMaybe<Scalars['String']>;
-  base64?: InputMaybe<Scalars['Boolean']>;
-  cropFocus?: InputMaybe<ImageCropFocus>;
-  duotone?: InputMaybe<DuotoneGradient>;
-  fit?: InputMaybe<ImageFit>;
-  grayscale?: InputMaybe<Scalars['Boolean']>;
-  height: InputMaybe<Scalars['Int']>;
-  jpegProgressive?: InputMaybe<Scalars['Boolean']>;
-  jpegQuality: InputMaybe<Scalars['Int']>;
-  pngCompressionLevel?: InputMaybe<Scalars['Int']>;
-  pngCompressionSpeed?: InputMaybe<Scalars['Int']>;
-  pngQuality: InputMaybe<Scalars['Int']>;
-  quality: InputMaybe<Scalars['Int']>;
-  rotate?: InputMaybe<Scalars['Int']>;
-  toFormat?: InputMaybe<ImageFormat>;
-  traceSVG?: InputMaybe<Potrace>;
-  trim?: InputMaybe<Scalars['Float']>;
-  webpQuality: InputMaybe<Scalars['Int']>;
-  width: InputMaybe<Scalars['Int']>;
-};
-
-type ImageSharpConnection = {
-  readonly distinct: ReadonlyArray<Scalars['String']>;
-  readonly edges: ReadonlyArray<ImageSharpEdge>;
-  readonly group: ReadonlyArray<ImageSharpGroupConnection>;
-  readonly max: Maybe<Scalars['Float']>;
-  readonly min: Maybe<Scalars['Float']>;
-  readonly nodes: ReadonlyArray<ImageSharp>;
-  readonly pageInfo: PageInfo;
-  readonly sum: Maybe<Scalars['Float']>;
-  readonly totalCount: Scalars['Int'];
-};
-
-
-type ImageSharpConnection_distinctArgs = {
-  field: ImageSharpFieldSelector;
-};
-
-
-type ImageSharpConnection_groupArgs = {
-  field: ImageSharpFieldSelector;
-  limit: InputMaybe<Scalars['Int']>;
-  skip: InputMaybe<Scalars['Int']>;
-};
-
-
-type ImageSharpConnection_maxArgs = {
-  field: ImageSharpFieldSelector;
-};
-
-
-type ImageSharpConnection_minArgs = {
-  field: ImageSharpFieldSelector;
-};
-
-
-type ImageSharpConnection_sumArgs = {
-  field: ImageSharpFieldSelector;
-};
-
-type ImageSharpEdge = {
-  readonly next: Maybe<ImageSharp>;
-  readonly node: ImageSharp;
-  readonly previous: Maybe<ImageSharp>;
-};
-
-type ImageSharpFieldSelector = {
-  readonly children: InputMaybe<NodeFieldSelector>;
-  readonly fixed: InputMaybe<ImageSharpFixedFieldSelector>;
-  readonly fluid: InputMaybe<ImageSharpFluidFieldSelector>;
-  readonly gatsbyImageData: InputMaybe<FieldSelectorEnum>;
-  readonly id: InputMaybe<FieldSelectorEnum>;
-  readonly internal: InputMaybe<InternalFieldSelector>;
-  readonly original: InputMaybe<ImageSharpOriginalFieldSelector>;
-  readonly parent: InputMaybe<NodeFieldSelector>;
-  readonly resize: InputMaybe<ImageSharpResizeFieldSelector>;
-};
-
-type ImageSharpFilterInput = {
-  readonly children: InputMaybe<NodeFilterListInput>;
-  readonly fixed: InputMaybe<ImageSharpFixedFilterInput>;
-  readonly fluid: InputMaybe<ImageSharpFluidFilterInput>;
-  readonly gatsbyImageData: InputMaybe<GatsbyImageDataQueryOperatorInput>;
-  readonly id: InputMaybe<StringQueryOperatorInput>;
-  readonly internal: InputMaybe<InternalFilterInput>;
-  readonly original: InputMaybe<ImageSharpOriginalFilterInput>;
-  readonly parent: InputMaybe<NodeFilterInput>;
-  readonly resize: InputMaybe<ImageSharpResizeFilterInput>;
-};
-
-type ImageSharpFilterListInput = {
-  readonly elemMatch: InputMaybe<ImageSharpFilterInput>;
-};
-
-type ImageSharpFixed = {
-  readonly aspectRatio: Maybe<Scalars['Float']>;
-  readonly base64: Maybe<Scalars['String']>;
-  readonly height: Scalars['Float'];
-  readonly originalName: Maybe<Scalars['String']>;
-  readonly src: Scalars['String'];
-  readonly srcSet: Scalars['String'];
-  readonly srcSetWebp: Maybe<Scalars['String']>;
-  readonly srcWebp: Maybe<Scalars['String']>;
-  readonly tracedSVG: Maybe<Scalars['String']>;
-  readonly width: Scalars['Float'];
-};
-
-type ImageSharpFixedFieldSelector = {
-  readonly aspectRatio: InputMaybe<FieldSelectorEnum>;
-  readonly base64: InputMaybe<FieldSelectorEnum>;
-  readonly height: InputMaybe<FieldSelectorEnum>;
-  readonly originalName: InputMaybe<FieldSelectorEnum>;
-  readonly src: InputMaybe<FieldSelectorEnum>;
-  readonly srcSet: InputMaybe<FieldSelectorEnum>;
-  readonly srcSetWebp: InputMaybe<FieldSelectorEnum>;
-  readonly srcWebp: InputMaybe<FieldSelectorEnum>;
-  readonly tracedSVG: InputMaybe<FieldSelectorEnum>;
-  readonly width: InputMaybe<FieldSelectorEnum>;
-};
-
-type ImageSharpFixedFilterInput = {
-  readonly aspectRatio: InputMaybe<FloatQueryOperatorInput>;
-  readonly base64: InputMaybe<StringQueryOperatorInput>;
-  readonly height: InputMaybe<FloatQueryOperatorInput>;
-  readonly originalName: InputMaybe<StringQueryOperatorInput>;
-  readonly src: InputMaybe<StringQueryOperatorInput>;
-  readonly srcSet: InputMaybe<StringQueryOperatorInput>;
-  readonly srcSetWebp: InputMaybe<StringQueryOperatorInput>;
-  readonly srcWebp: InputMaybe<StringQueryOperatorInput>;
-  readonly tracedSVG: InputMaybe<StringQueryOperatorInput>;
-  readonly width: InputMaybe<FloatQueryOperatorInput>;
-};
-
-type ImageSharpFixedSortInput = {
-  readonly aspectRatio: InputMaybe<SortOrderEnum>;
-  readonly base64: InputMaybe<SortOrderEnum>;
-  readonly height: InputMaybe<SortOrderEnum>;
-  readonly originalName: InputMaybe<SortOrderEnum>;
-  readonly src: InputMaybe<SortOrderEnum>;
-  readonly srcSet: InputMaybe<SortOrderEnum>;
-  readonly srcSetWebp: InputMaybe<SortOrderEnum>;
-  readonly srcWebp: InputMaybe<SortOrderEnum>;
-  readonly tracedSVG: InputMaybe<SortOrderEnum>;
-  readonly width: InputMaybe<SortOrderEnum>;
-};
-
-type ImageSharpFluid = {
-  readonly aspectRatio: Scalars['Float'];
-  readonly base64: Maybe<Scalars['String']>;
-  readonly originalImg: Maybe<Scalars['String']>;
-  readonly originalName: Maybe<Scalars['String']>;
-  readonly presentationHeight: Scalars['Int'];
-  readonly presentationWidth: Scalars['Int'];
-  readonly sizes: Scalars['String'];
-  readonly src: Scalars['String'];
-  readonly srcSet: Scalars['String'];
-  readonly srcSetWebp: Maybe<Scalars['String']>;
-  readonly srcWebp: Maybe<Scalars['String']>;
-  readonly tracedSVG: Maybe<Scalars['String']>;
-};
-
-type ImageSharpFluidFieldSelector = {
-  readonly aspectRatio: InputMaybe<FieldSelectorEnum>;
-  readonly base64: InputMaybe<FieldSelectorEnum>;
-  readonly originalImg: InputMaybe<FieldSelectorEnum>;
-  readonly originalName: InputMaybe<FieldSelectorEnum>;
-  readonly presentationHeight: InputMaybe<FieldSelectorEnum>;
-  readonly presentationWidth: InputMaybe<FieldSelectorEnum>;
-  readonly sizes: InputMaybe<FieldSelectorEnum>;
-  readonly src: InputMaybe<FieldSelectorEnum>;
-  readonly srcSet: InputMaybe<FieldSelectorEnum>;
-  readonly srcSetWebp: InputMaybe<FieldSelectorEnum>;
-  readonly srcWebp: InputMaybe<FieldSelectorEnum>;
-  readonly tracedSVG: InputMaybe<FieldSelectorEnum>;
-};
-
-type ImageSharpFluidFilterInput = {
-  readonly aspectRatio: InputMaybe<FloatQueryOperatorInput>;
-  readonly base64: InputMaybe<StringQueryOperatorInput>;
-  readonly originalImg: InputMaybe<StringQueryOperatorInput>;
-  readonly originalName: InputMaybe<StringQueryOperatorInput>;
-  readonly presentationHeight: InputMaybe<IntQueryOperatorInput>;
-  readonly presentationWidth: InputMaybe<IntQueryOperatorInput>;
-  readonly sizes: InputMaybe<StringQueryOperatorInput>;
-  readonly src: InputMaybe<StringQueryOperatorInput>;
-  readonly srcSet: InputMaybe<StringQueryOperatorInput>;
-  readonly srcSetWebp: InputMaybe<StringQueryOperatorInput>;
-  readonly srcWebp: InputMaybe<StringQueryOperatorInput>;
-  readonly tracedSVG: InputMaybe<StringQueryOperatorInput>;
-};
-
-type ImageSharpFluidSortInput = {
-  readonly aspectRatio: InputMaybe<SortOrderEnum>;
-  readonly base64: InputMaybe<SortOrderEnum>;
-  readonly originalImg: InputMaybe<SortOrderEnum>;
-  readonly originalName: InputMaybe<SortOrderEnum>;
-  readonly presentationHeight: InputMaybe<SortOrderEnum>;
-  readonly presentationWidth: InputMaybe<SortOrderEnum>;
-  readonly sizes: InputMaybe<SortOrderEnum>;
-  readonly src: InputMaybe<SortOrderEnum>;
-  readonly srcSet: InputMaybe<SortOrderEnum>;
-  readonly srcSetWebp: InputMaybe<SortOrderEnum>;
-  readonly srcWebp: InputMaybe<SortOrderEnum>;
-  readonly tracedSVG: InputMaybe<SortOrderEnum>;
-};
-
-type ImageSharpGroupConnection = {
-  readonly distinct: ReadonlyArray<Scalars['String']>;
-  readonly edges: ReadonlyArray<ImageSharpEdge>;
-  readonly field: Scalars['String'];
-  readonly fieldValue: Maybe<Scalars['String']>;
-  readonly group: ReadonlyArray<ImageSharpGroupConnection>;
-  readonly max: Maybe<Scalars['Float']>;
-  readonly min: Maybe<Scalars['Float']>;
-  readonly nodes: ReadonlyArray<ImageSharp>;
-  readonly pageInfo: PageInfo;
-  readonly sum: Maybe<Scalars['Float']>;
-  readonly totalCount: Scalars['Int'];
-};
-
-
-type ImageSharpGroupConnection_distinctArgs = {
-  field: ImageSharpFieldSelector;
-};
-
-
-type ImageSharpGroupConnection_groupArgs = {
-  field: ImageSharpFieldSelector;
-  limit: InputMaybe<Scalars['Int']>;
-  skip: InputMaybe<Scalars['Int']>;
-};
-
-
-type ImageSharpGroupConnection_maxArgs = {
-  field: ImageSharpFieldSelector;
-};
-
-
-type ImageSharpGroupConnection_minArgs = {
-  field: ImageSharpFieldSelector;
-};
-
-
-type ImageSharpGroupConnection_sumArgs = {
-  field: ImageSharpFieldSelector;
-};
-
-type ImageSharpOriginal = {
-  readonly height: Maybe<Scalars['Float']>;
-  readonly src: Maybe<Scalars['String']>;
-  readonly width: Maybe<Scalars['Float']>;
-};
-
-type ImageSharpOriginalFieldSelector = {
-  readonly height: InputMaybe<FieldSelectorEnum>;
-  readonly src: InputMaybe<FieldSelectorEnum>;
-  readonly width: InputMaybe<FieldSelectorEnum>;
-};
-
-type ImageSharpOriginalFilterInput = {
-  readonly height: InputMaybe<FloatQueryOperatorInput>;
-  readonly src: InputMaybe<StringQueryOperatorInput>;
-  readonly width: InputMaybe<FloatQueryOperatorInput>;
-};
-
-type ImageSharpOriginalSortInput = {
-  readonly height: InputMaybe<SortOrderEnum>;
-  readonly src: InputMaybe<SortOrderEnum>;
-  readonly width: InputMaybe<SortOrderEnum>;
-};
-
-type ImageSharpResize = {
-  readonly aspectRatio: Maybe<Scalars['Float']>;
-  readonly height: Maybe<Scalars['Int']>;
-  readonly originalName: Maybe<Scalars['String']>;
-  readonly src: Maybe<Scalars['String']>;
-  readonly tracedSVG: Maybe<Scalars['String']>;
-  readonly width: Maybe<Scalars['Int']>;
-};
-
-type ImageSharpResizeFieldSelector = {
-  readonly aspectRatio: InputMaybe<FieldSelectorEnum>;
-  readonly height: InputMaybe<FieldSelectorEnum>;
-  readonly originalName: InputMaybe<FieldSelectorEnum>;
-  readonly src: InputMaybe<FieldSelectorEnum>;
-  readonly tracedSVG: InputMaybe<FieldSelectorEnum>;
-  readonly width: InputMaybe<FieldSelectorEnum>;
-};
-
-type ImageSharpResizeFilterInput = {
-  readonly aspectRatio: InputMaybe<FloatQueryOperatorInput>;
-  readonly height: InputMaybe<IntQueryOperatorInput>;
-  readonly originalName: InputMaybe<StringQueryOperatorInput>;
-  readonly src: InputMaybe<StringQueryOperatorInput>;
-  readonly tracedSVG: InputMaybe<StringQueryOperatorInput>;
-  readonly width: InputMaybe<IntQueryOperatorInput>;
-};
-
-type ImageSharpResizeSortInput = {
-  readonly aspectRatio: InputMaybe<SortOrderEnum>;
-  readonly height: InputMaybe<SortOrderEnum>;
-  readonly originalName: InputMaybe<SortOrderEnum>;
-  readonly src: InputMaybe<SortOrderEnum>;
-  readonly tracedSVG: InputMaybe<SortOrderEnum>;
-  readonly width: InputMaybe<SortOrderEnum>;
-};
-
-type ImageSharpSortInput = {
-  readonly children: InputMaybe<NodeSortInput>;
-  readonly fixed: InputMaybe<ImageSharpFixedSortInput>;
-  readonly fluid: InputMaybe<ImageSharpFluidSortInput>;
-  readonly gatsbyImageData: InputMaybe<SortOrderEnum>;
-  readonly id: InputMaybe<SortOrderEnum>;
-  readonly internal: InputMaybe<InternalSortInput>;
-  readonly original: InputMaybe<ImageSharpOriginalSortInput>;
-  readonly parent: InputMaybe<NodeSortInput>;
-  readonly resize: InputMaybe<ImageSharpResizeSortInput>;
-};
-
-type IntQueryOperatorInput = {
-  readonly eq: InputMaybe<Scalars['Int']>;
-  readonly gt: InputMaybe<Scalars['Int']>;
-  readonly gte: InputMaybe<Scalars['Int']>;
-  readonly in: InputMaybe<ReadonlyArray<InputMaybe<Scalars['Int']>>>;
-  readonly lt: InputMaybe<Scalars['Int']>;
-  readonly lte: InputMaybe<Scalars['Int']>;
-  readonly ne: InputMaybe<Scalars['Int']>;
-  readonly nin: InputMaybe<ReadonlyArray<InputMaybe<Scalars['Int']>>>;
-};
-
-type Internal = {
-  readonly content: Maybe<Scalars['String']>;
-  readonly contentDigest: Scalars['String'];
-  readonly contentFilePath: Maybe<Scalars['String']>;
-  readonly description: Maybe<Scalars['String']>;
-  readonly fieldOwners: Maybe<ReadonlyArray<Maybe<Scalars['String']>>>;
-  readonly ignoreType: Maybe<Scalars['Boolean']>;
-  readonly mediaType: Maybe<Scalars['String']>;
-  readonly owner: Scalars['String'];
-  readonly type: Scalars['String'];
-};
-
-type InternalFieldSelector = {
-  readonly content: InputMaybe<FieldSelectorEnum>;
-  readonly contentDigest: InputMaybe<FieldSelectorEnum>;
-  readonly contentFilePath: InputMaybe<FieldSelectorEnum>;
-  readonly description: InputMaybe<FieldSelectorEnum>;
-  readonly fieldOwners: InputMaybe<FieldSelectorEnum>;
-  readonly ignoreType: InputMaybe<FieldSelectorEnum>;
-  readonly mediaType: InputMaybe<FieldSelectorEnum>;
-  readonly owner: InputMaybe<FieldSelectorEnum>;
-  readonly type: InputMaybe<FieldSelectorEnum>;
-};
-
-type InternalFilterInput = {
-  readonly content: InputMaybe<StringQueryOperatorInput>;
-  readonly contentDigest: InputMaybe<StringQueryOperatorInput>;
-  readonly contentFilePath: InputMaybe<StringQueryOperatorInput>;
-  readonly description: InputMaybe<StringQueryOperatorInput>;
-  readonly fieldOwners: InputMaybe<StringQueryOperatorInput>;
-  readonly ignoreType: InputMaybe<BooleanQueryOperatorInput>;
-  readonly mediaType: InputMaybe<StringQueryOperatorInput>;
-  readonly owner: InputMaybe<StringQueryOperatorInput>;
-  readonly type: InputMaybe<StringQueryOperatorInput>;
-};
-
-type InternalSortInput = {
-  readonly content: InputMaybe<SortOrderEnum>;
-  readonly contentDigest: InputMaybe<SortOrderEnum>;
-  readonly contentFilePath: InputMaybe<SortOrderEnum>;
-  readonly description: InputMaybe<SortOrderEnum>;
-  readonly fieldOwners: InputMaybe<SortOrderEnum>;
-  readonly ignoreType: InputMaybe<SortOrderEnum>;
-  readonly mediaType: InputMaybe<SortOrderEnum>;
-  readonly owner: InputMaybe<SortOrderEnum>;
-  readonly type: InputMaybe<SortOrderEnum>;
-};
-
-type JPGOptions = {
-  readonly progressive: InputMaybe<Scalars['Boolean']>;
-  readonly quality: InputMaybe<Scalars['Int']>;
-};
-
-type JSONQueryOperatorInput = {
-  readonly eq: InputMaybe<Scalars['JSON']>;
-  readonly glob: InputMaybe<Scalars['JSON']>;
-  readonly in: InputMaybe<ReadonlyArray<InputMaybe<Scalars['JSON']>>>;
-  readonly ne: InputMaybe<Scalars['JSON']>;
-  readonly nin: InputMaybe<ReadonlyArray<InputMaybe<Scalars['JSON']>>>;
-  readonly regex: InputMaybe<Scalars['JSON']>;
-};
-
-type LocalSearchPages = Node & {
-  readonly children: ReadonlyArray<Node>;
-  /** The search engine used to create the index. */
-  readonly engine: Scalars['String'];
-  readonly id: Scalars['ID'];
-  /** The search index created using the selected engine. */
-  readonly index: Scalars['String'];
-  readonly internal: Internal;
-  /** The name of the index. */
-  readonly name: Scalars['String'];
-  readonly parent: Maybe<Node>;
-  /** Save the index to the site's static directory and return a public URL to it. */
-  readonly publicIndexURL: Scalars['String'];
-  /** Save the store to the site's static directory and return a public URL to it. */
-  readonly publicStoreURL: Scalars['String'];
-  /** A JSON object used to map search results to their data. */
-  readonly store: Scalars['JSON'];
-};
-
-type LocalSearchPagesConnection = {
-  readonly distinct: ReadonlyArray<Scalars['String']>;
-  readonly edges: ReadonlyArray<LocalSearchPagesEdge>;
-  readonly group: ReadonlyArray<LocalSearchPagesGroupConnection>;
-  readonly max: Maybe<Scalars['Float']>;
-  readonly min: Maybe<Scalars['Float']>;
-  readonly nodes: ReadonlyArray<LocalSearchPages>;
-  readonly pageInfo: PageInfo;
-  readonly sum: Maybe<Scalars['Float']>;
-  readonly totalCount: Scalars['Int'];
-};
-
-
-type LocalSearchPagesConnection_distinctArgs = {
-  field: LocalSearchPagesFieldSelector;
-};
-
-
-type LocalSearchPagesConnection_groupArgs = {
-  field: LocalSearchPagesFieldSelector;
-  limit: InputMaybe<Scalars['Int']>;
-  skip: InputMaybe<Scalars['Int']>;
-};
-
-
-type LocalSearchPagesConnection_maxArgs = {
-  field: LocalSearchPagesFieldSelector;
-};
-
-
-type LocalSearchPagesConnection_minArgs = {
-  field: LocalSearchPagesFieldSelector;
-};
-
-
-type LocalSearchPagesConnection_sumArgs = {
-  field: LocalSearchPagesFieldSelector;
-};
-
-type LocalSearchPagesEdge = {
-  readonly next: Maybe<LocalSearchPages>;
-  readonly node: LocalSearchPages;
-  readonly previous: Maybe<LocalSearchPages>;
-};
-
-type LocalSearchPagesFieldSelector = {
-  readonly children: InputMaybe<NodeFieldSelector>;
-  readonly engine: InputMaybe<FieldSelectorEnum>;
-  readonly id: InputMaybe<FieldSelectorEnum>;
-  readonly index: InputMaybe<FieldSelectorEnum>;
-  readonly internal: InputMaybe<InternalFieldSelector>;
-  readonly name: InputMaybe<FieldSelectorEnum>;
-  readonly parent: InputMaybe<NodeFieldSelector>;
-  readonly publicIndexURL: InputMaybe<FieldSelectorEnum>;
-  readonly publicStoreURL: InputMaybe<FieldSelectorEnum>;
-  readonly store: InputMaybe<FieldSelectorEnum>;
-};
-
-type LocalSearchPagesFilterInput = {
-  readonly children: InputMaybe<NodeFilterListInput>;
-  readonly engine: InputMaybe<StringQueryOperatorInput>;
-  readonly id: InputMaybe<StringQueryOperatorInput>;
-  readonly index: InputMaybe<StringQueryOperatorInput>;
-  readonly internal: InputMaybe<InternalFilterInput>;
-  readonly name: InputMaybe<StringQueryOperatorInput>;
-  readonly parent: InputMaybe<NodeFilterInput>;
-  readonly publicIndexURL: InputMaybe<StringQueryOperatorInput>;
-  readonly publicStoreURL: InputMaybe<StringQueryOperatorInput>;
-  readonly store: InputMaybe<JSONQueryOperatorInput>;
-};
-
-type LocalSearchPagesGroupConnection = {
-  readonly distinct: ReadonlyArray<Scalars['String']>;
-  readonly edges: ReadonlyArray<LocalSearchPagesEdge>;
-  readonly field: Scalars['String'];
-  readonly fieldValue: Maybe<Scalars['String']>;
-  readonly group: ReadonlyArray<LocalSearchPagesGroupConnection>;
-  readonly max: Maybe<Scalars['Float']>;
-  readonly min: Maybe<Scalars['Float']>;
-  readonly nodes: ReadonlyArray<LocalSearchPages>;
-  readonly pageInfo: PageInfo;
-  readonly sum: Maybe<Scalars['Float']>;
-  readonly totalCount: Scalars['Int'];
-};
-
-
-type LocalSearchPagesGroupConnection_distinctArgs = {
-  field: LocalSearchPagesFieldSelector;
-};
-
-
-type LocalSearchPagesGroupConnection_groupArgs = {
-  field: LocalSearchPagesFieldSelector;
-  limit: InputMaybe<Scalars['Int']>;
-  skip: InputMaybe<Scalars['Int']>;
-};
-
-
-type LocalSearchPagesGroupConnection_maxArgs = {
-  field: LocalSearchPagesFieldSelector;
-};
-
-
-type LocalSearchPagesGroupConnection_minArgs = {
-  field: LocalSearchPagesFieldSelector;
-};
-
-
-type LocalSearchPagesGroupConnection_sumArgs = {
-  field: LocalSearchPagesFieldSelector;
-};
-
-type LocalSearchPagesSortInput = {
-  readonly children: InputMaybe<NodeSortInput>;
-  readonly engine: InputMaybe<SortOrderEnum>;
-  readonly id: InputMaybe<SortOrderEnum>;
-  readonly index: InputMaybe<SortOrderEnum>;
-  readonly internal: InputMaybe<InternalSortInput>;
-  readonly name: InputMaybe<SortOrderEnum>;
-  readonly parent: InputMaybe<NodeSortInput>;
-  readonly publicIndexURL: InputMaybe<SortOrderEnum>;
-  readonly publicStoreURL: InputMaybe<SortOrderEnum>;
-  readonly store: InputMaybe<SortOrderEnum>;
-};
-
-type Mdx = Node & {
-  readonly body: Maybe<Scalars['String']>;
-  readonly children: ReadonlyArray<Node>;
-  readonly excerpt: Maybe<Scalars['String']>;
-  readonly frontmatter: Maybe<MdxFrontmatter>;
-  readonly id: Scalars['ID'];
-  readonly internal: Internal;
-  readonly parent: Maybe<Node>;
-  readonly tableOfContents: Maybe<Scalars['JSON']>;
-};
-
-
-type Mdx_excerptArgs = {
-  pruneLength?: InputMaybe<Scalars['Int']>;
-};
-
-
-type Mdx_tableOfContentsArgs = {
-  maxDepth: InputMaybe<Scalars['Int']>;
-};
-
-type MdxConnection = {
-  readonly distinct: ReadonlyArray<Scalars['String']>;
-  readonly edges: ReadonlyArray<MdxEdge>;
-  readonly group: ReadonlyArray<MdxGroupConnection>;
-  readonly max: Maybe<Scalars['Float']>;
-  readonly min: Maybe<Scalars['Float']>;
-  readonly nodes: ReadonlyArray<Mdx>;
-  readonly pageInfo: PageInfo;
-  readonly sum: Maybe<Scalars['Float']>;
-  readonly totalCount: Scalars['Int'];
-};
-
-
-type MdxConnection_distinctArgs = {
-  field: MdxFieldSelector;
-};
-
-
-type MdxConnection_groupArgs = {
-  field: MdxFieldSelector;
-  limit: InputMaybe<Scalars['Int']>;
-  skip: InputMaybe<Scalars['Int']>;
-};
-
-
-type MdxConnection_maxArgs = {
-  field: MdxFieldSelector;
-};
-
-
-type MdxConnection_minArgs = {
-  field: MdxFieldSelector;
-};
-
-
-type MdxConnection_sumArgs = {
-  field: MdxFieldSelector;
-};
-
-type MdxEdge = {
-  readonly next: Maybe<Mdx>;
-  readonly node: Mdx;
-  readonly previous: Maybe<Mdx>;
-};
-
-type MdxFieldSelector = {
-  readonly body: InputMaybe<FieldSelectorEnum>;
-  readonly children: InputMaybe<NodeFieldSelector>;
-  readonly excerpt: InputMaybe<FieldSelectorEnum>;
-  readonly frontmatter: InputMaybe<MdxFrontmatterFieldSelector>;
-  readonly id: InputMaybe<FieldSelectorEnum>;
-  readonly internal: InputMaybe<InternalFieldSelector>;
-  readonly parent: InputMaybe<NodeFieldSelector>;
-  readonly tableOfContents: InputMaybe<FieldSelectorEnum>;
-};
-
-type MdxFilterInput = {
-  readonly body: InputMaybe<StringQueryOperatorInput>;
-  readonly children: InputMaybe<NodeFilterListInput>;
-  readonly excerpt: InputMaybe<StringQueryOperatorInput>;
-  readonly frontmatter: InputMaybe<MdxFrontmatterFilterInput>;
-  readonly id: InputMaybe<StringQueryOperatorInput>;
-  readonly internal: InputMaybe<InternalFilterInput>;
-  readonly parent: InputMaybe<NodeFilterInput>;
-  readonly tableOfContents: InputMaybe<JSONQueryOperatorInput>;
-};
-
-type MdxFilterListInput = {
-  readonly elemMatch: InputMaybe<MdxFilterInput>;
-};
-
-type MdxFrontmatter = {
-  readonly slug: Maybe<Scalars['String']>;
-};
-
-type MdxFrontmatterFieldSelector = {
-  readonly slug: InputMaybe<FieldSelectorEnum>;
-};
-
-type MdxFrontmatterFilterInput = {
-  readonly slug: InputMaybe<StringQueryOperatorInput>;
-};
-
-type MdxFrontmatterSortInput = {
-  readonly slug: InputMaybe<SortOrderEnum>;
-};
-
-type MdxGroupConnection = {
-  readonly distinct: ReadonlyArray<Scalars['String']>;
-  readonly edges: ReadonlyArray<MdxEdge>;
-  readonly field: Scalars['String'];
-  readonly fieldValue: Maybe<Scalars['String']>;
-  readonly group: ReadonlyArray<MdxGroupConnection>;
-  readonly max: Maybe<Scalars['Float']>;
-  readonly min: Maybe<Scalars['Float']>;
-  readonly nodes: ReadonlyArray<Mdx>;
-  readonly pageInfo: PageInfo;
-  readonly sum: Maybe<Scalars['Float']>;
-  readonly totalCount: Scalars['Int'];
-};
-
-
-type MdxGroupConnection_distinctArgs = {
-  field: MdxFieldSelector;
-};
-
-
-type MdxGroupConnection_groupArgs = {
-  field: MdxFieldSelector;
-  limit: InputMaybe<Scalars['Int']>;
-  skip: InputMaybe<Scalars['Int']>;
-};
-
-
-type MdxGroupConnection_maxArgs = {
-  field: MdxFieldSelector;
-};
-
-
-type MdxGroupConnection_minArgs = {
-  field: MdxFieldSelector;
-};
-
-
-type MdxGroupConnection_sumArgs = {
-  field: MdxFieldSelector;
-};
-
-type MdxSortInput = {
-  readonly body: InputMaybe<SortOrderEnum>;
-  readonly children: InputMaybe<NodeSortInput>;
-  readonly excerpt: InputMaybe<SortOrderEnum>;
-  readonly frontmatter: InputMaybe<MdxFrontmatterSortInput>;
-  readonly id: InputMaybe<SortOrderEnum>;
-  readonly internal: InputMaybe<InternalSortInput>;
-  readonly parent: InputMaybe<NodeSortInput>;
-  readonly tableOfContents: InputMaybe<SortOrderEnum>;
-};
-
-/** Node Interface */
-type Node = {
-  readonly children: ReadonlyArray<Node>;
-  readonly id: Scalars['ID'];
-  readonly internal: Internal;
-  readonly parent: Maybe<Node>;
-};
-
-type NodeFieldSelector = {
-  readonly children: InputMaybe<NodeFieldSelector>;
-  readonly id: InputMaybe<FieldSelectorEnum>;
-  readonly internal: InputMaybe<InternalFieldSelector>;
-  readonly parent: InputMaybe<NodeFieldSelector>;
-};
-
-type NodeFilterInput = {
-  readonly children: InputMaybe<NodeFilterListInput>;
-  readonly id: InputMaybe<StringQueryOperatorInput>;
-  readonly internal: InputMaybe<InternalFilterInput>;
-  readonly parent: InputMaybe<NodeFilterInput>;
-};
-
-type NodeFilterListInput = {
-  readonly elemMatch: InputMaybe<NodeFilterInput>;
-};
-
-type NodeSortInput = {
-  readonly children: InputMaybe<NodeSortInput>;
-  readonly id: InputMaybe<SortOrderEnum>;
-  readonly internal: InputMaybe<InternalSortInput>;
-  readonly parent: InputMaybe<NodeSortInput>;
-};
-
-type PNGOptions = {
-  readonly compressionSpeed: InputMaybe<Scalars['Int']>;
-  readonly quality: InputMaybe<Scalars['Int']>;
-};
-
-type PageInfo = {
-  readonly currentPage: Scalars['Int'];
-  readonly hasNextPage: Scalars['Boolean'];
-  readonly hasPreviousPage: Scalars['Boolean'];
-  readonly itemCount: Scalars['Int'];
-  readonly pageCount: Scalars['Int'];
-  readonly perPage: Maybe<Scalars['Int']>;
-  readonly totalCount: Scalars['Int'];
-};
-
-type Potrace = {
-  readonly alphaMax: InputMaybe<Scalars['Float']>;
-  readonly background: InputMaybe<Scalars['String']>;
-  readonly blackOnWhite: InputMaybe<Scalars['Boolean']>;
-  readonly color: InputMaybe<Scalars['String']>;
-  readonly optCurve: InputMaybe<Scalars['Boolean']>;
-  readonly optTolerance: InputMaybe<Scalars['Float']>;
-  readonly threshold: InputMaybe<Scalars['Int']>;
-  readonly turdSize: InputMaybe<Scalars['Float']>;
-  readonly turnPolicy: InputMaybe<PotraceTurnPolicy>;
-};
-
-type PotraceTurnPolicy =
-  | 'black'
-  | 'left'
-  | 'majority'
-  | 'minority'
-  | 'right'
-  | 'white';
-
-type Query = {
-  readonly allComponentMetaJson: componentMetaJsonConnection;
-  readonly allDirectory: DirectoryConnection;
-  readonly allFile: FileConnection;
-  readonly allImageSharp: ImageSharpConnection;
-  readonly allLocalSearchPages: LocalSearchPagesConnection;
-  readonly allMdx: MdxConnection;
-  readonly allPrimitiveMetaJson: primitiveMetaJsonConnection;
-  readonly allSite: SiteConnection;
-  readonly allSiteBuildMetadata: SiteBuildMetadataConnection;
-  readonly allSiteFunction: SiteFunctionConnection;
-  readonly allSitePage: SitePageConnection;
-  readonly allSitePlugin: SitePluginConnection;
-  readonly componentMetaJson: Maybe<componentMetaJson>;
-  readonly directory: Maybe<Directory>;
-  readonly file: Maybe<File>;
-  readonly imageSharp: Maybe<ImageSharp>;
-  readonly localSearchPages: Maybe<LocalSearchPages>;
-  readonly mdx: Maybe<Mdx>;
-  readonly primitiveMetaJson: Maybe<primitiveMetaJson>;
-  readonly site: Maybe<Site>;
-  readonly siteBuildMetadata: Maybe<SiteBuildMetadata>;
-  readonly siteFunction: Maybe<SiteFunction>;
-  readonly sitePage: Maybe<SitePage>;
-  readonly sitePlugin: Maybe<SitePlugin>;
-};
-
-
-type Query_allComponentMetaJsonArgs = {
-  filter: InputMaybe<componentMetaJsonFilterInput>;
-  limit: InputMaybe<Scalars['Int']>;
-  skip: InputMaybe<Scalars['Int']>;
-  sort: InputMaybe<ReadonlyArray<InputMaybe<componentMetaJsonSortInput>>>;
-};
-
-
-type Query_allDirectoryArgs = {
-  filter: InputMaybe<DirectoryFilterInput>;
-  limit: InputMaybe<Scalars['Int']>;
-  skip: InputMaybe<Scalars['Int']>;
-  sort: InputMaybe<ReadonlyArray<InputMaybe<DirectorySortInput>>>;
-};
-
-
-type Query_allFileArgs = {
-  filter: InputMaybe<FileFilterInput>;
-  limit: InputMaybe<Scalars['Int']>;
-  skip: InputMaybe<Scalars['Int']>;
-  sort: InputMaybe<ReadonlyArray<InputMaybe<FileSortInput>>>;
-};
-
-
-type Query_allImageSharpArgs = {
-  filter: InputMaybe<ImageSharpFilterInput>;
-  limit: InputMaybe<Scalars['Int']>;
-  skip: InputMaybe<Scalars['Int']>;
-  sort: InputMaybe<ReadonlyArray<InputMaybe<ImageSharpSortInput>>>;
-};
-
-
-type Query_allLocalSearchPagesArgs = {
-  filter: InputMaybe<LocalSearchPagesFilterInput>;
-  limit: InputMaybe<Scalars['Int']>;
-  skip: InputMaybe<Scalars['Int']>;
-  sort: InputMaybe<ReadonlyArray<InputMaybe<LocalSearchPagesSortInput>>>;
-};
-
-
-type Query_allMdxArgs = {
-  filter: InputMaybe<MdxFilterInput>;
-  limit: InputMaybe<Scalars['Int']>;
-  skip: InputMaybe<Scalars['Int']>;
-  sort: InputMaybe<ReadonlyArray<InputMaybe<MdxSortInput>>>;
-};
-
-
-type Query_allPrimitiveMetaJsonArgs = {
-  filter: InputMaybe<primitiveMetaJsonFilterInput>;
-  limit: InputMaybe<Scalars['Int']>;
-  skip: InputMaybe<Scalars['Int']>;
-  sort: InputMaybe<ReadonlyArray<InputMaybe<primitiveMetaJsonSortInput>>>;
-};
-
-
-type Query_allSiteArgs = {
-  filter: InputMaybe<SiteFilterInput>;
-  limit: InputMaybe<Scalars['Int']>;
-  skip: InputMaybe<Scalars['Int']>;
-  sort: InputMaybe<ReadonlyArray<InputMaybe<SiteSortInput>>>;
-};
-
-
-type Query_allSiteBuildMetadataArgs = {
-  filter: InputMaybe<SiteBuildMetadataFilterInput>;
-  limit: InputMaybe<Scalars['Int']>;
-  skip: InputMaybe<Scalars['Int']>;
-  sort: InputMaybe<ReadonlyArray<InputMaybe<SiteBuildMetadataSortInput>>>;
-};
-
-
-type Query_allSiteFunctionArgs = {
-  filter: InputMaybe<SiteFunctionFilterInput>;
-  limit: InputMaybe<Scalars['Int']>;
-  skip: InputMaybe<Scalars['Int']>;
-  sort: InputMaybe<ReadonlyArray<InputMaybe<SiteFunctionSortInput>>>;
-};
-
-
-type Query_allSitePageArgs = {
-  filter: InputMaybe<SitePageFilterInput>;
-  limit: InputMaybe<Scalars['Int']>;
-  skip: InputMaybe<Scalars['Int']>;
-  sort: InputMaybe<ReadonlyArray<InputMaybe<SitePageSortInput>>>;
-};
-
-
-type Query_allSitePluginArgs = {
-  filter: InputMaybe<SitePluginFilterInput>;
-  limit: InputMaybe<Scalars['Int']>;
-  skip: InputMaybe<Scalars['Int']>;
-  sort: InputMaybe<ReadonlyArray<InputMaybe<SitePluginSortInput>>>;
-};
-
-
-type Query_componentMetaJsonArgs = {
-  _schema: InputMaybe<StringQueryOperatorInput>;
-  alias: InputMaybe<StringQueryOperatorInput>;
-  children: InputMaybe<NodeFilterListInput>;
-  description: InputMaybe<StringQueryOperatorInput>;
-  group: InputMaybe<StringQueryOperatorInput>;
-  id: InputMaybe<StringQueryOperatorInput>;
-  internal: InputMaybe<InternalFilterInput>;
-  name: InputMaybe<StringQueryOperatorInput>;
-  parent: InputMaybe<NodeFilterInput>;
-  platform: InputMaybe<componentMetaJsonPlatformFilterInput>;
-  primitive: InputMaybe<FileFilterInput>;
-  thumbnail: InputMaybe<FileFilterInput>;
-};
-
-
-type Query_directoryArgs = {
-  absolutePath: InputMaybe<StringQueryOperatorInput>;
-  accessTime: InputMaybe<DateQueryOperatorInput>;
-  atime: InputMaybe<DateQueryOperatorInput>;
-  atimeMs: InputMaybe<FloatQueryOperatorInput>;
-  base: InputMaybe<StringQueryOperatorInput>;
-  birthTime: InputMaybe<DateQueryOperatorInput>;
-  birthtime: InputMaybe<DateQueryOperatorInput>;
-  birthtimeMs: InputMaybe<FloatQueryOperatorInput>;
-  changeTime: InputMaybe<DateQueryOperatorInput>;
-  children: InputMaybe<NodeFilterListInput>;
-  ctime: InputMaybe<DateQueryOperatorInput>;
-  ctimeMs: InputMaybe<FloatQueryOperatorInput>;
-  dev: InputMaybe<IntQueryOperatorInput>;
-  dir: InputMaybe<StringQueryOperatorInput>;
-  ext: InputMaybe<StringQueryOperatorInput>;
-  extension: InputMaybe<StringQueryOperatorInput>;
-  gid: InputMaybe<IntQueryOperatorInput>;
-  id: InputMaybe<StringQueryOperatorInput>;
-  ino: InputMaybe<FloatQueryOperatorInput>;
-  internal: InputMaybe<InternalFilterInput>;
-  mode: InputMaybe<IntQueryOperatorInput>;
-  modifiedTime: InputMaybe<DateQueryOperatorInput>;
-  mtime: InputMaybe<DateQueryOperatorInput>;
-  mtimeMs: InputMaybe<FloatQueryOperatorInput>;
-  name: InputMaybe<StringQueryOperatorInput>;
-  nlink: InputMaybe<IntQueryOperatorInput>;
-  parent: InputMaybe<NodeFilterInput>;
-  prettySize: InputMaybe<StringQueryOperatorInput>;
-  rdev: InputMaybe<IntQueryOperatorInput>;
-  relativeDirectory: InputMaybe<StringQueryOperatorInput>;
-  relativePath: InputMaybe<StringQueryOperatorInput>;
-  root: InputMaybe<StringQueryOperatorInput>;
-  size: InputMaybe<IntQueryOperatorInput>;
-  sourceInstanceName: InputMaybe<StringQueryOperatorInput>;
-  uid: InputMaybe<IntQueryOperatorInput>;
-};
-
-
-type Query_fileArgs = {
-  absolutePath: InputMaybe<StringQueryOperatorInput>;
-  accessTime: InputMaybe<DateQueryOperatorInput>;
-  atime: InputMaybe<DateQueryOperatorInput>;
-  atimeMs: InputMaybe<FloatQueryOperatorInput>;
-  base: InputMaybe<StringQueryOperatorInput>;
-  birthTime: InputMaybe<DateQueryOperatorInput>;
-  birthtime: InputMaybe<DateQueryOperatorInput>;
-  birthtimeMs: InputMaybe<FloatQueryOperatorInput>;
-  blksize: InputMaybe<IntQueryOperatorInput>;
-  blocks: InputMaybe<IntQueryOperatorInput>;
-  changeTime: InputMaybe<DateQueryOperatorInput>;
-  childComponentMetaJson: InputMaybe<componentMetaJsonFilterInput>;
-  childImageSharp: InputMaybe<ImageSharpFilterInput>;
-  childMdx: InputMaybe<MdxFilterInput>;
-  childPrimitiveMetaJson: InputMaybe<primitiveMetaJsonFilterInput>;
-  children: InputMaybe<NodeFilterListInput>;
-  childrenComponentMetaJson: InputMaybe<componentMetaJsonFilterListInput>;
-  childrenImageSharp: InputMaybe<ImageSharpFilterListInput>;
-  childrenMdx: InputMaybe<MdxFilterListInput>;
-  childrenPrimitiveMetaJson: InputMaybe<primitiveMetaJsonFilterListInput>;
-  ctime: InputMaybe<DateQueryOperatorInput>;
-  ctimeMs: InputMaybe<FloatQueryOperatorInput>;
-  dev: InputMaybe<IntQueryOperatorInput>;
-  dir: InputMaybe<StringQueryOperatorInput>;
-  ext: InputMaybe<StringQueryOperatorInput>;
-  extension: InputMaybe<StringQueryOperatorInput>;
-  gid: InputMaybe<IntQueryOperatorInput>;
-  id: InputMaybe<StringQueryOperatorInput>;
-  ino: InputMaybe<FloatQueryOperatorInput>;
-  internal: InputMaybe<InternalFilterInput>;
-  mode: InputMaybe<IntQueryOperatorInput>;
-  modifiedTime: InputMaybe<DateQueryOperatorInput>;
-  mtime: InputMaybe<DateQueryOperatorInput>;
-  mtimeMs: InputMaybe<FloatQueryOperatorInput>;
-  name: InputMaybe<StringQueryOperatorInput>;
-  nlink: InputMaybe<IntQueryOperatorInput>;
-  parent: InputMaybe<NodeFilterInput>;
-  prettySize: InputMaybe<StringQueryOperatorInput>;
-  publicURL: InputMaybe<StringQueryOperatorInput>;
-  rdev: InputMaybe<IntQueryOperatorInput>;
-  relativeDirectory: InputMaybe<StringQueryOperatorInput>;
-  relativePath: InputMaybe<StringQueryOperatorInput>;
-  root: InputMaybe<StringQueryOperatorInput>;
-  size: InputMaybe<IntQueryOperatorInput>;
-  sourceInstanceName: InputMaybe<StringQueryOperatorInput>;
-  uid: InputMaybe<IntQueryOperatorInput>;
-};
-
-
-type Query_imageSharpArgs = {
-  children: InputMaybe<NodeFilterListInput>;
-  fixed: InputMaybe<ImageSharpFixedFilterInput>;
-  fluid: InputMaybe<ImageSharpFluidFilterInput>;
-  gatsbyImageData: InputMaybe<GatsbyImageDataQueryOperatorInput>;
-  id: InputMaybe<StringQueryOperatorInput>;
-  internal: InputMaybe<InternalFilterInput>;
-  original: InputMaybe<ImageSharpOriginalFilterInput>;
-  parent: InputMaybe<NodeFilterInput>;
-  resize: InputMaybe<ImageSharpResizeFilterInput>;
-};
-
-
-type Query_localSearchPagesArgs = {
-  children: InputMaybe<NodeFilterListInput>;
-  engine: InputMaybe<StringQueryOperatorInput>;
-  id: InputMaybe<StringQueryOperatorInput>;
-  index: InputMaybe<StringQueryOperatorInput>;
-  internal: InputMaybe<InternalFilterInput>;
-  name: InputMaybe<StringQueryOperatorInput>;
-  parent: InputMaybe<NodeFilterInput>;
-  publicIndexURL: InputMaybe<StringQueryOperatorInput>;
-  publicStoreURL: InputMaybe<StringQueryOperatorInput>;
-  store: InputMaybe<JSONQueryOperatorInput>;
-};
-
-
-type Query_mdxArgs = {
-  body: InputMaybe<StringQueryOperatorInput>;
-  children: InputMaybe<NodeFilterListInput>;
-  excerpt: InputMaybe<StringQueryOperatorInput>;
-  frontmatter: InputMaybe<MdxFrontmatterFilterInput>;
-  id: InputMaybe<StringQueryOperatorInput>;
-  internal: InputMaybe<InternalFilterInput>;
-  parent: InputMaybe<NodeFilterInput>;
-  tableOfContents: InputMaybe<JSONQueryOperatorInput>;
-};
-
-
-type Query_primitiveMetaJsonArgs = {
-  _schema: InputMaybe<StringQueryOperatorInput>;
-  children: InputMaybe<NodeFilterListInput>;
-  description: InputMaybe<StringQueryOperatorInput>;
-  id: InputMaybe<StringQueryOperatorInput>;
-  internal: InputMaybe<InternalFilterInput>;
-  name: InputMaybe<StringQueryOperatorInput>;
-  parent: InputMaybe<NodeFilterInput>;
-  primitive: InputMaybe<FileFilterInput>;
-  thumbnail: InputMaybe<FileFilterInput>;
-};
-
-
-type Query_siteArgs = {
-  buildTime: InputMaybe<DateQueryOperatorInput>;
-  children: InputMaybe<NodeFilterListInput>;
-  flags: InputMaybe<SiteFlagsFilterInput>;
-  graphqlTypegen: InputMaybe<SiteGraphqlTypegenFilterInput>;
-  id: InputMaybe<StringQueryOperatorInput>;
-  internal: InputMaybe<InternalFilterInput>;
-  jsxRuntime: InputMaybe<StringQueryOperatorInput>;
-  parent: InputMaybe<NodeFilterInput>;
-  pathPrefix: InputMaybe<StringQueryOperatorInput>;
-  polyfill: InputMaybe<BooleanQueryOperatorInput>;
-  siteMetadata: InputMaybe<SiteSiteMetadataFilterInput>;
-  trailingSlash: InputMaybe<StringQueryOperatorInput>;
-};
-
-
-type Query_siteBuildMetadataArgs = {
-  buildTime: InputMaybe<DateQueryOperatorInput>;
-  children: InputMaybe<NodeFilterListInput>;
-  id: InputMaybe<StringQueryOperatorInput>;
-  internal: InputMaybe<InternalFilterInput>;
-  parent: InputMaybe<NodeFilterInput>;
-};
-
-
-type Query_siteFunctionArgs = {
-  absoluteCompiledFilePath: InputMaybe<StringQueryOperatorInput>;
-  children: InputMaybe<NodeFilterListInput>;
-  functionRoute: InputMaybe<StringQueryOperatorInput>;
-  id: InputMaybe<StringQueryOperatorInput>;
-  internal: InputMaybe<InternalFilterInput>;
-  matchPath: InputMaybe<StringQueryOperatorInput>;
-  originalAbsoluteFilePath: InputMaybe<StringQueryOperatorInput>;
-  originalRelativeFilePath: InputMaybe<StringQueryOperatorInput>;
-  parent: InputMaybe<NodeFilterInput>;
-  pluginName: InputMaybe<StringQueryOperatorInput>;
-  relativeCompiledFilePath: InputMaybe<StringQueryOperatorInput>;
-};
-
-
-type Query_sitePageArgs = {
-  children: InputMaybe<NodeFilterListInput>;
-  component: InputMaybe<StringQueryOperatorInput>;
-  componentChunkName: InputMaybe<StringQueryOperatorInput>;
-  id: InputMaybe<StringQueryOperatorInput>;
-  internal: InputMaybe<InternalFilterInput>;
-  internalComponentName: InputMaybe<StringQueryOperatorInput>;
-  matchPath: InputMaybe<StringQueryOperatorInput>;
-  pageContext: InputMaybe<JSONQueryOperatorInput>;
-  parent: InputMaybe<NodeFilterInput>;
-  path: InputMaybe<StringQueryOperatorInput>;
-  pluginCreator: InputMaybe<SitePluginFilterInput>;
-};
-
-
-type Query_sitePluginArgs = {
-  browserAPIs: InputMaybe<StringQueryOperatorInput>;
-  children: InputMaybe<NodeFilterListInput>;
-  id: InputMaybe<StringQueryOperatorInput>;
-  internal: InputMaybe<InternalFilterInput>;
-  name: InputMaybe<StringQueryOperatorInput>;
-  nodeAPIs: InputMaybe<StringQueryOperatorInput>;
-  packageJson: InputMaybe<JSONQueryOperatorInput>;
-  parent: InputMaybe<NodeFilterInput>;
-  pluginFilepath: InputMaybe<StringQueryOperatorInput>;
-  pluginOptions: InputMaybe<JSONQueryOperatorInput>;
-  resolve: InputMaybe<StringQueryOperatorInput>;
-  ssrAPIs: InputMaybe<StringQueryOperatorInput>;
-  version: InputMaybe<StringQueryOperatorInput>;
-};
-
-type Site = Node & {
-  readonly buildTime: Maybe<Scalars['Date']>;
-  readonly children: ReadonlyArray<Node>;
-  readonly flags: Maybe<SiteFlags>;
-  readonly graphqlTypegen: Maybe<SiteGraphqlTypegen>;
-  readonly id: Scalars['ID'];
-  readonly internal: Internal;
-  readonly jsxRuntime: Maybe<Scalars['String']>;
-  readonly parent: Maybe<Node>;
-  readonly pathPrefix: Maybe<Scalars['String']>;
-  readonly polyfill: Maybe<Scalars['Boolean']>;
-  readonly siteMetadata: Maybe<SiteSiteMetadata>;
-  readonly trailingSlash: Maybe<Scalars['String']>;
-};
-
-
-type Site_buildTimeArgs = {
-  difference: InputMaybe<Scalars['String']>;
-  formatString: InputMaybe<Scalars['String']>;
-  fromNow: InputMaybe<Scalars['Boolean']>;
-  locale: InputMaybe<Scalars['String']>;
-};
-
-type SiteBuildMetadata = Node & {
-  readonly buildTime: Maybe<Scalars['Date']>;
-  readonly children: ReadonlyArray<Node>;
-  readonly id: Scalars['ID'];
-  readonly internal: Internal;
-  readonly parent: Maybe<Node>;
-};
-
-
-type SiteBuildMetadata_buildTimeArgs = {
-  difference: InputMaybe<Scalars['String']>;
-  formatString: InputMaybe<Scalars['String']>;
-  fromNow: InputMaybe<Scalars['Boolean']>;
-  locale: InputMaybe<Scalars['String']>;
-};
-
-type SiteBuildMetadataConnection = {
-  readonly distinct: ReadonlyArray<Scalars['String']>;
-  readonly edges: ReadonlyArray<SiteBuildMetadataEdge>;
-  readonly group: ReadonlyArray<SiteBuildMetadataGroupConnection>;
-  readonly max: Maybe<Scalars['Float']>;
-  readonly min: Maybe<Scalars['Float']>;
-  readonly nodes: ReadonlyArray<SiteBuildMetadata>;
-  readonly pageInfo: PageInfo;
-  readonly sum: Maybe<Scalars['Float']>;
-  readonly totalCount: Scalars['Int'];
-};
-
-
-type SiteBuildMetadataConnection_distinctArgs = {
-  field: SiteBuildMetadataFieldSelector;
-};
-
-
-type SiteBuildMetadataConnection_groupArgs = {
-  field: SiteBuildMetadataFieldSelector;
-  limit: InputMaybe<Scalars['Int']>;
-  skip: InputMaybe<Scalars['Int']>;
-};
-
-
-type SiteBuildMetadataConnection_maxArgs = {
-  field: SiteBuildMetadataFieldSelector;
-};
-
-
-type SiteBuildMetadataConnection_minArgs = {
-  field: SiteBuildMetadataFieldSelector;
-};
-
-
-type SiteBuildMetadataConnection_sumArgs = {
-  field: SiteBuildMetadataFieldSelector;
-};
-
-type SiteBuildMetadataEdge = {
-  readonly next: Maybe<SiteBuildMetadata>;
-  readonly node: SiteBuildMetadata;
-  readonly previous: Maybe<SiteBuildMetadata>;
-};
-
-type SiteBuildMetadataFieldSelector = {
-  readonly buildTime: InputMaybe<FieldSelectorEnum>;
-  readonly children: InputMaybe<NodeFieldSelector>;
-  readonly id: InputMaybe<FieldSelectorEnum>;
-  readonly internal: InputMaybe<InternalFieldSelector>;
-  readonly parent: InputMaybe<NodeFieldSelector>;
-};
-
-type SiteBuildMetadataFilterInput = {
-  readonly buildTime: InputMaybe<DateQueryOperatorInput>;
-  readonly children: InputMaybe<NodeFilterListInput>;
-  readonly id: InputMaybe<StringQueryOperatorInput>;
-  readonly internal: InputMaybe<InternalFilterInput>;
-  readonly parent: InputMaybe<NodeFilterInput>;
-};
-
-type SiteBuildMetadataGroupConnection = {
-  readonly distinct: ReadonlyArray<Scalars['String']>;
-  readonly edges: ReadonlyArray<SiteBuildMetadataEdge>;
-  readonly field: Scalars['String'];
-  readonly fieldValue: Maybe<Scalars['String']>;
-  readonly group: ReadonlyArray<SiteBuildMetadataGroupConnection>;
-  readonly max: Maybe<Scalars['Float']>;
-  readonly min: Maybe<Scalars['Float']>;
-  readonly nodes: ReadonlyArray<SiteBuildMetadata>;
-  readonly pageInfo: PageInfo;
-  readonly sum: Maybe<Scalars['Float']>;
-  readonly totalCount: Scalars['Int'];
-};
-
-
-type SiteBuildMetadataGroupConnection_distinctArgs = {
-  field: SiteBuildMetadataFieldSelector;
-};
-
-
-type SiteBuildMetadataGroupConnection_groupArgs = {
-  field: SiteBuildMetadataFieldSelector;
-  limit: InputMaybe<Scalars['Int']>;
-  skip: InputMaybe<Scalars['Int']>;
-};
-
-
-type SiteBuildMetadataGroupConnection_maxArgs = {
-  field: SiteBuildMetadataFieldSelector;
-};
-
-
-type SiteBuildMetadataGroupConnection_minArgs = {
-  field: SiteBuildMetadataFieldSelector;
-};
-
-
-type SiteBuildMetadataGroupConnection_sumArgs = {
-  field: SiteBuildMetadataFieldSelector;
-};
-
-type SiteBuildMetadataSortInput = {
-  readonly buildTime: InputMaybe<SortOrderEnum>;
-  readonly children: InputMaybe<NodeSortInput>;
-  readonly id: InputMaybe<SortOrderEnum>;
-  readonly internal: InputMaybe<InternalSortInput>;
-  readonly parent: InputMaybe<NodeSortInput>;
-};
-
-type SiteConnection = {
-  readonly distinct: ReadonlyArray<Scalars['String']>;
-  readonly edges: ReadonlyArray<SiteEdge>;
-  readonly group: ReadonlyArray<SiteGroupConnection>;
-  readonly max: Maybe<Scalars['Float']>;
-  readonly min: Maybe<Scalars['Float']>;
-  readonly nodes: ReadonlyArray<Site>;
-  readonly pageInfo: PageInfo;
-  readonly sum: Maybe<Scalars['Float']>;
-  readonly totalCount: Scalars['Int'];
-};
-
-
-type SiteConnection_distinctArgs = {
-  field: SiteFieldSelector;
-};
-
-
-type SiteConnection_groupArgs = {
-  field: SiteFieldSelector;
-  limit: InputMaybe<Scalars['Int']>;
-  skip: InputMaybe<Scalars['Int']>;
-};
-
-
-type SiteConnection_maxArgs = {
-  field: SiteFieldSelector;
-};
-
-
-type SiteConnection_minArgs = {
-  field: SiteFieldSelector;
-};
-
-
-type SiteConnection_sumArgs = {
-  field: SiteFieldSelector;
-};
-
-type SiteEdge = {
-  readonly next: Maybe<Site>;
-  readonly node: Site;
-  readonly previous: Maybe<Site>;
-};
-
-type SiteFieldSelector = {
-  readonly buildTime: InputMaybe<FieldSelectorEnum>;
-  readonly children: InputMaybe<NodeFieldSelector>;
-  readonly flags: InputMaybe<SiteFlagsFieldSelector>;
-  readonly graphqlTypegen: InputMaybe<SiteGraphqlTypegenFieldSelector>;
-  readonly id: InputMaybe<FieldSelectorEnum>;
-  readonly internal: InputMaybe<InternalFieldSelector>;
-  readonly jsxRuntime: InputMaybe<FieldSelectorEnum>;
-  readonly parent: InputMaybe<NodeFieldSelector>;
-  readonly pathPrefix: InputMaybe<FieldSelectorEnum>;
-  readonly polyfill: InputMaybe<FieldSelectorEnum>;
-  readonly siteMetadata: InputMaybe<SiteSiteMetadataFieldSelector>;
-  readonly trailingSlash: InputMaybe<FieldSelectorEnum>;
-};
-
-type SiteFilterInput = {
-  readonly buildTime: InputMaybe<DateQueryOperatorInput>;
-  readonly children: InputMaybe<NodeFilterListInput>;
-  readonly flags: InputMaybe<SiteFlagsFilterInput>;
-  readonly graphqlTypegen: InputMaybe<SiteGraphqlTypegenFilterInput>;
-  readonly id: InputMaybe<StringQueryOperatorInput>;
-  readonly internal: InputMaybe<InternalFilterInput>;
-  readonly jsxRuntime: InputMaybe<StringQueryOperatorInput>;
-  readonly parent: InputMaybe<NodeFilterInput>;
-  readonly pathPrefix: InputMaybe<StringQueryOperatorInput>;
-  readonly polyfill: InputMaybe<BooleanQueryOperatorInput>;
-  readonly siteMetadata: InputMaybe<SiteSiteMetadataFilterInput>;
-  readonly trailingSlash: InputMaybe<StringQueryOperatorInput>;
-};
-
-type SiteFlags = {
-  readonly DEV_SSR: Maybe<Scalars['Boolean']>;
-};
-
-type SiteFlagsFieldSelector = {
-  readonly DEV_SSR: InputMaybe<FieldSelectorEnum>;
-};
-
-type SiteFlagsFilterInput = {
-  readonly DEV_SSR: InputMaybe<BooleanQueryOperatorInput>;
-};
-
-type SiteFlagsSortInput = {
-  readonly DEV_SSR: InputMaybe<SortOrderEnum>;
-};
-
-type SiteFunction = Node & {
-  readonly absoluteCompiledFilePath: Scalars['String'];
-  readonly children: ReadonlyArray<Node>;
-  readonly functionRoute: Scalars['String'];
-  readonly id: Scalars['ID'];
-  readonly internal: Internal;
-  readonly matchPath: Maybe<Scalars['String']>;
-  readonly originalAbsoluteFilePath: Scalars['String'];
-  readonly originalRelativeFilePath: Scalars['String'];
-  readonly parent: Maybe<Node>;
-  readonly pluginName: Scalars['String'];
-  readonly relativeCompiledFilePath: Scalars['String'];
-};
-
-type SiteFunctionConnection = {
-  readonly distinct: ReadonlyArray<Scalars['String']>;
-  readonly edges: ReadonlyArray<SiteFunctionEdge>;
-  readonly group: ReadonlyArray<SiteFunctionGroupConnection>;
-  readonly max: Maybe<Scalars['Float']>;
-  readonly min: Maybe<Scalars['Float']>;
-  readonly nodes: ReadonlyArray<SiteFunction>;
-  readonly pageInfo: PageInfo;
-  readonly sum: Maybe<Scalars['Float']>;
-  readonly totalCount: Scalars['Int'];
-};
-
-
-type SiteFunctionConnection_distinctArgs = {
-  field: SiteFunctionFieldSelector;
-};
-
-
-type SiteFunctionConnection_groupArgs = {
-  field: SiteFunctionFieldSelector;
-  limit: InputMaybe<Scalars['Int']>;
-  skip: InputMaybe<Scalars['Int']>;
-};
-
-
-type SiteFunctionConnection_maxArgs = {
-  field: SiteFunctionFieldSelector;
-};
-
-
-type SiteFunctionConnection_minArgs = {
-  field: SiteFunctionFieldSelector;
-};
-
-
-type SiteFunctionConnection_sumArgs = {
-  field: SiteFunctionFieldSelector;
-};
-
-type SiteFunctionEdge = {
-  readonly next: Maybe<SiteFunction>;
-  readonly node: SiteFunction;
-  readonly previous: Maybe<SiteFunction>;
-};
-
-type SiteFunctionFieldSelector = {
-  readonly absoluteCompiledFilePath: InputMaybe<FieldSelectorEnum>;
-  readonly children: InputMaybe<NodeFieldSelector>;
-  readonly functionRoute: InputMaybe<FieldSelectorEnum>;
-  readonly id: InputMaybe<FieldSelectorEnum>;
-  readonly internal: InputMaybe<InternalFieldSelector>;
-  readonly matchPath: InputMaybe<FieldSelectorEnum>;
-  readonly originalAbsoluteFilePath: InputMaybe<FieldSelectorEnum>;
-  readonly originalRelativeFilePath: InputMaybe<FieldSelectorEnum>;
-  readonly parent: InputMaybe<NodeFieldSelector>;
-  readonly pluginName: InputMaybe<FieldSelectorEnum>;
-  readonly relativeCompiledFilePath: InputMaybe<FieldSelectorEnum>;
-};
-
-type SiteFunctionFilterInput = {
-  readonly absoluteCompiledFilePath: InputMaybe<StringQueryOperatorInput>;
-  readonly children: InputMaybe<NodeFilterListInput>;
-  readonly functionRoute: InputMaybe<StringQueryOperatorInput>;
-  readonly id: InputMaybe<StringQueryOperatorInput>;
-  readonly internal: InputMaybe<InternalFilterInput>;
-  readonly matchPath: InputMaybe<StringQueryOperatorInput>;
-  readonly originalAbsoluteFilePath: InputMaybe<StringQueryOperatorInput>;
-  readonly originalRelativeFilePath: InputMaybe<StringQueryOperatorInput>;
-  readonly parent: InputMaybe<NodeFilterInput>;
-  readonly pluginName: InputMaybe<StringQueryOperatorInput>;
-  readonly relativeCompiledFilePath: InputMaybe<StringQueryOperatorInput>;
-};
-
-type SiteFunctionGroupConnection = {
-  readonly distinct: ReadonlyArray<Scalars['String']>;
-  readonly edges: ReadonlyArray<SiteFunctionEdge>;
-  readonly field: Scalars['String'];
-  readonly fieldValue: Maybe<Scalars['String']>;
-  readonly group: ReadonlyArray<SiteFunctionGroupConnection>;
-  readonly max: Maybe<Scalars['Float']>;
-  readonly min: Maybe<Scalars['Float']>;
-  readonly nodes: ReadonlyArray<SiteFunction>;
-  readonly pageInfo: PageInfo;
-  readonly sum: Maybe<Scalars['Float']>;
-  readonly totalCount: Scalars['Int'];
-};
-
-
-type SiteFunctionGroupConnection_distinctArgs = {
-  field: SiteFunctionFieldSelector;
-};
-
-
-type SiteFunctionGroupConnection_groupArgs = {
-  field: SiteFunctionFieldSelector;
-  limit: InputMaybe<Scalars['Int']>;
-  skip: InputMaybe<Scalars['Int']>;
-};
-
-
-type SiteFunctionGroupConnection_maxArgs = {
-  field: SiteFunctionFieldSelector;
-};
-
-
-type SiteFunctionGroupConnection_minArgs = {
-  field: SiteFunctionFieldSelector;
-};
-
-
-type SiteFunctionGroupConnection_sumArgs = {
-  field: SiteFunctionFieldSelector;
-};
-
-type SiteFunctionSortInput = {
-  readonly absoluteCompiledFilePath: InputMaybe<SortOrderEnum>;
-  readonly children: InputMaybe<NodeSortInput>;
-  readonly functionRoute: InputMaybe<SortOrderEnum>;
-  readonly id: InputMaybe<SortOrderEnum>;
-  readonly internal: InputMaybe<InternalSortInput>;
-  readonly matchPath: InputMaybe<SortOrderEnum>;
-  readonly originalAbsoluteFilePath: InputMaybe<SortOrderEnum>;
-  readonly originalRelativeFilePath: InputMaybe<SortOrderEnum>;
-  readonly parent: InputMaybe<NodeSortInput>;
-  readonly pluginName: InputMaybe<SortOrderEnum>;
-  readonly relativeCompiledFilePath: InputMaybe<SortOrderEnum>;
-};
-
-type SiteGraphqlTypegen = {
-  readonly documentSearchPaths: Maybe<ReadonlyArray<Maybe<Scalars['String']>>>;
-  readonly generateOnBuild: Maybe<Scalars['Boolean']>;
-  readonly typesOutputPath: Maybe<Scalars['String']>;
-};
-
-type SiteGraphqlTypegenFieldSelector = {
-  readonly documentSearchPaths: InputMaybe<FieldSelectorEnum>;
-  readonly generateOnBuild: InputMaybe<FieldSelectorEnum>;
-  readonly typesOutputPath: InputMaybe<FieldSelectorEnum>;
-};
-
-type SiteGraphqlTypegenFilterInput = {
-  readonly documentSearchPaths: InputMaybe<StringQueryOperatorInput>;
-  readonly generateOnBuild: InputMaybe<BooleanQueryOperatorInput>;
-  readonly typesOutputPath: InputMaybe<StringQueryOperatorInput>;
-};
-
-type SiteGraphqlTypegenSortInput = {
-  readonly documentSearchPaths: InputMaybe<SortOrderEnum>;
-  readonly generateOnBuild: InputMaybe<SortOrderEnum>;
-  readonly typesOutputPath: InputMaybe<SortOrderEnum>;
-};
-
-type SiteGroupConnection = {
-  readonly distinct: ReadonlyArray<Scalars['String']>;
-  readonly edges: ReadonlyArray<SiteEdge>;
-  readonly field: Scalars['String'];
-  readonly fieldValue: Maybe<Scalars['String']>;
-  readonly group: ReadonlyArray<SiteGroupConnection>;
-  readonly max: Maybe<Scalars['Float']>;
-  readonly min: Maybe<Scalars['Float']>;
-  readonly nodes: ReadonlyArray<Site>;
-  readonly pageInfo: PageInfo;
-  readonly sum: Maybe<Scalars['Float']>;
-  readonly totalCount: Scalars['Int'];
-};
-
-
-type SiteGroupConnection_distinctArgs = {
-  field: SiteFieldSelector;
-};
-
-
-type SiteGroupConnection_groupArgs = {
-  field: SiteFieldSelector;
-  limit: InputMaybe<Scalars['Int']>;
-  skip: InputMaybe<Scalars['Int']>;
-};
-
-
-type SiteGroupConnection_maxArgs = {
-  field: SiteFieldSelector;
-};
-
-
-type SiteGroupConnection_minArgs = {
-  field: SiteFieldSelector;
-};
-
-
-type SiteGroupConnection_sumArgs = {
-  field: SiteFieldSelector;
-};
-
-type SitePage = Node & {
-  readonly children: ReadonlyArray<Node>;
-  readonly component: Scalars['String'];
-  readonly componentChunkName: Scalars['String'];
-  readonly id: Scalars['ID'];
-  readonly internal: Internal;
-  readonly internalComponentName: Scalars['String'];
-  readonly matchPath: Maybe<Scalars['String']>;
-  readonly pageContext: Maybe<Scalars['JSON']>;
-  readonly parent: Maybe<Node>;
-  readonly path: Scalars['String'];
-  readonly pluginCreator: Maybe<SitePlugin>;
-};
-
-type SitePageConnection = {
-  readonly distinct: ReadonlyArray<Scalars['String']>;
-  readonly edges: ReadonlyArray<SitePageEdge>;
-  readonly group: ReadonlyArray<SitePageGroupConnection>;
-  readonly max: Maybe<Scalars['Float']>;
-  readonly min: Maybe<Scalars['Float']>;
-  readonly nodes: ReadonlyArray<SitePage>;
-  readonly pageInfo: PageInfo;
-  readonly sum: Maybe<Scalars['Float']>;
-  readonly totalCount: Scalars['Int'];
-};
-
-
-type SitePageConnection_distinctArgs = {
-  field: SitePageFieldSelector;
-};
-
-
-type SitePageConnection_groupArgs = {
-  field: SitePageFieldSelector;
-  limit: InputMaybe<Scalars['Int']>;
-  skip: InputMaybe<Scalars['Int']>;
-};
-
-
-type SitePageConnection_maxArgs = {
-  field: SitePageFieldSelector;
-};
-
-
-type SitePageConnection_minArgs = {
-  field: SitePageFieldSelector;
-};
-
-
-type SitePageConnection_sumArgs = {
-  field: SitePageFieldSelector;
-};
-
-type SitePageEdge = {
-  readonly next: Maybe<SitePage>;
-  readonly node: SitePage;
-  readonly previous: Maybe<SitePage>;
-};
-
-type SitePageFieldSelector = {
-  readonly children: InputMaybe<NodeFieldSelector>;
-  readonly component: InputMaybe<FieldSelectorEnum>;
-  readonly componentChunkName: InputMaybe<FieldSelectorEnum>;
-  readonly id: InputMaybe<FieldSelectorEnum>;
-  readonly internal: InputMaybe<InternalFieldSelector>;
-  readonly internalComponentName: InputMaybe<FieldSelectorEnum>;
-  readonly matchPath: InputMaybe<FieldSelectorEnum>;
-  readonly pageContext: InputMaybe<FieldSelectorEnum>;
-  readonly parent: InputMaybe<NodeFieldSelector>;
-  readonly path: InputMaybe<FieldSelectorEnum>;
-  readonly pluginCreator: InputMaybe<SitePluginFieldSelector>;
-};
-
-type SitePageFilterInput = {
-  readonly children: InputMaybe<NodeFilterListInput>;
-  readonly component: InputMaybe<StringQueryOperatorInput>;
-  readonly componentChunkName: InputMaybe<StringQueryOperatorInput>;
-  readonly id: InputMaybe<StringQueryOperatorInput>;
-  readonly internal: InputMaybe<InternalFilterInput>;
-  readonly internalComponentName: InputMaybe<StringQueryOperatorInput>;
-  readonly matchPath: InputMaybe<StringQueryOperatorInput>;
-  readonly pageContext: InputMaybe<JSONQueryOperatorInput>;
-  readonly parent: InputMaybe<NodeFilterInput>;
-  readonly path: InputMaybe<StringQueryOperatorInput>;
-  readonly pluginCreator: InputMaybe<SitePluginFilterInput>;
-};
-
-type SitePageGroupConnection = {
-  readonly distinct: ReadonlyArray<Scalars['String']>;
-  readonly edges: ReadonlyArray<SitePageEdge>;
-  readonly field: Scalars['String'];
-  readonly fieldValue: Maybe<Scalars['String']>;
-  readonly group: ReadonlyArray<SitePageGroupConnection>;
-  readonly max: Maybe<Scalars['Float']>;
-  readonly min: Maybe<Scalars['Float']>;
-  readonly nodes: ReadonlyArray<SitePage>;
-  readonly pageInfo: PageInfo;
-  readonly sum: Maybe<Scalars['Float']>;
-  readonly totalCount: Scalars['Int'];
-};
-
-
-type SitePageGroupConnection_distinctArgs = {
-  field: SitePageFieldSelector;
-};
-
-
-type SitePageGroupConnection_groupArgs = {
-  field: SitePageFieldSelector;
-  limit: InputMaybe<Scalars['Int']>;
-  skip: InputMaybe<Scalars['Int']>;
-};
-
-
-type SitePageGroupConnection_maxArgs = {
-  field: SitePageFieldSelector;
-};
-
-
-type SitePageGroupConnection_minArgs = {
-  field: SitePageFieldSelector;
-};
-
-
-type SitePageGroupConnection_sumArgs = {
-  field: SitePageFieldSelector;
-};
-
-type SitePageSortInput = {
-  readonly children: InputMaybe<NodeSortInput>;
-  readonly component: InputMaybe<SortOrderEnum>;
-  readonly componentChunkName: InputMaybe<SortOrderEnum>;
-  readonly id: InputMaybe<SortOrderEnum>;
-  readonly internal: InputMaybe<InternalSortInput>;
-  readonly internalComponentName: InputMaybe<SortOrderEnum>;
-  readonly matchPath: InputMaybe<SortOrderEnum>;
-  readonly pageContext: InputMaybe<SortOrderEnum>;
-  readonly parent: InputMaybe<NodeSortInput>;
-  readonly path: InputMaybe<SortOrderEnum>;
-  readonly pluginCreator: InputMaybe<SitePluginSortInput>;
-};
-
-type SitePlugin = Node & {
-  readonly browserAPIs: Maybe<ReadonlyArray<Maybe<Scalars['String']>>>;
-  readonly children: ReadonlyArray<Node>;
-  readonly id: Scalars['ID'];
-  readonly internal: Internal;
-  readonly name: Maybe<Scalars['String']>;
-  readonly nodeAPIs: Maybe<ReadonlyArray<Maybe<Scalars['String']>>>;
-  readonly packageJson: Maybe<Scalars['JSON']>;
-  readonly parent: Maybe<Node>;
-  readonly pluginFilepath: Maybe<Scalars['String']>;
-  readonly pluginOptions: Maybe<Scalars['JSON']>;
-  readonly resolve: Maybe<Scalars['String']>;
-  readonly ssrAPIs: Maybe<ReadonlyArray<Maybe<Scalars['String']>>>;
-  readonly version: Maybe<Scalars['String']>;
-};
-
-type SitePluginConnection = {
-  readonly distinct: ReadonlyArray<Scalars['String']>;
-  readonly edges: ReadonlyArray<SitePluginEdge>;
-  readonly group: ReadonlyArray<SitePluginGroupConnection>;
-  readonly max: Maybe<Scalars['Float']>;
-  readonly min: Maybe<Scalars['Float']>;
-  readonly nodes: ReadonlyArray<SitePlugin>;
-  readonly pageInfo: PageInfo;
-  readonly sum: Maybe<Scalars['Float']>;
-  readonly totalCount: Scalars['Int'];
-};
-
-
-type SitePluginConnection_distinctArgs = {
-  field: SitePluginFieldSelector;
-};
-
-
-type SitePluginConnection_groupArgs = {
-  field: SitePluginFieldSelector;
-  limit: InputMaybe<Scalars['Int']>;
-  skip: InputMaybe<Scalars['Int']>;
-};
-
-
-type SitePluginConnection_maxArgs = {
-  field: SitePluginFieldSelector;
-};
-
-
-type SitePluginConnection_minArgs = {
-  field: SitePluginFieldSelector;
-};
-
-
-type SitePluginConnection_sumArgs = {
-  field: SitePluginFieldSelector;
-};
-
-type SitePluginEdge = {
-  readonly next: Maybe<SitePlugin>;
-  readonly node: SitePlugin;
-  readonly previous: Maybe<SitePlugin>;
-};
-
-type SitePluginFieldSelector = {
-  readonly browserAPIs: InputMaybe<FieldSelectorEnum>;
-  readonly children: InputMaybe<NodeFieldSelector>;
-  readonly id: InputMaybe<FieldSelectorEnum>;
-  readonly internal: InputMaybe<InternalFieldSelector>;
-  readonly name: InputMaybe<FieldSelectorEnum>;
-  readonly nodeAPIs: InputMaybe<FieldSelectorEnum>;
-  readonly packageJson: InputMaybe<FieldSelectorEnum>;
-  readonly parent: InputMaybe<NodeFieldSelector>;
-  readonly pluginFilepath: InputMaybe<FieldSelectorEnum>;
-  readonly pluginOptions: InputMaybe<FieldSelectorEnum>;
-  readonly resolve: InputMaybe<FieldSelectorEnum>;
-  readonly ssrAPIs: InputMaybe<FieldSelectorEnum>;
-  readonly version: InputMaybe<FieldSelectorEnum>;
-};
-
-type SitePluginFilterInput = {
-  readonly browserAPIs: InputMaybe<StringQueryOperatorInput>;
-  readonly children: InputMaybe<NodeFilterListInput>;
-  readonly id: InputMaybe<StringQueryOperatorInput>;
-  readonly internal: InputMaybe<InternalFilterInput>;
-  readonly name: InputMaybe<StringQueryOperatorInput>;
-  readonly nodeAPIs: InputMaybe<StringQueryOperatorInput>;
-  readonly packageJson: InputMaybe<JSONQueryOperatorInput>;
-  readonly parent: InputMaybe<NodeFilterInput>;
-  readonly pluginFilepath: InputMaybe<StringQueryOperatorInput>;
-  readonly pluginOptions: InputMaybe<JSONQueryOperatorInput>;
-  readonly resolve: InputMaybe<StringQueryOperatorInput>;
-  readonly ssrAPIs: InputMaybe<StringQueryOperatorInput>;
-  readonly version: InputMaybe<StringQueryOperatorInput>;
-};
-
-type SitePluginGroupConnection = {
-  readonly distinct: ReadonlyArray<Scalars['String']>;
-  readonly edges: ReadonlyArray<SitePluginEdge>;
-  readonly field: Scalars['String'];
-  readonly fieldValue: Maybe<Scalars['String']>;
-  readonly group: ReadonlyArray<SitePluginGroupConnection>;
-  readonly max: Maybe<Scalars['Float']>;
-  readonly min: Maybe<Scalars['Float']>;
-  readonly nodes: ReadonlyArray<SitePlugin>;
-  readonly pageInfo: PageInfo;
-  readonly sum: Maybe<Scalars['Float']>;
-  readonly totalCount: Scalars['Int'];
-};
-
-
-type SitePluginGroupConnection_distinctArgs = {
-  field: SitePluginFieldSelector;
-};
-
-
-type SitePluginGroupConnection_groupArgs = {
-  field: SitePluginFieldSelector;
-  limit: InputMaybe<Scalars['Int']>;
-  skip: InputMaybe<Scalars['Int']>;
-};
-
-
-type SitePluginGroupConnection_maxArgs = {
-  field: SitePluginFieldSelector;
-};
-
-
-type SitePluginGroupConnection_minArgs = {
-  field: SitePluginFieldSelector;
-};
-
-
-type SitePluginGroupConnection_sumArgs = {
-  field: SitePluginFieldSelector;
-};
-
-type SitePluginSortInput = {
-  readonly browserAPIs: InputMaybe<SortOrderEnum>;
-  readonly children: InputMaybe<NodeSortInput>;
-  readonly id: InputMaybe<SortOrderEnum>;
-  readonly internal: InputMaybe<InternalSortInput>;
-  readonly name: InputMaybe<SortOrderEnum>;
-  readonly nodeAPIs: InputMaybe<SortOrderEnum>;
-  readonly packageJson: InputMaybe<SortOrderEnum>;
-  readonly parent: InputMaybe<NodeSortInput>;
-  readonly pluginFilepath: InputMaybe<SortOrderEnum>;
-  readonly pluginOptions: InputMaybe<SortOrderEnum>;
-  readonly resolve: InputMaybe<SortOrderEnum>;
-  readonly ssrAPIs: InputMaybe<SortOrderEnum>;
-  readonly version: InputMaybe<SortOrderEnum>;
-};
-
-type SiteSiteMetadata = {
-  readonly description: Maybe<Scalars['String']>;
-  readonly siteUrl: Maybe<Scalars['String']>;
-  readonly title: Maybe<Scalars['String']>;
-};
-
-type SiteSiteMetadataFieldSelector = {
-  readonly description: InputMaybe<FieldSelectorEnum>;
-  readonly siteUrl: InputMaybe<FieldSelectorEnum>;
-  readonly title: InputMaybe<FieldSelectorEnum>;
-};
-
-type SiteSiteMetadataFilterInput = {
-  readonly description: InputMaybe<StringQueryOperatorInput>;
-  readonly siteUrl: InputMaybe<StringQueryOperatorInput>;
-  readonly title: InputMaybe<StringQueryOperatorInput>;
-};
-
-type SiteSiteMetadataSortInput = {
-  readonly description: InputMaybe<SortOrderEnum>;
-  readonly siteUrl: InputMaybe<SortOrderEnum>;
-  readonly title: InputMaybe<SortOrderEnum>;
-};
-
-type SiteSortInput = {
-  readonly buildTime: InputMaybe<SortOrderEnum>;
-  readonly children: InputMaybe<NodeSortInput>;
-  readonly flags: InputMaybe<SiteFlagsSortInput>;
-  readonly graphqlTypegen: InputMaybe<SiteGraphqlTypegenSortInput>;
-  readonly id: InputMaybe<SortOrderEnum>;
-  readonly internal: InputMaybe<InternalSortInput>;
-  readonly jsxRuntime: InputMaybe<SortOrderEnum>;
-  readonly parent: InputMaybe<NodeSortInput>;
-  readonly pathPrefix: InputMaybe<SortOrderEnum>;
-  readonly polyfill: InputMaybe<SortOrderEnum>;
-  readonly siteMetadata: InputMaybe<SiteSiteMetadataSortInput>;
-  readonly trailingSlash: InputMaybe<SortOrderEnum>;
-};
-
-type SortOrderEnum =
-  | 'ASC'
-  | 'DESC';
-
-type StringQueryOperatorInput = {
-  readonly eq: InputMaybe<Scalars['String']>;
-  readonly glob: InputMaybe<Scalars['String']>;
-  readonly in: InputMaybe<ReadonlyArray<InputMaybe<Scalars['String']>>>;
-  readonly ne: InputMaybe<Scalars['String']>;
-  readonly nin: InputMaybe<ReadonlyArray<InputMaybe<Scalars['String']>>>;
-  readonly regex: InputMaybe<Scalars['String']>;
-};
-
-type TransformOptions = {
-  readonly cropFocus: InputMaybe<ImageCropFocus>;
-  readonly duotone: InputMaybe<DuotoneGradient>;
-  readonly fit: InputMaybe<ImageFit>;
-  readonly grayscale: InputMaybe<Scalars['Boolean']>;
-  readonly rotate: InputMaybe<Scalars['Int']>;
-  readonly trim: InputMaybe<Scalars['Float']>;
-};
-
-type WebPOptions = {
-  readonly quality: InputMaybe<Scalars['Int']>;
-};
-
-type componentMetaJson = Node & {
-  readonly _schema: Maybe<Scalars['String']>;
-  readonly alias: Maybe<Scalars['String']>;
-  readonly children: ReadonlyArray<Node>;
-  readonly description: Maybe<Scalars['String']>;
-  readonly group: Maybe<Scalars['String']>;
-  readonly id: Scalars['ID'];
-  readonly internal: Internal;
-  readonly name: Maybe<Scalars['String']>;
-  readonly parent: Maybe<Node>;
-  readonly platform: Maybe<componentMetaJsonPlatform>;
-  readonly primitive: Maybe<File>;
-  readonly thumbnail: Maybe<File>;
-};
-
-type componentMetaJsonConnection = {
-  readonly distinct: ReadonlyArray<Scalars['String']>;
-  readonly edges: ReadonlyArray<componentMetaJsonEdge>;
-  readonly group: ReadonlyArray<componentMetaJsonGroupConnection>;
-  readonly max: Maybe<Scalars['Float']>;
-  readonly min: Maybe<Scalars['Float']>;
-  readonly nodes: ReadonlyArray<componentMetaJson>;
-  readonly pageInfo: PageInfo;
-  readonly sum: Maybe<Scalars['Float']>;
-  readonly totalCount: Scalars['Int'];
-};
-
-
-type componentMetaJsonConnection_distinctArgs = {
-  field: componentMetaJsonFieldSelector;
-};
-
-
-type componentMetaJsonConnection_groupArgs = {
-  field: componentMetaJsonFieldSelector;
-  limit: InputMaybe<Scalars['Int']>;
-  skip: InputMaybe<Scalars['Int']>;
-};
-
-
-type componentMetaJsonConnection_maxArgs = {
-  field: componentMetaJsonFieldSelector;
-};
-
-
-type componentMetaJsonConnection_minArgs = {
-  field: componentMetaJsonFieldSelector;
-};
-
-
-type componentMetaJsonConnection_sumArgs = {
-  field: componentMetaJsonFieldSelector;
-};
-
-type componentMetaJsonEdge = {
-  readonly next: Maybe<componentMetaJson>;
-  readonly node: componentMetaJson;
-  readonly previous: Maybe<componentMetaJson>;
-};
-
-type componentMetaJsonFieldSelector = {
-  readonly _schema: InputMaybe<FieldSelectorEnum>;
-  readonly alias: InputMaybe<FieldSelectorEnum>;
-  readonly children: InputMaybe<NodeFieldSelector>;
-  readonly description: InputMaybe<FieldSelectorEnum>;
-  readonly group: InputMaybe<FieldSelectorEnum>;
-  readonly id: InputMaybe<FieldSelectorEnum>;
-  readonly internal: InputMaybe<InternalFieldSelector>;
-  readonly name: InputMaybe<FieldSelectorEnum>;
-  readonly parent: InputMaybe<NodeFieldSelector>;
-  readonly platform: InputMaybe<componentMetaJsonPlatformFieldSelector>;
-  readonly primitive: InputMaybe<FileFieldSelector>;
-  readonly thumbnail: InputMaybe<FileFieldSelector>;
-};
-
-type componentMetaJsonFilterInput = {
-  readonly _schema: InputMaybe<StringQueryOperatorInput>;
-  readonly alias: InputMaybe<StringQueryOperatorInput>;
-  readonly children: InputMaybe<NodeFilterListInput>;
-  readonly description: InputMaybe<StringQueryOperatorInput>;
-  readonly group: InputMaybe<StringQueryOperatorInput>;
-  readonly id: InputMaybe<StringQueryOperatorInput>;
-  readonly internal: InputMaybe<InternalFilterInput>;
-  readonly name: InputMaybe<StringQueryOperatorInput>;
-  readonly parent: InputMaybe<NodeFilterInput>;
-  readonly platform: InputMaybe<componentMetaJsonPlatformFilterInput>;
-  readonly primitive: InputMaybe<FileFilterInput>;
-  readonly thumbnail: InputMaybe<FileFilterInput>;
-};
-
-type componentMetaJsonFilterListInput = {
-  readonly elemMatch: InputMaybe<componentMetaJsonFilterInput>;
-};
-
-type componentMetaJsonGroupConnection = {
-  readonly distinct: ReadonlyArray<Scalars['String']>;
-  readonly edges: ReadonlyArray<componentMetaJsonEdge>;
-  readonly field: Scalars['String'];
-  readonly fieldValue: Maybe<Scalars['String']>;
-  readonly group: ReadonlyArray<componentMetaJsonGroupConnection>;
-  readonly max: Maybe<Scalars['Float']>;
-  readonly min: Maybe<Scalars['Float']>;
-  readonly nodes: ReadonlyArray<componentMetaJson>;
-  readonly pageInfo: PageInfo;
-  readonly sum: Maybe<Scalars['Float']>;
-  readonly totalCount: Scalars['Int'];
-};
-
-
-type componentMetaJsonGroupConnection_distinctArgs = {
-  field: componentMetaJsonFieldSelector;
-};
-
-
-type componentMetaJsonGroupConnection_groupArgs = {
-  field: componentMetaJsonFieldSelector;
-  limit: InputMaybe<Scalars['Int']>;
-  skip: InputMaybe<Scalars['Int']>;
-};
-
-
-type componentMetaJsonGroupConnection_maxArgs = {
-  field: componentMetaJsonFieldSelector;
-};
-
-
-type componentMetaJsonGroupConnection_minArgs = {
-  field: componentMetaJsonFieldSelector;
-};
-
-
-type componentMetaJsonGroupConnection_sumArgs = {
-  field: componentMetaJsonFieldSelector;
-};
-
-type componentMetaJsonPlatform = {
-  readonly android: Maybe<componentMetaJsonPlatformAndroid>;
-  readonly docs: Maybe<componentMetaJsonPlatformDocs>;
-  readonly figma: Maybe<componentMetaJsonPlatformFigma>;
-  readonly ios: Maybe<componentMetaJsonPlatformIos>;
-  readonly react: Maybe<componentMetaJsonPlatformReact>;
-};
-
-type componentMetaJsonPlatformAndroid = {
-  readonly path: Maybe<Scalars['String']>;
-  readonly status: Maybe<Scalars['String']>;
-};
-
-type componentMetaJsonPlatformAndroidFieldSelector = {
-  readonly path: InputMaybe<FieldSelectorEnum>;
-  readonly status: InputMaybe<FieldSelectorEnum>;
-};
-
-type componentMetaJsonPlatformAndroidFilterInput = {
-  readonly path: InputMaybe<StringQueryOperatorInput>;
-  readonly status: InputMaybe<StringQueryOperatorInput>;
-};
-
-type componentMetaJsonPlatformAndroidSortInput = {
-  readonly path: InputMaybe<SortOrderEnum>;
-  readonly status: InputMaybe<SortOrderEnum>;
-};
-
-type componentMetaJsonPlatformDocs = {
-  readonly overview: Maybe<componentMetaJsonPlatformDocsOverview>;
-  readonly style: Maybe<componentMetaJsonPlatformDocsStyle>;
-  readonly usage: Maybe<componentMetaJsonPlatformDocsUsage>;
-};
-
-type componentMetaJsonPlatformDocsFieldSelector = {
-  readonly overview: InputMaybe<componentMetaJsonPlatformDocsOverviewFieldSelector>;
-  readonly style: InputMaybe<componentMetaJsonPlatformDocsStyleFieldSelector>;
-  readonly usage: InputMaybe<componentMetaJsonPlatformDocsUsageFieldSelector>;
-};
-
-type componentMetaJsonPlatformDocsFilterInput = {
-  readonly overview: InputMaybe<componentMetaJsonPlatformDocsOverviewFilterInput>;
-  readonly style: InputMaybe<componentMetaJsonPlatformDocsStyleFilterInput>;
-  readonly usage: InputMaybe<componentMetaJsonPlatformDocsUsageFilterInput>;
-};
-
-type componentMetaJsonPlatformDocsOverview = {
-  readonly mdx: Maybe<File>;
-  readonly status: Maybe<Scalars['String']>;
-  readonly storybook: Maybe<componentMetaJsonPlatformDocsOverviewStorybook>;
-};
-
-type componentMetaJsonPlatformDocsOverviewFieldSelector = {
-  readonly mdx: InputMaybe<FileFieldSelector>;
-  readonly status: InputMaybe<FieldSelectorEnum>;
-  readonly storybook: InputMaybe<componentMetaJsonPlatformDocsOverviewStorybookFieldSelector>;
-};
-
-type componentMetaJsonPlatformDocsOverviewFilterInput = {
-  readonly mdx: InputMaybe<FileFilterInput>;
-  readonly status: InputMaybe<StringQueryOperatorInput>;
-  readonly storybook: InputMaybe<componentMetaJsonPlatformDocsOverviewStorybookFilterInput>;
-};
-
-type componentMetaJsonPlatformDocsOverviewSortInput = {
-  readonly mdx: InputMaybe<FileSortInput>;
-  readonly status: InputMaybe<SortOrderEnum>;
-  readonly storybook: InputMaybe<componentMetaJsonPlatformDocsOverviewStorybookSortInput>;
-};
-
-type componentMetaJsonPlatformDocsOverviewStorybook = {
-  readonly height: Maybe<Scalars['String']>;
-  readonly path: Maybe<Scalars['String']>;
-};
-
-type componentMetaJsonPlatformDocsOverviewStorybookFieldSelector = {
-  readonly height: InputMaybe<FieldSelectorEnum>;
-  readonly path: InputMaybe<FieldSelectorEnum>;
-};
-
-type componentMetaJsonPlatformDocsOverviewStorybookFilterInput = {
-  readonly height: InputMaybe<StringQueryOperatorInput>;
-  readonly path: InputMaybe<StringQueryOperatorInput>;
-};
-
-type componentMetaJsonPlatformDocsOverviewStorybookSortInput = {
-  readonly height: InputMaybe<SortOrderEnum>;
-  readonly path: InputMaybe<SortOrderEnum>;
-};
-
-type componentMetaJsonPlatformDocsSortInput = {
-  readonly overview: InputMaybe<componentMetaJsonPlatformDocsOverviewSortInput>;
-  readonly style: InputMaybe<componentMetaJsonPlatformDocsStyleSortInput>;
-  readonly usage: InputMaybe<componentMetaJsonPlatformDocsUsageSortInput>;
-};
-
-type componentMetaJsonPlatformDocsStyle = {
-  readonly mdx: Maybe<File>;
-  readonly status: Maybe<Scalars['String']>;
-};
-
-type componentMetaJsonPlatformDocsStyleFieldSelector = {
-  readonly mdx: InputMaybe<FileFieldSelector>;
-  readonly status: InputMaybe<FieldSelectorEnum>;
-};
-
-type componentMetaJsonPlatformDocsStyleFilterInput = {
-  readonly mdx: InputMaybe<FileFilterInput>;
-  readonly status: InputMaybe<StringQueryOperatorInput>;
-};
-
-type componentMetaJsonPlatformDocsStyleSortInput = {
-  readonly mdx: InputMaybe<FileSortInput>;
-  readonly status: InputMaybe<SortOrderEnum>;
-};
-
-type componentMetaJsonPlatformDocsUsage = {
-  readonly mdx: Maybe<File>;
-  readonly status: Maybe<Scalars['String']>;
-};
-
-type componentMetaJsonPlatformDocsUsageFieldSelector = {
-  readonly mdx: InputMaybe<FileFieldSelector>;
-  readonly status: InputMaybe<FieldSelectorEnum>;
-};
-
-type componentMetaJsonPlatformDocsUsageFilterInput = {
-  readonly mdx: InputMaybe<FileFilterInput>;
-  readonly status: InputMaybe<StringQueryOperatorInput>;
-};
-
-type componentMetaJsonPlatformDocsUsageSortInput = {
-  readonly mdx: InputMaybe<FileSortInput>;
-  readonly status: InputMaybe<SortOrderEnum>;
-};
-
-type componentMetaJsonPlatformFieldSelector = {
-  readonly android: InputMaybe<componentMetaJsonPlatformAndroidFieldSelector>;
-  readonly docs: InputMaybe<componentMetaJsonPlatformDocsFieldSelector>;
-  readonly figma: InputMaybe<componentMetaJsonPlatformFigmaFieldSelector>;
-  readonly ios: InputMaybe<componentMetaJsonPlatformIosFieldSelector>;
-  readonly react: InputMaybe<componentMetaJsonPlatformReactFieldSelector>;
-};
-
-type componentMetaJsonPlatformFigma = {
-  readonly path: Maybe<Scalars['String']>;
-  readonly status: Maybe<Scalars['String']>;
-};
-
-type componentMetaJsonPlatformFigmaFieldSelector = {
-  readonly path: InputMaybe<FieldSelectorEnum>;
-  readonly status: InputMaybe<FieldSelectorEnum>;
-};
-
-type componentMetaJsonPlatformFigmaFilterInput = {
-  readonly path: InputMaybe<StringQueryOperatorInput>;
-  readonly status: InputMaybe<StringQueryOperatorInput>;
-};
-
-type componentMetaJsonPlatformFigmaSortInput = {
-  readonly path: InputMaybe<SortOrderEnum>;
-  readonly status: InputMaybe<SortOrderEnum>;
-};
-
-type componentMetaJsonPlatformFilterInput = {
-  readonly android: InputMaybe<componentMetaJsonPlatformAndroidFilterInput>;
-  readonly docs: InputMaybe<componentMetaJsonPlatformDocsFilterInput>;
-  readonly figma: InputMaybe<componentMetaJsonPlatformFigmaFilterInput>;
-  readonly ios: InputMaybe<componentMetaJsonPlatformIosFilterInput>;
-  readonly react: InputMaybe<componentMetaJsonPlatformReactFilterInput>;
-};
-
-type componentMetaJsonPlatformIos = {
-  readonly alias: Maybe<Scalars['String']>;
-  readonly path: Maybe<Scalars['String']>;
-  readonly status: Maybe<Scalars['String']>;
-};
-
-type componentMetaJsonPlatformIosFieldSelector = {
-  readonly alias: InputMaybe<FieldSelectorEnum>;
-  readonly path: InputMaybe<FieldSelectorEnum>;
-  readonly status: InputMaybe<FieldSelectorEnum>;
-};
-
-type componentMetaJsonPlatformIosFilterInput = {
-  readonly alias: InputMaybe<StringQueryOperatorInput>;
-  readonly path: InputMaybe<StringQueryOperatorInput>;
-  readonly status: InputMaybe<StringQueryOperatorInput>;
-};
-
-type componentMetaJsonPlatformIosSortInput = {
-  readonly alias: InputMaybe<SortOrderEnum>;
-  readonly path: InputMaybe<SortOrderEnum>;
-  readonly status: InputMaybe<SortOrderEnum>;
-};
-
-type componentMetaJsonPlatformReact = {
-  readonly path: Maybe<Scalars['String']>;
-  readonly status: Maybe<Scalars['String']>;
-};
-
-type componentMetaJsonPlatformReactFieldSelector = {
-  readonly path: InputMaybe<FieldSelectorEnum>;
-  readonly status: InputMaybe<FieldSelectorEnum>;
-};
-
-type componentMetaJsonPlatformReactFilterInput = {
-  readonly path: InputMaybe<StringQueryOperatorInput>;
-  readonly status: InputMaybe<StringQueryOperatorInput>;
-};
-
-type componentMetaJsonPlatformReactSortInput = {
-  readonly path: InputMaybe<SortOrderEnum>;
-  readonly status: InputMaybe<SortOrderEnum>;
-};
-
-type componentMetaJsonPlatformSortInput = {
-  readonly android: InputMaybe<componentMetaJsonPlatformAndroidSortInput>;
-  readonly docs: InputMaybe<componentMetaJsonPlatformDocsSortInput>;
-  readonly figma: InputMaybe<componentMetaJsonPlatformFigmaSortInput>;
-  readonly ios: InputMaybe<componentMetaJsonPlatformIosSortInput>;
-  readonly react: InputMaybe<componentMetaJsonPlatformReactSortInput>;
-};
-
-type componentMetaJsonSortInput = {
-  readonly _schema: InputMaybe<SortOrderEnum>;
-  readonly alias: InputMaybe<SortOrderEnum>;
-  readonly children: InputMaybe<NodeSortInput>;
-  readonly description: InputMaybe<SortOrderEnum>;
-  readonly group: InputMaybe<SortOrderEnum>;
-  readonly id: InputMaybe<SortOrderEnum>;
-  readonly internal: InputMaybe<InternalSortInput>;
-  readonly name: InputMaybe<SortOrderEnum>;
-  readonly parent: InputMaybe<NodeSortInput>;
-  readonly platform: InputMaybe<componentMetaJsonPlatformSortInput>;
-  readonly primitive: InputMaybe<FileSortInput>;
-  readonly thumbnail: InputMaybe<FileSortInput>;
-};
-
-type primitiveMetaJson = Node & {
-  readonly _schema: Maybe<Scalars['String']>;
-  readonly children: ReadonlyArray<Node>;
-  readonly description: Maybe<Scalars['String']>;
-  readonly id: Scalars['ID'];
-  readonly internal: Internal;
-  readonly name: Maybe<Scalars['String']>;
-  readonly parent: Maybe<Node>;
-  readonly primitive: Maybe<File>;
-  readonly thumbnail: Maybe<File>;
-};
-
-type primitiveMetaJsonConnection = {
-  readonly distinct: ReadonlyArray<Scalars['String']>;
-  readonly edges: ReadonlyArray<primitiveMetaJsonEdge>;
-  readonly group: ReadonlyArray<primitiveMetaJsonGroupConnection>;
-  readonly max: Maybe<Scalars['Float']>;
-  readonly min: Maybe<Scalars['Float']>;
-  readonly nodes: ReadonlyArray<primitiveMetaJson>;
-  readonly pageInfo: PageInfo;
-  readonly sum: Maybe<Scalars['Float']>;
-  readonly totalCount: Scalars['Int'];
-};
-
-
-type primitiveMetaJsonConnection_distinctArgs = {
-  field: primitiveMetaJsonFieldSelector;
-};
-
-
-type primitiveMetaJsonConnection_groupArgs = {
-  field: primitiveMetaJsonFieldSelector;
-  limit: InputMaybe<Scalars['Int']>;
-  skip: InputMaybe<Scalars['Int']>;
-};
-
-
-type primitiveMetaJsonConnection_maxArgs = {
-  field: primitiveMetaJsonFieldSelector;
-};
-
-
-type primitiveMetaJsonConnection_minArgs = {
-  field: primitiveMetaJsonFieldSelector;
-};
-
-
-type primitiveMetaJsonConnection_sumArgs = {
-  field: primitiveMetaJsonFieldSelector;
-};
-
-type primitiveMetaJsonEdge = {
-  readonly next: Maybe<primitiveMetaJson>;
-  readonly node: primitiveMetaJson;
-  readonly previous: Maybe<primitiveMetaJson>;
-};
-
-type primitiveMetaJsonFieldSelector = {
-  readonly _schema: InputMaybe<FieldSelectorEnum>;
-  readonly children: InputMaybe<NodeFieldSelector>;
-  readonly description: InputMaybe<FieldSelectorEnum>;
-  readonly id: InputMaybe<FieldSelectorEnum>;
-  readonly internal: InputMaybe<InternalFieldSelector>;
-  readonly name: InputMaybe<FieldSelectorEnum>;
-  readonly parent: InputMaybe<NodeFieldSelector>;
-  readonly primitive: InputMaybe<FileFieldSelector>;
-  readonly thumbnail: InputMaybe<FileFieldSelector>;
-};
-
-type primitiveMetaJsonFilterInput = {
-  readonly _schema: InputMaybe<StringQueryOperatorInput>;
-  readonly children: InputMaybe<NodeFilterListInput>;
-  readonly description: InputMaybe<StringQueryOperatorInput>;
-  readonly id: InputMaybe<StringQueryOperatorInput>;
-  readonly internal: InputMaybe<InternalFilterInput>;
-  readonly name: InputMaybe<StringQueryOperatorInput>;
-  readonly parent: InputMaybe<NodeFilterInput>;
-  readonly primitive: InputMaybe<FileFilterInput>;
-  readonly thumbnail: InputMaybe<FileFilterInput>;
-};
-
-type primitiveMetaJsonFilterListInput = {
-  readonly elemMatch: InputMaybe<primitiveMetaJsonFilterInput>;
-};
-
-type primitiveMetaJsonGroupConnection = {
-  readonly distinct: ReadonlyArray<Scalars['String']>;
-  readonly edges: ReadonlyArray<primitiveMetaJsonEdge>;
-  readonly field: Scalars['String'];
-  readonly fieldValue: Maybe<Scalars['String']>;
-  readonly group: ReadonlyArray<primitiveMetaJsonGroupConnection>;
-  readonly max: Maybe<Scalars['Float']>;
-  readonly min: Maybe<Scalars['Float']>;
-  readonly nodes: ReadonlyArray<primitiveMetaJson>;
-  readonly pageInfo: PageInfo;
-  readonly sum: Maybe<Scalars['Float']>;
-  readonly totalCount: Scalars['Int'];
-};
-
-
-type primitiveMetaJsonGroupConnection_distinctArgs = {
-  field: primitiveMetaJsonFieldSelector;
-};
-
-
-type primitiveMetaJsonGroupConnection_groupArgs = {
-  field: primitiveMetaJsonFieldSelector;
-  limit: InputMaybe<Scalars['Int']>;
-  skip: InputMaybe<Scalars['Int']>;
-};
-
-
-type primitiveMetaJsonGroupConnection_maxArgs = {
-  field: primitiveMetaJsonFieldSelector;
-};
-
-
-type primitiveMetaJsonGroupConnection_minArgs = {
-  field: primitiveMetaJsonFieldSelector;
-};
-
-
-type primitiveMetaJsonGroupConnection_sumArgs = {
-  field: primitiveMetaJsonFieldSelector;
-};
-
-type primitiveMetaJsonSortInput = {
-  readonly _schema: InputMaybe<SortOrderEnum>;
-  readonly children: InputMaybe<NodeSortInput>;
-  readonly description: InputMaybe<SortOrderEnum>;
-  readonly id: InputMaybe<SortOrderEnum>;
-  readonly internal: InputMaybe<InternalSortInput>;
-  readonly name: InputMaybe<SortOrderEnum>;
-  readonly parent: InputMaybe<NodeSortInput>;
-  readonly primitive: InputMaybe<FileSortInput>;
-  readonly thumbnail: InputMaybe<FileSortInput>;
-};
-
-type ColorSystemPageQueryVariables = Exact<{ [key: string]: never; }>;
-
-
-type ColorSystemPageQuery = { readonly system: { readonly childImageSharp: { readonly gatsbyImageData: import('gatsby-plugin-image').IGatsbyImageData } | null } | null, readonly scaleToken1: { readonly childImageSharp: { readonly gatsbyImageData: import('gatsby-plugin-image').IGatsbyImageData } | null } | null, readonly scaleToken2: { readonly childImageSharp: { readonly gatsbyImageData: import('gatsby-plugin-image').IGatsbyImageData } | null } | null, readonly semanticToken1: { readonly childImageSharp: { readonly gatsbyImageData: import('gatsby-plugin-image').IGatsbyImageData } | null } | null, readonly semanticToken2: { readonly childImageSharp: { readonly gatsbyImageData: import('gatsby-plugin-image').IGatsbyImageData } | null } | null, readonly staticToken1: { readonly childImageSharp: { readonly gatsbyImageData: import('gatsby-plugin-image').IGatsbyImageData } | null } | null };
-
-type ColorUsagePageQueryVariables = Exact<{ [key: string]: never; }>;
-
-
-type ColorUsagePageQuery = { readonly lightDark1: { readonly childImageSharp: { readonly gatsbyImageData: import('gatsby-plugin-image').IGatsbyImageData } | null } | null, readonly lightDark2: { readonly childImageSharp: { readonly gatsbyImageData: import('gatsby-plugin-image').IGatsbyImageData } | null } | null, readonly primary1: { readonly childImageSharp: { readonly gatsbyImageData: import('gatsby-plugin-image').IGatsbyImageData } | null } | null, readonly primary2: { readonly childImageSharp: { readonly gatsbyImageData: import('gatsby-plugin-image').IGatsbyImageData } | null } | null, readonly primary3: { readonly childImageSharp: { readonly gatsbyImageData: import('gatsby-plugin-image').IGatsbyImageData } | null } | null, readonly gray1: { readonly childImageSharp: { readonly gatsbyImageData: import('gatsby-plugin-image').IGatsbyImageData } | null } | null, readonly gray2: { readonly childImageSharp: { readonly gatsbyImageData: import('gatsby-plugin-image').IGatsbyImageData } | null } | null, readonly grayDont1: { readonly childImageSharp: { readonly gatsbyImageData: import('gatsby-plugin-image').IGatsbyImageData } | null } | null, readonly grayDo1: { readonly childImageSharp: { readonly gatsbyImageData: import('gatsby-plugin-image').IGatsbyImageData } | null } | null, readonly paper1: { readonly childImageSharp: { readonly gatsbyImageData: import('gatsby-plugin-image').IGatsbyImageData } | null } | null, readonly paper2: { readonly childImageSharp: { readonly gatsbyImageData: import('gatsby-plugin-image').IGatsbyImageData } | null } | null, readonly interactive1: { readonly childImageSharp: { readonly gatsbyImageData: import('gatsby-plugin-image').IGatsbyImageData } | null } | null, readonly interactiveDont1: { readonly childImageSharp: { readonly gatsbyImageData: import('gatsby-plugin-image').IGatsbyImageData } | null } | null, readonly interactiveDo1: { readonly childImageSharp: { readonly gatsbyImageData: import('gatsby-plugin-image').IGatsbyImageData } | null } | null, readonly combining1: { readonly childImageSharp: { readonly gatsbyImageData: import('gatsby-plugin-image').IGatsbyImageData } | null } | null, readonly combiningDont1: { readonly childImageSharp: { readonly gatsbyImageData: import('gatsby-plugin-image').IGatsbyImageData } | null } | null, readonly combiningDo1: { readonly childImageSharp: { readonly gatsbyImageData: import('gatsby-plugin-image').IGatsbyImageData } | null } | null };
-
-type ComponentListPageQueryVariables = Exact<{ [key: string]: never; }>;
-
-
-type ComponentListPageQuery = { readonly allComponentMetaJson: { readonly nodes: ReadonlyArray<{ readonly name: string | null, readonly group: string | null, readonly description: string | null, readonly thumbnail: { readonly childImageSharp: { readonly gatsbyImageData: import('gatsby-plugin-image').IGatsbyImageData } | null } | null, readonly platform: { readonly docs: { readonly overview: { readonly status: string | null, readonly mdx: { readonly childMdx: { readonly frontmatter: { readonly slug: string | null } | null } | null } | null } | null } | null } | null }> } };
-
-type ComponentOverviewQueryVariables = Exact<{
-  id: InputMaybe<Scalars['String']>;
-}>;
-
-
-type ComponentOverviewQuery = { readonly componentMetaJson: { readonly name: string | null, readonly description: string | null, readonly platform: { readonly ios: { readonly path: string | null, readonly status: string | null } | null, readonly android: { readonly path: string | null, readonly status: string | null } | null, readonly react: { readonly path: string | null, readonly status: string | null } | null, readonly docs: { readonly overview: { readonly status: string | null, readonly storybook: { readonly path: string | null, readonly height: string | null } | null, readonly mdx: { readonly childMdx: { readonly tableOfContents: any | null } | null } | null } | null } | null } | null, readonly primitive: { readonly childPrimitiveMetaJson: { readonly primitive: { readonly childMdx: { readonly frontmatter: { readonly slug: string | null } | null } | null } | null } | null } | null } | null };
-
-type ComponentProgressBoardPageQueryVariables = Exact<{ [key: string]: never; }>;
-
-
-type ComponentProgressBoardPageQuery = { readonly allComponentMetaJson: { readonly nodes: ReadonlyArray<{ readonly name: string | null, readonly description: string | null, readonly platform: { readonly android: { readonly path: string | null, readonly status: string | null } | null, readonly ios: { readonly alias: string | null, readonly path: string | null, readonly status: string | null } | null, readonly react: { readonly path: string | null, readonly status: string | null } | null, readonly figma: { readonly path: string | null, readonly status: string | null } | null } | null }> } };
-
-type ComponentStyleQueryVariables = Exact<{
-  id: InputMaybe<Scalars['String']>;
-}>;
-
-
-type ComponentStyleQuery = { readonly componentMetaJson: { readonly name: string | null, readonly description: string | null, readonly platform: { readonly docs: { readonly style: { readonly mdx: { readonly childMdx: { readonly tableOfContents: any | null } | null } | null } | null } | null } | null, readonly primitive: { readonly childPrimitiveMetaJson: { readonly primitive: { readonly childMdx: { readonly frontmatter: { readonly slug: string | null } | null } | null } | null } | null } | null } | null };
-
-type ComponentUsageQueryVariables = Exact<{
-  id: InputMaybe<Scalars['String']>;
-}>;
-
-
-type ComponentUsageQuery = { readonly componentMetaJson: { readonly name: string | null, readonly description: string | null, readonly platform: { readonly docs: { readonly usage: { readonly mdx: { readonly childMdx: { readonly tableOfContents: any | null } | null } | null } | null } | null } | null, readonly primitive: { readonly childPrimitiveMetaJson: { readonly primitive: { readonly childMdx: { readonly frontmatter: { readonly slug: string | null } | null } | null } | null } | null } | null } | null };
-
-type PrimitiveDocTemplateQueryVariables = Exact<{
-  id: InputMaybe<Scalars['String']>;
-}>;
-
-
-type PrimitiveDocTemplateQuery = { readonly primitiveMetaJson: { readonly name: string | null, readonly description: string | null, readonly primitive: { readonly childMdx: { readonly tableOfContents: any | null, readonly frontmatter: { readonly slug: string | null } | null } | null } | null } | null };
-
-type PrimitiveListPageQueryVariables = Exact<{ [key: string]: never; }>;
-
-
-type PrimitiveListPageQuery = { readonly allPrimitiveMetaJson: { readonly nodes: ReadonlyArray<{ readonly name: string | null, readonly description: string | null, readonly thumbnail: { readonly childImageSharp: { readonly gatsbyImageData: import('gatsby-plugin-image').IGatsbyImageData } | null } | null, readonly primitive: { readonly childMdx: { readonly frontmatter: { readonly slug: string | null } | null } | null } | null }> } };
-
-type SEOQueryVariables = Exact<{ [key: string]: never; }>;
-
-
-type SEOQuery = { readonly ogImage: { readonly gatsbyImageData: import('gatsby-plugin-image').IGatsbyImageData } | null, readonly blackFavicon: { readonly publicURL: string | null } | null, readonly whiteFavicon: { readonly publicURL: string | null } | null };
-
-type SidebarQueryVariables = Exact<{ [key: string]: never; }>;
-
-
-type SidebarQuery = { readonly allComponentMetaJson: { readonly nodes: ReadonlyArray<{ readonly name: string | null, readonly group: string | null, readonly alias: string | null, readonly platform: { readonly docs: { readonly overview: { readonly status: string | null, readonly mdx: { readonly childMdx: { readonly frontmatter: { readonly slug: string | null } | null } | null } | null } | null } | null } | null }> } };
-
-
+  type Maybe<T> = T | null;
+  type InputMaybe<T> = T | null;
+  type Exact<T extends { [key: string]: unknown }> = { [K in keyof T]: T[K] };
+  type MakeOptional<T, K extends keyof T> = Omit<T, K> & {
+    [SubKey in K]?: Maybe<T[SubKey]>;
+  };
+  type MakeMaybe<T, K extends keyof T> = Omit<T, K> & {
+    [SubKey in K]: Maybe<T[SubKey]>;
+  };
+  /** All built-in and custom scalars, mapped to their actual values */
+  type Scalars = {
+    /** The `ID` scalar type represents a unique identifier, often used to refetch an object or as key for a cache. The ID type appears in a JSON response as a String; however, it is not intended to be human-readable. When expected as an input type, any string (such as `"4"`) or integer (such as `4`) input value will be accepted as an ID. */
+    ID: string;
+    /** The `String` scalar type represents textual data, represented as UTF-8 character sequences. The String type is most often used by GraphQL to represent free-form human-readable text. */
+    String: string;
+    /** The `Boolean` scalar type represents `true` or `false`. */
+    Boolean: boolean;
+    /** The `Int` scalar type represents non-fractional signed whole numeric values. Int can represent values between -(2^31) and 2^31 - 1. */
+    Int: number;
+    /** The `Float` scalar type represents signed double-precision fractional values as specified by [IEEE 754](https://en.wikipedia.org/wiki/IEEE_floating_point). */
+    Float: number;
+    /** A date string, such as 2007-12-03, compliant with the ISO 8601 standard for representation of dates and times using the Gregorian calendar. */
+    Date: string;
+    GatsbyImageData: import("gatsby-plugin-image").IGatsbyImageData;
+    /** The `JSON` scalar type represents JSON values as specified by [ECMA-404](http://www.ecma-international.org/publications/files/ECMA-ST/ECMA-404.pdf). */
+    JSON: any;
+  };
+
+  type AVIFOptions = {
+    readonly lossless: InputMaybe<Scalars["Boolean"]>;
+    readonly quality: InputMaybe<Scalars["Int"]>;
+    readonly speed: InputMaybe<Scalars["Int"]>;
+  };
+
+  type BlurredOptions = {
+    /** Force the output format for the low-res preview. Default is to use the same format as the input. You should rarely need to change this */
+    readonly toFormat: InputMaybe<ImageFormat>;
+    /** Width of the generated low-res preview. Default is 20px */
+    readonly width: InputMaybe<Scalars["Int"]>;
+  };
+
+  type BooleanQueryOperatorInput = {
+    readonly eq: InputMaybe<Scalars["Boolean"]>;
+    readonly in: InputMaybe<ReadonlyArray<InputMaybe<Scalars["Boolean"]>>>;
+    readonly ne: InputMaybe<Scalars["Boolean"]>;
+    readonly nin: InputMaybe<ReadonlyArray<InputMaybe<Scalars["Boolean"]>>>;
+  };
+
+  type DateQueryOperatorInput = {
+    readonly eq: InputMaybe<Scalars["Date"]>;
+    readonly gt: InputMaybe<Scalars["Date"]>;
+    readonly gte: InputMaybe<Scalars["Date"]>;
+    readonly in: InputMaybe<ReadonlyArray<InputMaybe<Scalars["Date"]>>>;
+    readonly lt: InputMaybe<Scalars["Date"]>;
+    readonly lte: InputMaybe<Scalars["Date"]>;
+    readonly ne: InputMaybe<Scalars["Date"]>;
+    readonly nin: InputMaybe<ReadonlyArray<InputMaybe<Scalars["Date"]>>>;
+  };
+
+  type Directory = Node & {
+    readonly absolutePath: Scalars["String"];
+    readonly accessTime: Scalars["Date"];
+    readonly atime: Scalars["Date"];
+    readonly atimeMs: Scalars["Float"];
+    readonly base: Scalars["String"];
+    readonly birthTime: Scalars["Date"];
+    /** @deprecated Use `birthTime` instead */
+    readonly birthtime: Maybe<Scalars["Date"]>;
+    /** @deprecated Use `birthTime` instead */
+    readonly birthtimeMs: Maybe<Scalars["Float"]>;
+    readonly changeTime: Scalars["Date"];
+    readonly children: ReadonlyArray<Node>;
+    readonly ctime: Scalars["Date"];
+    readonly ctimeMs: Scalars["Float"];
+    readonly dev: Scalars["Int"];
+    readonly dir: Scalars["String"];
+    readonly ext: Scalars["String"];
+    readonly extension: Scalars["String"];
+    readonly gid: Scalars["Int"];
+    readonly id: Scalars["ID"];
+    readonly ino: Scalars["Float"];
+    readonly internal: Internal;
+    readonly mode: Scalars["Int"];
+    readonly modifiedTime: Scalars["Date"];
+    readonly mtime: Scalars["Date"];
+    readonly mtimeMs: Scalars["Float"];
+    readonly name: Scalars["String"];
+    readonly nlink: Scalars["Int"];
+    readonly parent: Maybe<Node>;
+    readonly prettySize: Scalars["String"];
+    readonly rdev: Scalars["Int"];
+    readonly relativeDirectory: Scalars["String"];
+    readonly relativePath: Scalars["String"];
+    readonly root: Scalars["String"];
+    readonly size: Scalars["Int"];
+    readonly sourceInstanceName: Scalars["String"];
+    readonly uid: Scalars["Int"];
+  };
+
+  type Directory_accessTimeArgs = {
+    difference: InputMaybe<Scalars["String"]>;
+    formatString: InputMaybe<Scalars["String"]>;
+    fromNow: InputMaybe<Scalars["Boolean"]>;
+    locale: InputMaybe<Scalars["String"]>;
+  };
+
+  type Directory_atimeArgs = {
+    difference: InputMaybe<Scalars["String"]>;
+    formatString: InputMaybe<Scalars["String"]>;
+    fromNow: InputMaybe<Scalars["Boolean"]>;
+    locale: InputMaybe<Scalars["String"]>;
+  };
+
+  type Directory_birthTimeArgs = {
+    difference: InputMaybe<Scalars["String"]>;
+    formatString: InputMaybe<Scalars["String"]>;
+    fromNow: InputMaybe<Scalars["Boolean"]>;
+    locale: InputMaybe<Scalars["String"]>;
+  };
+
+  type Directory_changeTimeArgs = {
+    difference: InputMaybe<Scalars["String"]>;
+    formatString: InputMaybe<Scalars["String"]>;
+    fromNow: InputMaybe<Scalars["Boolean"]>;
+    locale: InputMaybe<Scalars["String"]>;
+  };
+
+  type Directory_ctimeArgs = {
+    difference: InputMaybe<Scalars["String"]>;
+    formatString: InputMaybe<Scalars["String"]>;
+    fromNow: InputMaybe<Scalars["Boolean"]>;
+    locale: InputMaybe<Scalars["String"]>;
+  };
+
+  type Directory_modifiedTimeArgs = {
+    difference: InputMaybe<Scalars["String"]>;
+    formatString: InputMaybe<Scalars["String"]>;
+    fromNow: InputMaybe<Scalars["Boolean"]>;
+    locale: InputMaybe<Scalars["String"]>;
+  };
+
+  type Directory_mtimeArgs = {
+    difference: InputMaybe<Scalars["String"]>;
+    formatString: InputMaybe<Scalars["String"]>;
+    fromNow: InputMaybe<Scalars["Boolean"]>;
+    locale: InputMaybe<Scalars["String"]>;
+  };
+
+  type DirectoryConnection = {
+    readonly distinct: ReadonlyArray<Scalars["String"]>;
+    readonly edges: ReadonlyArray<DirectoryEdge>;
+    readonly group: ReadonlyArray<DirectoryGroupConnection>;
+    readonly max: Maybe<Scalars["Float"]>;
+    readonly min: Maybe<Scalars["Float"]>;
+    readonly nodes: ReadonlyArray<Directory>;
+    readonly pageInfo: PageInfo;
+    readonly sum: Maybe<Scalars["Float"]>;
+    readonly totalCount: Scalars["Int"];
+  };
+
+  type DirectoryConnection_distinctArgs = {
+    field: DirectoryFieldSelector;
+  };
+
+  type DirectoryConnection_groupArgs = {
+    field: DirectoryFieldSelector;
+    limit: InputMaybe<Scalars["Int"]>;
+    skip: InputMaybe<Scalars["Int"]>;
+  };
+
+  type DirectoryConnection_maxArgs = {
+    field: DirectoryFieldSelector;
+  };
+
+  type DirectoryConnection_minArgs = {
+    field: DirectoryFieldSelector;
+  };
+
+  type DirectoryConnection_sumArgs = {
+    field: DirectoryFieldSelector;
+  };
+
+  type DirectoryEdge = {
+    readonly next: Maybe<Directory>;
+    readonly node: Directory;
+    readonly previous: Maybe<Directory>;
+  };
+
+  type DirectoryFieldSelector = {
+    readonly absolutePath: InputMaybe<FieldSelectorEnum>;
+    readonly accessTime: InputMaybe<FieldSelectorEnum>;
+    readonly atime: InputMaybe<FieldSelectorEnum>;
+    readonly atimeMs: InputMaybe<FieldSelectorEnum>;
+    readonly base: InputMaybe<FieldSelectorEnum>;
+    readonly birthTime: InputMaybe<FieldSelectorEnum>;
+    readonly birthtime: InputMaybe<FieldSelectorEnum>;
+    readonly birthtimeMs: InputMaybe<FieldSelectorEnum>;
+    readonly changeTime: InputMaybe<FieldSelectorEnum>;
+    readonly children: InputMaybe<NodeFieldSelector>;
+    readonly ctime: InputMaybe<FieldSelectorEnum>;
+    readonly ctimeMs: InputMaybe<FieldSelectorEnum>;
+    readonly dev: InputMaybe<FieldSelectorEnum>;
+    readonly dir: InputMaybe<FieldSelectorEnum>;
+    readonly ext: InputMaybe<FieldSelectorEnum>;
+    readonly extension: InputMaybe<FieldSelectorEnum>;
+    readonly gid: InputMaybe<FieldSelectorEnum>;
+    readonly id: InputMaybe<FieldSelectorEnum>;
+    readonly ino: InputMaybe<FieldSelectorEnum>;
+    readonly internal: InputMaybe<InternalFieldSelector>;
+    readonly mode: InputMaybe<FieldSelectorEnum>;
+    readonly modifiedTime: InputMaybe<FieldSelectorEnum>;
+    readonly mtime: InputMaybe<FieldSelectorEnum>;
+    readonly mtimeMs: InputMaybe<FieldSelectorEnum>;
+    readonly name: InputMaybe<FieldSelectorEnum>;
+    readonly nlink: InputMaybe<FieldSelectorEnum>;
+    readonly parent: InputMaybe<NodeFieldSelector>;
+    readonly prettySize: InputMaybe<FieldSelectorEnum>;
+    readonly rdev: InputMaybe<FieldSelectorEnum>;
+    readonly relativeDirectory: InputMaybe<FieldSelectorEnum>;
+    readonly relativePath: InputMaybe<FieldSelectorEnum>;
+    readonly root: InputMaybe<FieldSelectorEnum>;
+    readonly size: InputMaybe<FieldSelectorEnum>;
+    readonly sourceInstanceName: InputMaybe<FieldSelectorEnum>;
+    readonly uid: InputMaybe<FieldSelectorEnum>;
+  };
+
+  type DirectoryFilterInput = {
+    readonly absolutePath: InputMaybe<StringQueryOperatorInput>;
+    readonly accessTime: InputMaybe<DateQueryOperatorInput>;
+    readonly atime: InputMaybe<DateQueryOperatorInput>;
+    readonly atimeMs: InputMaybe<FloatQueryOperatorInput>;
+    readonly base: InputMaybe<StringQueryOperatorInput>;
+    readonly birthTime: InputMaybe<DateQueryOperatorInput>;
+    readonly birthtime: InputMaybe<DateQueryOperatorInput>;
+    readonly birthtimeMs: InputMaybe<FloatQueryOperatorInput>;
+    readonly changeTime: InputMaybe<DateQueryOperatorInput>;
+    readonly children: InputMaybe<NodeFilterListInput>;
+    readonly ctime: InputMaybe<DateQueryOperatorInput>;
+    readonly ctimeMs: InputMaybe<FloatQueryOperatorInput>;
+    readonly dev: InputMaybe<IntQueryOperatorInput>;
+    readonly dir: InputMaybe<StringQueryOperatorInput>;
+    readonly ext: InputMaybe<StringQueryOperatorInput>;
+    readonly extension: InputMaybe<StringQueryOperatorInput>;
+    readonly gid: InputMaybe<IntQueryOperatorInput>;
+    readonly id: InputMaybe<StringQueryOperatorInput>;
+    readonly ino: InputMaybe<FloatQueryOperatorInput>;
+    readonly internal: InputMaybe<InternalFilterInput>;
+    readonly mode: InputMaybe<IntQueryOperatorInput>;
+    readonly modifiedTime: InputMaybe<DateQueryOperatorInput>;
+    readonly mtime: InputMaybe<DateQueryOperatorInput>;
+    readonly mtimeMs: InputMaybe<FloatQueryOperatorInput>;
+    readonly name: InputMaybe<StringQueryOperatorInput>;
+    readonly nlink: InputMaybe<IntQueryOperatorInput>;
+    readonly parent: InputMaybe<NodeFilterInput>;
+    readonly prettySize: InputMaybe<StringQueryOperatorInput>;
+    readonly rdev: InputMaybe<IntQueryOperatorInput>;
+    readonly relativeDirectory: InputMaybe<StringQueryOperatorInput>;
+    readonly relativePath: InputMaybe<StringQueryOperatorInput>;
+    readonly root: InputMaybe<StringQueryOperatorInput>;
+    readonly size: InputMaybe<IntQueryOperatorInput>;
+    readonly sourceInstanceName: InputMaybe<StringQueryOperatorInput>;
+    readonly uid: InputMaybe<IntQueryOperatorInput>;
+  };
+
+  type DirectoryGroupConnection = {
+    readonly distinct: ReadonlyArray<Scalars["String"]>;
+    readonly edges: ReadonlyArray<DirectoryEdge>;
+    readonly field: Scalars["String"];
+    readonly fieldValue: Maybe<Scalars["String"]>;
+    readonly group: ReadonlyArray<DirectoryGroupConnection>;
+    readonly max: Maybe<Scalars["Float"]>;
+    readonly min: Maybe<Scalars["Float"]>;
+    readonly nodes: ReadonlyArray<Directory>;
+    readonly pageInfo: PageInfo;
+    readonly sum: Maybe<Scalars["Float"]>;
+    readonly totalCount: Scalars["Int"];
+  };
+
+  type DirectoryGroupConnection_distinctArgs = {
+    field: DirectoryFieldSelector;
+  };
+
+  type DirectoryGroupConnection_groupArgs = {
+    field: DirectoryFieldSelector;
+    limit: InputMaybe<Scalars["Int"]>;
+    skip: InputMaybe<Scalars["Int"]>;
+  };
+
+  type DirectoryGroupConnection_maxArgs = {
+    field: DirectoryFieldSelector;
+  };
+
+  type DirectoryGroupConnection_minArgs = {
+    field: DirectoryFieldSelector;
+  };
+
+  type DirectoryGroupConnection_sumArgs = {
+    field: DirectoryFieldSelector;
+  };
+
+  type DirectorySortInput = {
+    readonly absolutePath: InputMaybe<SortOrderEnum>;
+    readonly accessTime: InputMaybe<SortOrderEnum>;
+    readonly atime: InputMaybe<SortOrderEnum>;
+    readonly atimeMs: InputMaybe<SortOrderEnum>;
+    readonly base: InputMaybe<SortOrderEnum>;
+    readonly birthTime: InputMaybe<SortOrderEnum>;
+    readonly birthtime: InputMaybe<SortOrderEnum>;
+    readonly birthtimeMs: InputMaybe<SortOrderEnum>;
+    readonly changeTime: InputMaybe<SortOrderEnum>;
+    readonly children: InputMaybe<NodeSortInput>;
+    readonly ctime: InputMaybe<SortOrderEnum>;
+    readonly ctimeMs: InputMaybe<SortOrderEnum>;
+    readonly dev: InputMaybe<SortOrderEnum>;
+    readonly dir: InputMaybe<SortOrderEnum>;
+    readonly ext: InputMaybe<SortOrderEnum>;
+    readonly extension: InputMaybe<SortOrderEnum>;
+    readonly gid: InputMaybe<SortOrderEnum>;
+    readonly id: InputMaybe<SortOrderEnum>;
+    readonly ino: InputMaybe<SortOrderEnum>;
+    readonly internal: InputMaybe<InternalSortInput>;
+    readonly mode: InputMaybe<SortOrderEnum>;
+    readonly modifiedTime: InputMaybe<SortOrderEnum>;
+    readonly mtime: InputMaybe<SortOrderEnum>;
+    readonly mtimeMs: InputMaybe<SortOrderEnum>;
+    readonly name: InputMaybe<SortOrderEnum>;
+    readonly nlink: InputMaybe<SortOrderEnum>;
+    readonly parent: InputMaybe<NodeSortInput>;
+    readonly prettySize: InputMaybe<SortOrderEnum>;
+    readonly rdev: InputMaybe<SortOrderEnum>;
+    readonly relativeDirectory: InputMaybe<SortOrderEnum>;
+    readonly relativePath: InputMaybe<SortOrderEnum>;
+    readonly root: InputMaybe<SortOrderEnum>;
+    readonly size: InputMaybe<SortOrderEnum>;
+    readonly sourceInstanceName: InputMaybe<SortOrderEnum>;
+    readonly uid: InputMaybe<SortOrderEnum>;
+  };
+
+  type DuotoneGradient = {
+    readonly highlight: Scalars["String"];
+    readonly opacity: InputMaybe<Scalars["Int"]>;
+    readonly shadow: Scalars["String"];
+  };
+
+  type FieldSelectorEnum = "SELECT";
+
+  type File = Node & {
+    readonly absolutePath: Scalars["String"];
+    readonly accessTime: Scalars["Date"];
+    readonly atime: Scalars["Date"];
+    readonly atimeMs: Scalars["Float"];
+    readonly base: Scalars["String"];
+    readonly birthTime: Scalars["Date"];
+    /** @deprecated Use `birthTime` instead */
+    readonly birthtime: Maybe<Scalars["Date"]>;
+    /** @deprecated Use `birthTime` instead */
+    readonly birthtimeMs: Maybe<Scalars["Float"]>;
+    readonly blksize: Maybe<Scalars["Int"]>;
+    readonly blocks: Maybe<Scalars["Int"]>;
+    readonly changeTime: Scalars["Date"];
+    /** Returns the first child node of type componentMetaJson or null if there are no children of given type on this node */
+    readonly childComponentMetaJson: Maybe<componentMetaJson>;
+    /** Returns the first child node of type ImageSharp or null if there are no children of given type on this node */
+    readonly childImageSharp: Maybe<ImageSharp>;
+    /** Returns the first child node of type Mdx or null if there are no children of given type on this node */
+    readonly childMdx: Maybe<Mdx>;
+    /** Returns the first child node of type primitiveMetaJson or null if there are no children of given type on this node */
+    readonly childPrimitiveMetaJson: Maybe<primitiveMetaJson>;
+    readonly children: ReadonlyArray<Node>;
+    /** Returns all children nodes filtered by type componentMetaJson */
+    readonly childrenComponentMetaJson: Maybe<
+      ReadonlyArray<Maybe<componentMetaJson>>
+    >;
+    /** Returns all children nodes filtered by type ImageSharp */
+    readonly childrenImageSharp: Maybe<ReadonlyArray<Maybe<ImageSharp>>>;
+    /** Returns all children nodes filtered by type Mdx */
+    readonly childrenMdx: Maybe<ReadonlyArray<Maybe<Mdx>>>;
+    /** Returns all children nodes filtered by type primitiveMetaJson */
+    readonly childrenPrimitiveMetaJson: Maybe<
+      ReadonlyArray<Maybe<primitiveMetaJson>>
+    >;
+    readonly ctime: Scalars["Date"];
+    readonly ctimeMs: Scalars["Float"];
+    readonly dev: Scalars["Int"];
+    readonly dir: Scalars["String"];
+    readonly ext: Scalars["String"];
+    readonly extension: Scalars["String"];
+    readonly gid: Scalars["Int"];
+    readonly id: Scalars["ID"];
+    readonly ino: Scalars["Float"];
+    readonly internal: Internal;
+    readonly mode: Scalars["Int"];
+    readonly modifiedTime: Scalars["Date"];
+    readonly mtime: Scalars["Date"];
+    readonly mtimeMs: Scalars["Float"];
+    readonly name: Scalars["String"];
+    readonly nlink: Scalars["Int"];
+    readonly parent: Maybe<Node>;
+    readonly prettySize: Scalars["String"];
+    /** Copy file to static directory and return public url to it */
+    readonly publicURL: Maybe<Scalars["String"]>;
+    readonly rdev: Scalars["Int"];
+    readonly relativeDirectory: Scalars["String"];
+    readonly relativePath: Scalars["String"];
+    readonly root: Scalars["String"];
+    readonly size: Scalars["Int"];
+    readonly sourceInstanceName: Scalars["String"];
+    readonly uid: Scalars["Int"];
+  };
+
+  type File_accessTimeArgs = {
+    difference: InputMaybe<Scalars["String"]>;
+    formatString: InputMaybe<Scalars["String"]>;
+    fromNow: InputMaybe<Scalars["Boolean"]>;
+    locale: InputMaybe<Scalars["String"]>;
+  };
+
+  type File_atimeArgs = {
+    difference: InputMaybe<Scalars["String"]>;
+    formatString: InputMaybe<Scalars["String"]>;
+    fromNow: InputMaybe<Scalars["Boolean"]>;
+    locale: InputMaybe<Scalars["String"]>;
+  };
+
+  type File_birthTimeArgs = {
+    difference: InputMaybe<Scalars["String"]>;
+    formatString: InputMaybe<Scalars["String"]>;
+    fromNow: InputMaybe<Scalars["Boolean"]>;
+    locale: InputMaybe<Scalars["String"]>;
+  };
+
+  type File_changeTimeArgs = {
+    difference: InputMaybe<Scalars["String"]>;
+    formatString: InputMaybe<Scalars["String"]>;
+    fromNow: InputMaybe<Scalars["Boolean"]>;
+    locale: InputMaybe<Scalars["String"]>;
+  };
+
+  type File_ctimeArgs = {
+    difference: InputMaybe<Scalars["String"]>;
+    formatString: InputMaybe<Scalars["String"]>;
+    fromNow: InputMaybe<Scalars["Boolean"]>;
+    locale: InputMaybe<Scalars["String"]>;
+  };
+
+  type File_modifiedTimeArgs = {
+    difference: InputMaybe<Scalars["String"]>;
+    formatString: InputMaybe<Scalars["String"]>;
+    fromNow: InputMaybe<Scalars["Boolean"]>;
+    locale: InputMaybe<Scalars["String"]>;
+  };
+
+  type File_mtimeArgs = {
+    difference: InputMaybe<Scalars["String"]>;
+    formatString: InputMaybe<Scalars["String"]>;
+    fromNow: InputMaybe<Scalars["Boolean"]>;
+    locale: InputMaybe<Scalars["String"]>;
+  };
+
+  type FileConnection = {
+    readonly distinct: ReadonlyArray<Scalars["String"]>;
+    readonly edges: ReadonlyArray<FileEdge>;
+    readonly group: ReadonlyArray<FileGroupConnection>;
+    readonly max: Maybe<Scalars["Float"]>;
+    readonly min: Maybe<Scalars["Float"]>;
+    readonly nodes: ReadonlyArray<File>;
+    readonly pageInfo: PageInfo;
+    readonly sum: Maybe<Scalars["Float"]>;
+    readonly totalCount: Scalars["Int"];
+  };
+
+  type FileConnection_distinctArgs = {
+    field: FileFieldSelector;
+  };
+
+  type FileConnection_groupArgs = {
+    field: FileFieldSelector;
+    limit: InputMaybe<Scalars["Int"]>;
+    skip: InputMaybe<Scalars["Int"]>;
+  };
+
+  type FileConnection_maxArgs = {
+    field: FileFieldSelector;
+  };
+
+  type FileConnection_minArgs = {
+    field: FileFieldSelector;
+  };
+
+  type FileConnection_sumArgs = {
+    field: FileFieldSelector;
+  };
+
+  type FileEdge = {
+    readonly next: Maybe<File>;
+    readonly node: File;
+    readonly previous: Maybe<File>;
+  };
+
+  type FileFieldSelector = {
+    readonly absolutePath: InputMaybe<FieldSelectorEnum>;
+    readonly accessTime: InputMaybe<FieldSelectorEnum>;
+    readonly atime: InputMaybe<FieldSelectorEnum>;
+    readonly atimeMs: InputMaybe<FieldSelectorEnum>;
+    readonly base: InputMaybe<FieldSelectorEnum>;
+    readonly birthTime: InputMaybe<FieldSelectorEnum>;
+    readonly birthtime: InputMaybe<FieldSelectorEnum>;
+    readonly birthtimeMs: InputMaybe<FieldSelectorEnum>;
+    readonly blksize: InputMaybe<FieldSelectorEnum>;
+    readonly blocks: InputMaybe<FieldSelectorEnum>;
+    readonly changeTime: InputMaybe<FieldSelectorEnum>;
+    readonly childComponentMetaJson: InputMaybe<componentMetaJsonFieldSelector>;
+    readonly childImageSharp: InputMaybe<ImageSharpFieldSelector>;
+    readonly childMdx: InputMaybe<MdxFieldSelector>;
+    readonly childPrimitiveMetaJson: InputMaybe<primitiveMetaJsonFieldSelector>;
+    readonly children: InputMaybe<NodeFieldSelector>;
+    readonly childrenComponentMetaJson: InputMaybe<componentMetaJsonFieldSelector>;
+    readonly childrenImageSharp: InputMaybe<ImageSharpFieldSelector>;
+    readonly childrenMdx: InputMaybe<MdxFieldSelector>;
+    readonly childrenPrimitiveMetaJson: InputMaybe<primitiveMetaJsonFieldSelector>;
+    readonly ctime: InputMaybe<FieldSelectorEnum>;
+    readonly ctimeMs: InputMaybe<FieldSelectorEnum>;
+    readonly dev: InputMaybe<FieldSelectorEnum>;
+    readonly dir: InputMaybe<FieldSelectorEnum>;
+    readonly ext: InputMaybe<FieldSelectorEnum>;
+    readonly extension: InputMaybe<FieldSelectorEnum>;
+    readonly gid: InputMaybe<FieldSelectorEnum>;
+    readonly id: InputMaybe<FieldSelectorEnum>;
+    readonly ino: InputMaybe<FieldSelectorEnum>;
+    readonly internal: InputMaybe<InternalFieldSelector>;
+    readonly mode: InputMaybe<FieldSelectorEnum>;
+    readonly modifiedTime: InputMaybe<FieldSelectorEnum>;
+    readonly mtime: InputMaybe<FieldSelectorEnum>;
+    readonly mtimeMs: InputMaybe<FieldSelectorEnum>;
+    readonly name: InputMaybe<FieldSelectorEnum>;
+    readonly nlink: InputMaybe<FieldSelectorEnum>;
+    readonly parent: InputMaybe<NodeFieldSelector>;
+    readonly prettySize: InputMaybe<FieldSelectorEnum>;
+    readonly publicURL: InputMaybe<FieldSelectorEnum>;
+    readonly rdev: InputMaybe<FieldSelectorEnum>;
+    readonly relativeDirectory: InputMaybe<FieldSelectorEnum>;
+    readonly relativePath: InputMaybe<FieldSelectorEnum>;
+    readonly root: InputMaybe<FieldSelectorEnum>;
+    readonly size: InputMaybe<FieldSelectorEnum>;
+    readonly sourceInstanceName: InputMaybe<FieldSelectorEnum>;
+    readonly uid: InputMaybe<FieldSelectorEnum>;
+  };
+
+  type FileFilterInput = {
+    readonly absolutePath: InputMaybe<StringQueryOperatorInput>;
+    readonly accessTime: InputMaybe<DateQueryOperatorInput>;
+    readonly atime: InputMaybe<DateQueryOperatorInput>;
+    readonly atimeMs: InputMaybe<FloatQueryOperatorInput>;
+    readonly base: InputMaybe<StringQueryOperatorInput>;
+    readonly birthTime: InputMaybe<DateQueryOperatorInput>;
+    readonly birthtime: InputMaybe<DateQueryOperatorInput>;
+    readonly birthtimeMs: InputMaybe<FloatQueryOperatorInput>;
+    readonly blksize: InputMaybe<IntQueryOperatorInput>;
+    readonly blocks: InputMaybe<IntQueryOperatorInput>;
+    readonly changeTime: InputMaybe<DateQueryOperatorInput>;
+    readonly childComponentMetaJson: InputMaybe<componentMetaJsonFilterInput>;
+    readonly childImageSharp: InputMaybe<ImageSharpFilterInput>;
+    readonly childMdx: InputMaybe<MdxFilterInput>;
+    readonly childPrimitiveMetaJson: InputMaybe<primitiveMetaJsonFilterInput>;
+    readonly children: InputMaybe<NodeFilterListInput>;
+    readonly childrenComponentMetaJson: InputMaybe<componentMetaJsonFilterListInput>;
+    readonly childrenImageSharp: InputMaybe<ImageSharpFilterListInput>;
+    readonly childrenMdx: InputMaybe<MdxFilterListInput>;
+    readonly childrenPrimitiveMetaJson: InputMaybe<primitiveMetaJsonFilterListInput>;
+    readonly ctime: InputMaybe<DateQueryOperatorInput>;
+    readonly ctimeMs: InputMaybe<FloatQueryOperatorInput>;
+    readonly dev: InputMaybe<IntQueryOperatorInput>;
+    readonly dir: InputMaybe<StringQueryOperatorInput>;
+    readonly ext: InputMaybe<StringQueryOperatorInput>;
+    readonly extension: InputMaybe<StringQueryOperatorInput>;
+    readonly gid: InputMaybe<IntQueryOperatorInput>;
+    readonly id: InputMaybe<StringQueryOperatorInput>;
+    readonly ino: InputMaybe<FloatQueryOperatorInput>;
+    readonly internal: InputMaybe<InternalFilterInput>;
+    readonly mode: InputMaybe<IntQueryOperatorInput>;
+    readonly modifiedTime: InputMaybe<DateQueryOperatorInput>;
+    readonly mtime: InputMaybe<DateQueryOperatorInput>;
+    readonly mtimeMs: InputMaybe<FloatQueryOperatorInput>;
+    readonly name: InputMaybe<StringQueryOperatorInput>;
+    readonly nlink: InputMaybe<IntQueryOperatorInput>;
+    readonly parent: InputMaybe<NodeFilterInput>;
+    readonly prettySize: InputMaybe<StringQueryOperatorInput>;
+    readonly publicURL: InputMaybe<StringQueryOperatorInput>;
+    readonly rdev: InputMaybe<IntQueryOperatorInput>;
+    readonly relativeDirectory: InputMaybe<StringQueryOperatorInput>;
+    readonly relativePath: InputMaybe<StringQueryOperatorInput>;
+    readonly root: InputMaybe<StringQueryOperatorInput>;
+    readonly size: InputMaybe<IntQueryOperatorInput>;
+    readonly sourceInstanceName: InputMaybe<StringQueryOperatorInput>;
+    readonly uid: InputMaybe<IntQueryOperatorInput>;
+  };
+
+  type FileGroupConnection = {
+    readonly distinct: ReadonlyArray<Scalars["String"]>;
+    readonly edges: ReadonlyArray<FileEdge>;
+    readonly field: Scalars["String"];
+    readonly fieldValue: Maybe<Scalars["String"]>;
+    readonly group: ReadonlyArray<FileGroupConnection>;
+    readonly max: Maybe<Scalars["Float"]>;
+    readonly min: Maybe<Scalars["Float"]>;
+    readonly nodes: ReadonlyArray<File>;
+    readonly pageInfo: PageInfo;
+    readonly sum: Maybe<Scalars["Float"]>;
+    readonly totalCount: Scalars["Int"];
+  };
+
+  type FileGroupConnection_distinctArgs = {
+    field: FileFieldSelector;
+  };
+
+  type FileGroupConnection_groupArgs = {
+    field: FileFieldSelector;
+    limit: InputMaybe<Scalars["Int"]>;
+    skip: InputMaybe<Scalars["Int"]>;
+  };
+
+  type FileGroupConnection_maxArgs = {
+    field: FileFieldSelector;
+  };
+
+  type FileGroupConnection_minArgs = {
+    field: FileFieldSelector;
+  };
+
+  type FileGroupConnection_sumArgs = {
+    field: FileFieldSelector;
+  };
+
+  type FileSortInput = {
+    readonly absolutePath: InputMaybe<SortOrderEnum>;
+    readonly accessTime: InputMaybe<SortOrderEnum>;
+    readonly atime: InputMaybe<SortOrderEnum>;
+    readonly atimeMs: InputMaybe<SortOrderEnum>;
+    readonly base: InputMaybe<SortOrderEnum>;
+    readonly birthTime: InputMaybe<SortOrderEnum>;
+    readonly birthtime: InputMaybe<SortOrderEnum>;
+    readonly birthtimeMs: InputMaybe<SortOrderEnum>;
+    readonly blksize: InputMaybe<SortOrderEnum>;
+    readonly blocks: InputMaybe<SortOrderEnum>;
+    readonly changeTime: InputMaybe<SortOrderEnum>;
+    readonly childComponentMetaJson: InputMaybe<componentMetaJsonSortInput>;
+    readonly childImageSharp: InputMaybe<ImageSharpSortInput>;
+    readonly childMdx: InputMaybe<MdxSortInput>;
+    readonly childPrimitiveMetaJson: InputMaybe<primitiveMetaJsonSortInput>;
+    readonly children: InputMaybe<NodeSortInput>;
+    readonly childrenComponentMetaJson: InputMaybe<componentMetaJsonSortInput>;
+    readonly childrenImageSharp: InputMaybe<ImageSharpSortInput>;
+    readonly childrenMdx: InputMaybe<MdxSortInput>;
+    readonly childrenPrimitiveMetaJson: InputMaybe<primitiveMetaJsonSortInput>;
+    readonly ctime: InputMaybe<SortOrderEnum>;
+    readonly ctimeMs: InputMaybe<SortOrderEnum>;
+    readonly dev: InputMaybe<SortOrderEnum>;
+    readonly dir: InputMaybe<SortOrderEnum>;
+    readonly ext: InputMaybe<SortOrderEnum>;
+    readonly extension: InputMaybe<SortOrderEnum>;
+    readonly gid: InputMaybe<SortOrderEnum>;
+    readonly id: InputMaybe<SortOrderEnum>;
+    readonly ino: InputMaybe<SortOrderEnum>;
+    readonly internal: InputMaybe<InternalSortInput>;
+    readonly mode: InputMaybe<SortOrderEnum>;
+    readonly modifiedTime: InputMaybe<SortOrderEnum>;
+    readonly mtime: InputMaybe<SortOrderEnum>;
+    readonly mtimeMs: InputMaybe<SortOrderEnum>;
+    readonly name: InputMaybe<SortOrderEnum>;
+    readonly nlink: InputMaybe<SortOrderEnum>;
+    readonly parent: InputMaybe<NodeSortInput>;
+    readonly prettySize: InputMaybe<SortOrderEnum>;
+    readonly publicURL: InputMaybe<SortOrderEnum>;
+    readonly rdev: InputMaybe<SortOrderEnum>;
+    readonly relativeDirectory: InputMaybe<SortOrderEnum>;
+    readonly relativePath: InputMaybe<SortOrderEnum>;
+    readonly root: InputMaybe<SortOrderEnum>;
+    readonly size: InputMaybe<SortOrderEnum>;
+    readonly sourceInstanceName: InputMaybe<SortOrderEnum>;
+    readonly uid: InputMaybe<SortOrderEnum>;
+  };
+
+  type FloatQueryOperatorInput = {
+    readonly eq: InputMaybe<Scalars["Float"]>;
+    readonly gt: InputMaybe<Scalars["Float"]>;
+    readonly gte: InputMaybe<Scalars["Float"]>;
+    readonly in: InputMaybe<ReadonlyArray<InputMaybe<Scalars["Float"]>>>;
+    readonly lt: InputMaybe<Scalars["Float"]>;
+    readonly lte: InputMaybe<Scalars["Float"]>;
+    readonly ne: InputMaybe<Scalars["Float"]>;
+    readonly nin: InputMaybe<ReadonlyArray<InputMaybe<Scalars["Float"]>>>;
+  };
+
+  type GatsbyImageDataQueryOperatorInput = {
+    readonly eq: InputMaybe<Scalars["GatsbyImageData"]>;
+    readonly in: InputMaybe<
+      ReadonlyArray<InputMaybe<Scalars["GatsbyImageData"]>>
+    >;
+    readonly ne: InputMaybe<Scalars["GatsbyImageData"]>;
+    readonly nin: InputMaybe<
+      ReadonlyArray<InputMaybe<Scalars["GatsbyImageData"]>>
+    >;
+  };
+
+  type GatsbyImageFormat = "auto" | "avif" | "jpg" | "" | "png" | "webp";
+
+  type GatsbyImageLayout = "constrained" | "fixed" | "fullWidth";
+
+  type GatsbyImagePlaceholder =
+    | "blurred"
+    | "dominantColor"
+    | "none"
+    | "tracedSVG";
+
+  type ImageCropFocus = 17 | 0 | 2 | 16 | 1 | 5 | 8 | 3 | 6 | 7 | 4;
+
+  type ImageFit = "contain" | "cover" | "fill" | "inside" | "outside";
+
+  type ImageFormat = "" | "avif" | "jpg" | "" | "png" | "webp";
+
+  type ImageLayout = "constrained" | "fixed" | "fullWidth";
+
+  type ImagePlaceholder = "blurred" | "dominantColor" | "none" | "tracedSVG";
+
+  type ImageSharp = Node & {
+    readonly children: ReadonlyArray<Node>;
+    readonly fixed: Maybe<ImageSharpFixed>;
+    readonly fluid: Maybe<ImageSharpFluid>;
+    readonly gatsbyImageData: Scalars["GatsbyImageData"];
+    readonly id: Scalars["ID"];
+    readonly internal: Internal;
+    readonly original: Maybe<ImageSharpOriginal>;
+    readonly parent: Maybe<Node>;
+    readonly resize: Maybe<ImageSharpResize>;
+  };
+
+  type ImageSharp_fixedArgs = {
+    background?: InputMaybe<Scalars["String"]>;
+    base64Width: InputMaybe<Scalars["Int"]>;
+    cropFocus?: InputMaybe<ImageCropFocus>;
+    duotone?: InputMaybe<DuotoneGradient>;
+    fit?: InputMaybe<ImageFit>;
+    grayscale?: InputMaybe<Scalars["Boolean"]>;
+    height: InputMaybe<Scalars["Int"]>;
+    jpegProgressive?: InputMaybe<Scalars["Boolean"]>;
+    jpegQuality: InputMaybe<Scalars["Int"]>;
+    pngCompressionSpeed?: InputMaybe<Scalars["Int"]>;
+    pngQuality: InputMaybe<Scalars["Int"]>;
+    quality: InputMaybe<Scalars["Int"]>;
+    rotate?: InputMaybe<Scalars["Int"]>;
+    toFormat?: InputMaybe<ImageFormat>;
+    toFormatBase64?: InputMaybe<ImageFormat>;
+    traceSVG?: InputMaybe<Potrace>;
+    trim?: InputMaybe<Scalars["Float"]>;
+    webpQuality: InputMaybe<Scalars["Int"]>;
+    width: InputMaybe<Scalars["Int"]>;
+  };
+
+  type ImageSharp_fluidArgs = {
+    background?: InputMaybe<Scalars["String"]>;
+    base64Width: InputMaybe<Scalars["Int"]>;
+    cropFocus?: InputMaybe<ImageCropFocus>;
+    duotone?: InputMaybe<DuotoneGradient>;
+    fit?: InputMaybe<ImageFit>;
+    grayscale?: InputMaybe<Scalars["Boolean"]>;
+    jpegProgressive?: InputMaybe<Scalars["Boolean"]>;
+    jpegQuality: InputMaybe<Scalars["Int"]>;
+    maxHeight: InputMaybe<Scalars["Int"]>;
+    maxWidth: InputMaybe<Scalars["Int"]>;
+    pngCompressionSpeed?: InputMaybe<Scalars["Int"]>;
+    pngQuality: InputMaybe<Scalars["Int"]>;
+    quality: InputMaybe<Scalars["Int"]>;
+    rotate?: InputMaybe<Scalars["Int"]>;
+    sizes?: InputMaybe<Scalars["String"]>;
+    srcSetBreakpoints?: InputMaybe<ReadonlyArray<InputMaybe<Scalars["Int"]>>>;
+    toFormat?: InputMaybe<ImageFormat>;
+    toFormatBase64?: InputMaybe<ImageFormat>;
+    traceSVG?: InputMaybe<Potrace>;
+    trim?: InputMaybe<Scalars["Float"]>;
+    webpQuality: InputMaybe<Scalars["Int"]>;
+  };
+
+  type ImageSharp_gatsbyImageDataArgs = {
+    aspectRatio: InputMaybe<Scalars["Float"]>;
+    avifOptions: InputMaybe<AVIFOptions>;
+    backgroundColor: InputMaybe<Scalars["String"]>;
+    blurredOptions: InputMaybe<BlurredOptions>;
+    breakpoints: InputMaybe<ReadonlyArray<InputMaybe<Scalars["Int"]>>>;
+    formats: InputMaybe<ReadonlyArray<InputMaybe<ImageFormat>>>;
+    height: InputMaybe<Scalars["Int"]>;
+    jpgOptions: InputMaybe<JPGOptions>;
+    layout?: InputMaybe<ImageLayout>;
+    outputPixelDensities: InputMaybe<
+      ReadonlyArray<InputMaybe<Scalars["Float"]>>
+    >;
+    placeholder: InputMaybe<ImagePlaceholder>;
+    pngOptions: InputMaybe<PNGOptions>;
+    quality: InputMaybe<Scalars["Int"]>;
+    sizes: InputMaybe<Scalars["String"]>;
+    tracedSVGOptions: InputMaybe<Potrace>;
+    transformOptions: InputMaybe<TransformOptions>;
+    webpOptions: InputMaybe<WebPOptions>;
+    width: InputMaybe<Scalars["Int"]>;
+  };
+
+  type ImageSharp_resizeArgs = {
+    background?: InputMaybe<Scalars["String"]>;
+    base64?: InputMaybe<Scalars["Boolean"]>;
+    cropFocus?: InputMaybe<ImageCropFocus>;
+    duotone?: InputMaybe<DuotoneGradient>;
+    fit?: InputMaybe<ImageFit>;
+    grayscale?: InputMaybe<Scalars["Boolean"]>;
+    height: InputMaybe<Scalars["Int"]>;
+    jpegProgressive?: InputMaybe<Scalars["Boolean"]>;
+    jpegQuality: InputMaybe<Scalars["Int"]>;
+    pngCompressionLevel?: InputMaybe<Scalars["Int"]>;
+    pngCompressionSpeed?: InputMaybe<Scalars["Int"]>;
+    pngQuality: InputMaybe<Scalars["Int"]>;
+    quality: InputMaybe<Scalars["Int"]>;
+    rotate?: InputMaybe<Scalars["Int"]>;
+    toFormat?: InputMaybe<ImageFormat>;
+    traceSVG?: InputMaybe<Potrace>;
+    trim?: InputMaybe<Scalars["Float"]>;
+    webpQuality: InputMaybe<Scalars["Int"]>;
+    width: InputMaybe<Scalars["Int"]>;
+  };
+
+  type ImageSharpConnection = {
+    readonly distinct: ReadonlyArray<Scalars["String"]>;
+    readonly edges: ReadonlyArray<ImageSharpEdge>;
+    readonly group: ReadonlyArray<ImageSharpGroupConnection>;
+    readonly max: Maybe<Scalars["Float"]>;
+    readonly min: Maybe<Scalars["Float"]>;
+    readonly nodes: ReadonlyArray<ImageSharp>;
+    readonly pageInfo: PageInfo;
+    readonly sum: Maybe<Scalars["Float"]>;
+    readonly totalCount: Scalars["Int"];
+  };
+
+  type ImageSharpConnection_distinctArgs = {
+    field: ImageSharpFieldSelector;
+  };
+
+  type ImageSharpConnection_groupArgs = {
+    field: ImageSharpFieldSelector;
+    limit: InputMaybe<Scalars["Int"]>;
+    skip: InputMaybe<Scalars["Int"]>;
+  };
+
+  type ImageSharpConnection_maxArgs = {
+    field: ImageSharpFieldSelector;
+  };
+
+  type ImageSharpConnection_minArgs = {
+    field: ImageSharpFieldSelector;
+  };
+
+  type ImageSharpConnection_sumArgs = {
+    field: ImageSharpFieldSelector;
+  };
+
+  type ImageSharpEdge = {
+    readonly next: Maybe<ImageSharp>;
+    readonly node: ImageSharp;
+    readonly previous: Maybe<ImageSharp>;
+  };
+
+  type ImageSharpFieldSelector = {
+    readonly children: InputMaybe<NodeFieldSelector>;
+    readonly fixed: InputMaybe<ImageSharpFixedFieldSelector>;
+    readonly fluid: InputMaybe<ImageSharpFluidFieldSelector>;
+    readonly gatsbyImageData: InputMaybe<FieldSelectorEnum>;
+    readonly id: InputMaybe<FieldSelectorEnum>;
+    readonly internal: InputMaybe<InternalFieldSelector>;
+    readonly original: InputMaybe<ImageSharpOriginalFieldSelector>;
+    readonly parent: InputMaybe<NodeFieldSelector>;
+    readonly resize: InputMaybe<ImageSharpResizeFieldSelector>;
+  };
+
+  type ImageSharpFilterInput = {
+    readonly children: InputMaybe<NodeFilterListInput>;
+    readonly fixed: InputMaybe<ImageSharpFixedFilterInput>;
+    readonly fluid: InputMaybe<ImageSharpFluidFilterInput>;
+    readonly gatsbyImageData: InputMaybe<GatsbyImageDataQueryOperatorInput>;
+    readonly id: InputMaybe<StringQueryOperatorInput>;
+    readonly internal: InputMaybe<InternalFilterInput>;
+    readonly original: InputMaybe<ImageSharpOriginalFilterInput>;
+    readonly parent: InputMaybe<NodeFilterInput>;
+    readonly resize: InputMaybe<ImageSharpResizeFilterInput>;
+  };
+
+  type ImageSharpFilterListInput = {
+    readonly elemMatch: InputMaybe<ImageSharpFilterInput>;
+  };
+
+  type ImageSharpFixed = {
+    readonly aspectRatio: Maybe<Scalars["Float"]>;
+    readonly base64: Maybe<Scalars["String"]>;
+    readonly height: Scalars["Float"];
+    readonly originalName: Maybe<Scalars["String"]>;
+    readonly src: Scalars["String"];
+    readonly srcSet: Scalars["String"];
+    readonly srcSetWebp: Maybe<Scalars["String"]>;
+    readonly srcWebp: Maybe<Scalars["String"]>;
+    readonly tracedSVG: Maybe<Scalars["String"]>;
+    readonly width: Scalars["Float"];
+  };
+
+  type ImageSharpFixedFieldSelector = {
+    readonly aspectRatio: InputMaybe<FieldSelectorEnum>;
+    readonly base64: InputMaybe<FieldSelectorEnum>;
+    readonly height: InputMaybe<FieldSelectorEnum>;
+    readonly originalName: InputMaybe<FieldSelectorEnum>;
+    readonly src: InputMaybe<FieldSelectorEnum>;
+    readonly srcSet: InputMaybe<FieldSelectorEnum>;
+    readonly srcSetWebp: InputMaybe<FieldSelectorEnum>;
+    readonly srcWebp: InputMaybe<FieldSelectorEnum>;
+    readonly tracedSVG: InputMaybe<FieldSelectorEnum>;
+    readonly width: InputMaybe<FieldSelectorEnum>;
+  };
+
+  type ImageSharpFixedFilterInput = {
+    readonly aspectRatio: InputMaybe<FloatQueryOperatorInput>;
+    readonly base64: InputMaybe<StringQueryOperatorInput>;
+    readonly height: InputMaybe<FloatQueryOperatorInput>;
+    readonly originalName: InputMaybe<StringQueryOperatorInput>;
+    readonly src: InputMaybe<StringQueryOperatorInput>;
+    readonly srcSet: InputMaybe<StringQueryOperatorInput>;
+    readonly srcSetWebp: InputMaybe<StringQueryOperatorInput>;
+    readonly srcWebp: InputMaybe<StringQueryOperatorInput>;
+    readonly tracedSVG: InputMaybe<StringQueryOperatorInput>;
+    readonly width: InputMaybe<FloatQueryOperatorInput>;
+  };
+
+  type ImageSharpFixedSortInput = {
+    readonly aspectRatio: InputMaybe<SortOrderEnum>;
+    readonly base64: InputMaybe<SortOrderEnum>;
+    readonly height: InputMaybe<SortOrderEnum>;
+    readonly originalName: InputMaybe<SortOrderEnum>;
+    readonly src: InputMaybe<SortOrderEnum>;
+    readonly srcSet: InputMaybe<SortOrderEnum>;
+    readonly srcSetWebp: InputMaybe<SortOrderEnum>;
+    readonly srcWebp: InputMaybe<SortOrderEnum>;
+    readonly tracedSVG: InputMaybe<SortOrderEnum>;
+    readonly width: InputMaybe<SortOrderEnum>;
+  };
+
+  type ImageSharpFluid = {
+    readonly aspectRatio: Scalars["Float"];
+    readonly base64: Maybe<Scalars["String"]>;
+    readonly originalImg: Maybe<Scalars["String"]>;
+    readonly originalName: Maybe<Scalars["String"]>;
+    readonly presentationHeight: Scalars["Int"];
+    readonly presentationWidth: Scalars["Int"];
+    readonly sizes: Scalars["String"];
+    readonly src: Scalars["String"];
+    readonly srcSet: Scalars["String"];
+    readonly srcSetWebp: Maybe<Scalars["String"]>;
+    readonly srcWebp: Maybe<Scalars["String"]>;
+    readonly tracedSVG: Maybe<Scalars["String"]>;
+  };
+
+  type ImageSharpFluidFieldSelector = {
+    readonly aspectRatio: InputMaybe<FieldSelectorEnum>;
+    readonly base64: InputMaybe<FieldSelectorEnum>;
+    readonly originalImg: InputMaybe<FieldSelectorEnum>;
+    readonly originalName: InputMaybe<FieldSelectorEnum>;
+    readonly presentationHeight: InputMaybe<FieldSelectorEnum>;
+    readonly presentationWidth: InputMaybe<FieldSelectorEnum>;
+    readonly sizes: InputMaybe<FieldSelectorEnum>;
+    readonly src: InputMaybe<FieldSelectorEnum>;
+    readonly srcSet: InputMaybe<FieldSelectorEnum>;
+    readonly srcSetWebp: InputMaybe<FieldSelectorEnum>;
+    readonly srcWebp: InputMaybe<FieldSelectorEnum>;
+    readonly tracedSVG: InputMaybe<FieldSelectorEnum>;
+  };
+
+  type ImageSharpFluidFilterInput = {
+    readonly aspectRatio: InputMaybe<FloatQueryOperatorInput>;
+    readonly base64: InputMaybe<StringQueryOperatorInput>;
+    readonly originalImg: InputMaybe<StringQueryOperatorInput>;
+    readonly originalName: InputMaybe<StringQueryOperatorInput>;
+    readonly presentationHeight: InputMaybe<IntQueryOperatorInput>;
+    readonly presentationWidth: InputMaybe<IntQueryOperatorInput>;
+    readonly sizes: InputMaybe<StringQueryOperatorInput>;
+    readonly src: InputMaybe<StringQueryOperatorInput>;
+    readonly srcSet: InputMaybe<StringQueryOperatorInput>;
+    readonly srcSetWebp: InputMaybe<StringQueryOperatorInput>;
+    readonly srcWebp: InputMaybe<StringQueryOperatorInput>;
+    readonly tracedSVG: InputMaybe<StringQueryOperatorInput>;
+  };
+
+  type ImageSharpFluidSortInput = {
+    readonly aspectRatio: InputMaybe<SortOrderEnum>;
+    readonly base64: InputMaybe<SortOrderEnum>;
+    readonly originalImg: InputMaybe<SortOrderEnum>;
+    readonly originalName: InputMaybe<SortOrderEnum>;
+    readonly presentationHeight: InputMaybe<SortOrderEnum>;
+    readonly presentationWidth: InputMaybe<SortOrderEnum>;
+    readonly sizes: InputMaybe<SortOrderEnum>;
+    readonly src: InputMaybe<SortOrderEnum>;
+    readonly srcSet: InputMaybe<SortOrderEnum>;
+    readonly srcSetWebp: InputMaybe<SortOrderEnum>;
+    readonly srcWebp: InputMaybe<SortOrderEnum>;
+    readonly tracedSVG: InputMaybe<SortOrderEnum>;
+  };
+
+  type ImageSharpGroupConnection = {
+    readonly distinct: ReadonlyArray<Scalars["String"]>;
+    readonly edges: ReadonlyArray<ImageSharpEdge>;
+    readonly field: Scalars["String"];
+    readonly fieldValue: Maybe<Scalars["String"]>;
+    readonly group: ReadonlyArray<ImageSharpGroupConnection>;
+    readonly max: Maybe<Scalars["Float"]>;
+    readonly min: Maybe<Scalars["Float"]>;
+    readonly nodes: ReadonlyArray<ImageSharp>;
+    readonly pageInfo: PageInfo;
+    readonly sum: Maybe<Scalars["Float"]>;
+    readonly totalCount: Scalars["Int"];
+  };
+
+  type ImageSharpGroupConnection_distinctArgs = {
+    field: ImageSharpFieldSelector;
+  };
+
+  type ImageSharpGroupConnection_groupArgs = {
+    field: ImageSharpFieldSelector;
+    limit: InputMaybe<Scalars["Int"]>;
+    skip: InputMaybe<Scalars["Int"]>;
+  };
+
+  type ImageSharpGroupConnection_maxArgs = {
+    field: ImageSharpFieldSelector;
+  };
+
+  type ImageSharpGroupConnection_minArgs = {
+    field: ImageSharpFieldSelector;
+  };
+
+  type ImageSharpGroupConnection_sumArgs = {
+    field: ImageSharpFieldSelector;
+  };
+
+  type ImageSharpOriginal = {
+    readonly height: Maybe<Scalars["Float"]>;
+    readonly src: Maybe<Scalars["String"]>;
+    readonly width: Maybe<Scalars["Float"]>;
+  };
+
+  type ImageSharpOriginalFieldSelector = {
+    readonly height: InputMaybe<FieldSelectorEnum>;
+    readonly src: InputMaybe<FieldSelectorEnum>;
+    readonly width: InputMaybe<FieldSelectorEnum>;
+  };
+
+  type ImageSharpOriginalFilterInput = {
+    readonly height: InputMaybe<FloatQueryOperatorInput>;
+    readonly src: InputMaybe<StringQueryOperatorInput>;
+    readonly width: InputMaybe<FloatQueryOperatorInput>;
+  };
+
+  type ImageSharpOriginalSortInput = {
+    readonly height: InputMaybe<SortOrderEnum>;
+    readonly src: InputMaybe<SortOrderEnum>;
+    readonly width: InputMaybe<SortOrderEnum>;
+  };
+
+  type ImageSharpResize = {
+    readonly aspectRatio: Maybe<Scalars["Float"]>;
+    readonly height: Maybe<Scalars["Int"]>;
+    readonly originalName: Maybe<Scalars["String"]>;
+    readonly src: Maybe<Scalars["String"]>;
+    readonly tracedSVG: Maybe<Scalars["String"]>;
+    readonly width: Maybe<Scalars["Int"]>;
+  };
+
+  type ImageSharpResizeFieldSelector = {
+    readonly aspectRatio: InputMaybe<FieldSelectorEnum>;
+    readonly height: InputMaybe<FieldSelectorEnum>;
+    readonly originalName: InputMaybe<FieldSelectorEnum>;
+    readonly src: InputMaybe<FieldSelectorEnum>;
+    readonly tracedSVG: InputMaybe<FieldSelectorEnum>;
+    readonly width: InputMaybe<FieldSelectorEnum>;
+  };
+
+  type ImageSharpResizeFilterInput = {
+    readonly aspectRatio: InputMaybe<FloatQueryOperatorInput>;
+    readonly height: InputMaybe<IntQueryOperatorInput>;
+    readonly originalName: InputMaybe<StringQueryOperatorInput>;
+    readonly src: InputMaybe<StringQueryOperatorInput>;
+    readonly tracedSVG: InputMaybe<StringQueryOperatorInput>;
+    readonly width: InputMaybe<IntQueryOperatorInput>;
+  };
+
+  type ImageSharpResizeSortInput = {
+    readonly aspectRatio: InputMaybe<SortOrderEnum>;
+    readonly height: InputMaybe<SortOrderEnum>;
+    readonly originalName: InputMaybe<SortOrderEnum>;
+    readonly src: InputMaybe<SortOrderEnum>;
+    readonly tracedSVG: InputMaybe<SortOrderEnum>;
+    readonly width: InputMaybe<SortOrderEnum>;
+  };
+
+  type ImageSharpSortInput = {
+    readonly children: InputMaybe<NodeSortInput>;
+    readonly fixed: InputMaybe<ImageSharpFixedSortInput>;
+    readonly fluid: InputMaybe<ImageSharpFluidSortInput>;
+    readonly gatsbyImageData: InputMaybe<SortOrderEnum>;
+    readonly id: InputMaybe<SortOrderEnum>;
+    readonly internal: InputMaybe<InternalSortInput>;
+    readonly original: InputMaybe<ImageSharpOriginalSortInput>;
+    readonly parent: InputMaybe<NodeSortInput>;
+    readonly resize: InputMaybe<ImageSharpResizeSortInput>;
+  };
+
+  type IntQueryOperatorInput = {
+    readonly eq: InputMaybe<Scalars["Int"]>;
+    readonly gt: InputMaybe<Scalars["Int"]>;
+    readonly gte: InputMaybe<Scalars["Int"]>;
+    readonly in: InputMaybe<ReadonlyArray<InputMaybe<Scalars["Int"]>>>;
+    readonly lt: InputMaybe<Scalars["Int"]>;
+    readonly lte: InputMaybe<Scalars["Int"]>;
+    readonly ne: InputMaybe<Scalars["Int"]>;
+    readonly nin: InputMaybe<ReadonlyArray<InputMaybe<Scalars["Int"]>>>;
+  };
+
+  type Internal = {
+    readonly content: Maybe<Scalars["String"]>;
+    readonly contentDigest: Scalars["String"];
+    readonly contentFilePath: Maybe<Scalars["String"]>;
+    readonly description: Maybe<Scalars["String"]>;
+    readonly fieldOwners: Maybe<ReadonlyArray<Maybe<Scalars["String"]>>>;
+    readonly ignoreType: Maybe<Scalars["Boolean"]>;
+    readonly mediaType: Maybe<Scalars["String"]>;
+    readonly owner: Scalars["String"];
+    readonly type: Scalars["String"];
+  };
+
+  type InternalFieldSelector = {
+    readonly content: InputMaybe<FieldSelectorEnum>;
+    readonly contentDigest: InputMaybe<FieldSelectorEnum>;
+    readonly contentFilePath: InputMaybe<FieldSelectorEnum>;
+    readonly description: InputMaybe<FieldSelectorEnum>;
+    readonly fieldOwners: InputMaybe<FieldSelectorEnum>;
+    readonly ignoreType: InputMaybe<FieldSelectorEnum>;
+    readonly mediaType: InputMaybe<FieldSelectorEnum>;
+    readonly owner: InputMaybe<FieldSelectorEnum>;
+    readonly type: InputMaybe<FieldSelectorEnum>;
+  };
+
+  type InternalFilterInput = {
+    readonly content: InputMaybe<StringQueryOperatorInput>;
+    readonly contentDigest: InputMaybe<StringQueryOperatorInput>;
+    readonly contentFilePath: InputMaybe<StringQueryOperatorInput>;
+    readonly description: InputMaybe<StringQueryOperatorInput>;
+    readonly fieldOwners: InputMaybe<StringQueryOperatorInput>;
+    readonly ignoreType: InputMaybe<BooleanQueryOperatorInput>;
+    readonly mediaType: InputMaybe<StringQueryOperatorInput>;
+    readonly owner: InputMaybe<StringQueryOperatorInput>;
+    readonly type: InputMaybe<StringQueryOperatorInput>;
+  };
+
+  type InternalSortInput = {
+    readonly content: InputMaybe<SortOrderEnum>;
+    readonly contentDigest: InputMaybe<SortOrderEnum>;
+    readonly contentFilePath: InputMaybe<SortOrderEnum>;
+    readonly description: InputMaybe<SortOrderEnum>;
+    readonly fieldOwners: InputMaybe<SortOrderEnum>;
+    readonly ignoreType: InputMaybe<SortOrderEnum>;
+    readonly mediaType: InputMaybe<SortOrderEnum>;
+    readonly owner: InputMaybe<SortOrderEnum>;
+    readonly type: InputMaybe<SortOrderEnum>;
+  };
+
+  type JPGOptions = {
+    readonly progressive: InputMaybe<Scalars["Boolean"]>;
+    readonly quality: InputMaybe<Scalars["Int"]>;
+  };
+
+  type JSONQueryOperatorInput = {
+    readonly eq: InputMaybe<Scalars["JSON"]>;
+    readonly glob: InputMaybe<Scalars["JSON"]>;
+    readonly in: InputMaybe<ReadonlyArray<InputMaybe<Scalars["JSON"]>>>;
+    readonly ne: InputMaybe<Scalars["JSON"]>;
+    readonly nin: InputMaybe<ReadonlyArray<InputMaybe<Scalars["JSON"]>>>;
+    readonly regex: InputMaybe<Scalars["JSON"]>;
+  };
+
+  type LocalSearchPages = Node & {
+    readonly children: ReadonlyArray<Node>;
+    /** The search engine used to create the index. */
+    readonly engine: Scalars["String"];
+    readonly id: Scalars["ID"];
+    /** The search index created using the selected engine. */
+    readonly index: Scalars["String"];
+    readonly internal: Internal;
+    /** The name of the index. */
+    readonly name: Scalars["String"];
+    readonly parent: Maybe<Node>;
+    /** Save the index to the site's static directory and return a public URL to it. */
+    readonly publicIndexURL: Scalars["String"];
+    /** Save the store to the site's static directory and return a public URL to it. */
+    readonly publicStoreURL: Scalars["String"];
+    /** A JSON object used to map search results to their data. */
+    readonly store: Scalars["JSON"];
+  };
+
+  type LocalSearchPagesConnection = {
+    readonly distinct: ReadonlyArray<Scalars["String"]>;
+    readonly edges: ReadonlyArray<LocalSearchPagesEdge>;
+    readonly group: ReadonlyArray<LocalSearchPagesGroupConnection>;
+    readonly max: Maybe<Scalars["Float"]>;
+    readonly min: Maybe<Scalars["Float"]>;
+    readonly nodes: ReadonlyArray<LocalSearchPages>;
+    readonly pageInfo: PageInfo;
+    readonly sum: Maybe<Scalars["Float"]>;
+    readonly totalCount: Scalars["Int"];
+  };
+
+  type LocalSearchPagesConnection_distinctArgs = {
+    field: LocalSearchPagesFieldSelector;
+  };
+
+  type LocalSearchPagesConnection_groupArgs = {
+    field: LocalSearchPagesFieldSelector;
+    limit: InputMaybe<Scalars["Int"]>;
+    skip: InputMaybe<Scalars["Int"]>;
+  };
+
+  type LocalSearchPagesConnection_maxArgs = {
+    field: LocalSearchPagesFieldSelector;
+  };
+
+  type LocalSearchPagesConnection_minArgs = {
+    field: LocalSearchPagesFieldSelector;
+  };
+
+  type LocalSearchPagesConnection_sumArgs = {
+    field: LocalSearchPagesFieldSelector;
+  };
+
+  type LocalSearchPagesEdge = {
+    readonly next: Maybe<LocalSearchPages>;
+    readonly node: LocalSearchPages;
+    readonly previous: Maybe<LocalSearchPages>;
+  };
+
+  type LocalSearchPagesFieldSelector = {
+    readonly children: InputMaybe<NodeFieldSelector>;
+    readonly engine: InputMaybe<FieldSelectorEnum>;
+    readonly id: InputMaybe<FieldSelectorEnum>;
+    readonly index: InputMaybe<FieldSelectorEnum>;
+    readonly internal: InputMaybe<InternalFieldSelector>;
+    readonly name: InputMaybe<FieldSelectorEnum>;
+    readonly parent: InputMaybe<NodeFieldSelector>;
+    readonly publicIndexURL: InputMaybe<FieldSelectorEnum>;
+    readonly publicStoreURL: InputMaybe<FieldSelectorEnum>;
+    readonly store: InputMaybe<FieldSelectorEnum>;
+  };
+
+  type LocalSearchPagesFilterInput = {
+    readonly children: InputMaybe<NodeFilterListInput>;
+    readonly engine: InputMaybe<StringQueryOperatorInput>;
+    readonly id: InputMaybe<StringQueryOperatorInput>;
+    readonly index: InputMaybe<StringQueryOperatorInput>;
+    readonly internal: InputMaybe<InternalFilterInput>;
+    readonly name: InputMaybe<StringQueryOperatorInput>;
+    readonly parent: InputMaybe<NodeFilterInput>;
+    readonly publicIndexURL: InputMaybe<StringQueryOperatorInput>;
+    readonly publicStoreURL: InputMaybe<StringQueryOperatorInput>;
+    readonly store: InputMaybe<JSONQueryOperatorInput>;
+  };
+
+  type LocalSearchPagesGroupConnection = {
+    readonly distinct: ReadonlyArray<Scalars["String"]>;
+    readonly edges: ReadonlyArray<LocalSearchPagesEdge>;
+    readonly field: Scalars["String"];
+    readonly fieldValue: Maybe<Scalars["String"]>;
+    readonly group: ReadonlyArray<LocalSearchPagesGroupConnection>;
+    readonly max: Maybe<Scalars["Float"]>;
+    readonly min: Maybe<Scalars["Float"]>;
+    readonly nodes: ReadonlyArray<LocalSearchPages>;
+    readonly pageInfo: PageInfo;
+    readonly sum: Maybe<Scalars["Float"]>;
+    readonly totalCount: Scalars["Int"];
+  };
+
+  type LocalSearchPagesGroupConnection_distinctArgs = {
+    field: LocalSearchPagesFieldSelector;
+  };
+
+  type LocalSearchPagesGroupConnection_groupArgs = {
+    field: LocalSearchPagesFieldSelector;
+    limit: InputMaybe<Scalars["Int"]>;
+    skip: InputMaybe<Scalars["Int"]>;
+  };
+
+  type LocalSearchPagesGroupConnection_maxArgs = {
+    field: LocalSearchPagesFieldSelector;
+  };
+
+  type LocalSearchPagesGroupConnection_minArgs = {
+    field: LocalSearchPagesFieldSelector;
+  };
+
+  type LocalSearchPagesGroupConnection_sumArgs = {
+    field: LocalSearchPagesFieldSelector;
+  };
+
+  type LocalSearchPagesSortInput = {
+    readonly children: InputMaybe<NodeSortInput>;
+    readonly engine: InputMaybe<SortOrderEnum>;
+    readonly id: InputMaybe<SortOrderEnum>;
+    readonly index: InputMaybe<SortOrderEnum>;
+    readonly internal: InputMaybe<InternalSortInput>;
+    readonly name: InputMaybe<SortOrderEnum>;
+    readonly parent: InputMaybe<NodeSortInput>;
+    readonly publicIndexURL: InputMaybe<SortOrderEnum>;
+    readonly publicStoreURL: InputMaybe<SortOrderEnum>;
+    readonly store: InputMaybe<SortOrderEnum>;
+  };
+
+  type Mdx = Node & {
+    readonly body: Maybe<Scalars["String"]>;
+    readonly children: ReadonlyArray<Node>;
+    readonly excerpt: Maybe<Scalars["String"]>;
+    readonly frontmatter: Maybe<MdxFrontmatter>;
+    readonly id: Scalars["ID"];
+    readonly internal: Internal;
+    readonly parent: Maybe<Node>;
+    readonly tableOfContents: Maybe<Scalars["JSON"]>;
+  };
+
+  type Mdx_excerptArgs = {
+    pruneLength?: InputMaybe<Scalars["Int"]>;
+  };
+
+  type Mdx_tableOfContentsArgs = {
+    maxDepth: InputMaybe<Scalars["Int"]>;
+  };
+
+  type MdxConnection = {
+    readonly distinct: ReadonlyArray<Scalars["String"]>;
+    readonly edges: ReadonlyArray<MdxEdge>;
+    readonly group: ReadonlyArray<MdxGroupConnection>;
+    readonly max: Maybe<Scalars["Float"]>;
+    readonly min: Maybe<Scalars["Float"]>;
+    readonly nodes: ReadonlyArray<Mdx>;
+    readonly pageInfo: PageInfo;
+    readonly sum: Maybe<Scalars["Float"]>;
+    readonly totalCount: Scalars["Int"];
+  };
+
+  type MdxConnection_distinctArgs = {
+    field: MdxFieldSelector;
+  };
+
+  type MdxConnection_groupArgs = {
+    field: MdxFieldSelector;
+    limit: InputMaybe<Scalars["Int"]>;
+    skip: InputMaybe<Scalars["Int"]>;
+  };
+
+  type MdxConnection_maxArgs = {
+    field: MdxFieldSelector;
+  };
+
+  type MdxConnection_minArgs = {
+    field: MdxFieldSelector;
+  };
+
+  type MdxConnection_sumArgs = {
+    field: MdxFieldSelector;
+  };
+
+  type MdxEdge = {
+    readonly next: Maybe<Mdx>;
+    readonly node: Mdx;
+    readonly previous: Maybe<Mdx>;
+  };
+
+  type MdxFieldSelector = {
+    readonly body: InputMaybe<FieldSelectorEnum>;
+    readonly children: InputMaybe<NodeFieldSelector>;
+    readonly excerpt: InputMaybe<FieldSelectorEnum>;
+    readonly frontmatter: InputMaybe<MdxFrontmatterFieldSelector>;
+    readonly id: InputMaybe<FieldSelectorEnum>;
+    readonly internal: InputMaybe<InternalFieldSelector>;
+    readonly parent: InputMaybe<NodeFieldSelector>;
+    readonly tableOfContents: InputMaybe<FieldSelectorEnum>;
+  };
+
+  type MdxFilterInput = {
+    readonly body: InputMaybe<StringQueryOperatorInput>;
+    readonly children: InputMaybe<NodeFilterListInput>;
+    readonly excerpt: InputMaybe<StringQueryOperatorInput>;
+    readonly frontmatter: InputMaybe<MdxFrontmatterFilterInput>;
+    readonly id: InputMaybe<StringQueryOperatorInput>;
+    readonly internal: InputMaybe<InternalFilterInput>;
+    readonly parent: InputMaybe<NodeFilterInput>;
+    readonly tableOfContents: InputMaybe<JSONQueryOperatorInput>;
+  };
+
+  type MdxFilterListInput = {
+    readonly elemMatch: InputMaybe<MdxFilterInput>;
+  };
+
+  type MdxFrontmatter = {
+    readonly slug: Maybe<Scalars["String"]>;
+  };
+
+  type MdxFrontmatterFieldSelector = {
+    readonly slug: InputMaybe<FieldSelectorEnum>;
+  };
+
+  type MdxFrontmatterFilterInput = {
+    readonly slug: InputMaybe<StringQueryOperatorInput>;
+  };
+
+  type MdxFrontmatterSortInput = {
+    readonly slug: InputMaybe<SortOrderEnum>;
+  };
+
+  type MdxGroupConnection = {
+    readonly distinct: ReadonlyArray<Scalars["String"]>;
+    readonly edges: ReadonlyArray<MdxEdge>;
+    readonly field: Scalars["String"];
+    readonly fieldValue: Maybe<Scalars["String"]>;
+    readonly group: ReadonlyArray<MdxGroupConnection>;
+    readonly max: Maybe<Scalars["Float"]>;
+    readonly min: Maybe<Scalars["Float"]>;
+    readonly nodes: ReadonlyArray<Mdx>;
+    readonly pageInfo: PageInfo;
+    readonly sum: Maybe<Scalars["Float"]>;
+    readonly totalCount: Scalars["Int"];
+  };
+
+  type MdxGroupConnection_distinctArgs = {
+    field: MdxFieldSelector;
+  };
+
+  type MdxGroupConnection_groupArgs = {
+    field: MdxFieldSelector;
+    limit: InputMaybe<Scalars["Int"]>;
+    skip: InputMaybe<Scalars["Int"]>;
+  };
+
+  type MdxGroupConnection_maxArgs = {
+    field: MdxFieldSelector;
+  };
+
+  type MdxGroupConnection_minArgs = {
+    field: MdxFieldSelector;
+  };
+
+  type MdxGroupConnection_sumArgs = {
+    field: MdxFieldSelector;
+  };
+
+  type MdxSortInput = {
+    readonly body: InputMaybe<SortOrderEnum>;
+    readonly children: InputMaybe<NodeSortInput>;
+    readonly excerpt: InputMaybe<SortOrderEnum>;
+    readonly frontmatter: InputMaybe<MdxFrontmatterSortInput>;
+    readonly id: InputMaybe<SortOrderEnum>;
+    readonly internal: InputMaybe<InternalSortInput>;
+    readonly parent: InputMaybe<NodeSortInput>;
+    readonly tableOfContents: InputMaybe<SortOrderEnum>;
+  };
+
+  /** Node Interface */
+  type Node = {
+    readonly children: ReadonlyArray<Node>;
+    readonly id: Scalars["ID"];
+    readonly internal: Internal;
+    readonly parent: Maybe<Node>;
+  };
+
+  type NodeFieldSelector = {
+    readonly children: InputMaybe<NodeFieldSelector>;
+    readonly id: InputMaybe<FieldSelectorEnum>;
+    readonly internal: InputMaybe<InternalFieldSelector>;
+    readonly parent: InputMaybe<NodeFieldSelector>;
+  };
+
+  type NodeFilterInput = {
+    readonly children: InputMaybe<NodeFilterListInput>;
+    readonly id: InputMaybe<StringQueryOperatorInput>;
+    readonly internal: InputMaybe<InternalFilterInput>;
+    readonly parent: InputMaybe<NodeFilterInput>;
+  };
+
+  type NodeFilterListInput = {
+    readonly elemMatch: InputMaybe<NodeFilterInput>;
+  };
+
+  type NodeSortInput = {
+    readonly children: InputMaybe<NodeSortInput>;
+    readonly id: InputMaybe<SortOrderEnum>;
+    readonly internal: InputMaybe<InternalSortInput>;
+    readonly parent: InputMaybe<NodeSortInput>;
+  };
+
+  type PNGOptions = {
+    readonly compressionSpeed: InputMaybe<Scalars["Int"]>;
+    readonly quality: InputMaybe<Scalars["Int"]>;
+  };
+
+  type PageInfo = {
+    readonly currentPage: Scalars["Int"];
+    readonly hasNextPage: Scalars["Boolean"];
+    readonly hasPreviousPage: Scalars["Boolean"];
+    readonly itemCount: Scalars["Int"];
+    readonly pageCount: Scalars["Int"];
+    readonly perPage: Maybe<Scalars["Int"]>;
+    readonly totalCount: Scalars["Int"];
+  };
+
+  type Potrace = {
+    readonly alphaMax: InputMaybe<Scalars["Float"]>;
+    readonly background: InputMaybe<Scalars["String"]>;
+    readonly blackOnWhite: InputMaybe<Scalars["Boolean"]>;
+    readonly color: InputMaybe<Scalars["String"]>;
+    readonly optCurve: InputMaybe<Scalars["Boolean"]>;
+    readonly optTolerance: InputMaybe<Scalars["Float"]>;
+    readonly threshold: InputMaybe<Scalars["Int"]>;
+    readonly turdSize: InputMaybe<Scalars["Float"]>;
+    readonly turnPolicy: InputMaybe<PotraceTurnPolicy>;
+  };
+
+  type PotraceTurnPolicy =
+    | "black"
+    | "left"
+    | "majority"
+    | "minority"
+    | "right"
+    | "white";
+
+  type Query = {
+    readonly allComponentMetaJson: componentMetaJsonConnection;
+    readonly allDirectory: DirectoryConnection;
+    readonly allFile: FileConnection;
+    readonly allImageSharp: ImageSharpConnection;
+    readonly allLocalSearchPages: LocalSearchPagesConnection;
+    readonly allMdx: MdxConnection;
+    readonly allPrimitiveMetaJson: primitiveMetaJsonConnection;
+    readonly allSite: SiteConnection;
+    readonly allSiteBuildMetadata: SiteBuildMetadataConnection;
+    readonly allSiteFunction: SiteFunctionConnection;
+    readonly allSitePage: SitePageConnection;
+    readonly allSitePlugin: SitePluginConnection;
+    readonly componentMetaJson: Maybe<componentMetaJson>;
+    readonly directory: Maybe<Directory>;
+    readonly file: Maybe<File>;
+    readonly imageSharp: Maybe<ImageSharp>;
+    readonly localSearchPages: Maybe<LocalSearchPages>;
+    readonly mdx: Maybe<Mdx>;
+    readonly primitiveMetaJson: Maybe<primitiveMetaJson>;
+    readonly site: Maybe<Site>;
+    readonly siteBuildMetadata: Maybe<SiteBuildMetadata>;
+    readonly siteFunction: Maybe<SiteFunction>;
+    readonly sitePage: Maybe<SitePage>;
+    readonly sitePlugin: Maybe<SitePlugin>;
+  };
+
+  type Query_allComponentMetaJsonArgs = {
+    filter: InputMaybe<componentMetaJsonFilterInput>;
+    limit: InputMaybe<Scalars["Int"]>;
+    skip: InputMaybe<Scalars["Int"]>;
+    sort: InputMaybe<ReadonlyArray<InputMaybe<componentMetaJsonSortInput>>>;
+  };
+
+  type Query_allDirectoryArgs = {
+    filter: InputMaybe<DirectoryFilterInput>;
+    limit: InputMaybe<Scalars["Int"]>;
+    skip: InputMaybe<Scalars["Int"]>;
+    sort: InputMaybe<ReadonlyArray<InputMaybe<DirectorySortInput>>>;
+  };
+
+  type Query_allFileArgs = {
+    filter: InputMaybe<FileFilterInput>;
+    limit: InputMaybe<Scalars["Int"]>;
+    skip: InputMaybe<Scalars["Int"]>;
+    sort: InputMaybe<ReadonlyArray<InputMaybe<FileSortInput>>>;
+  };
+
+  type Query_allImageSharpArgs = {
+    filter: InputMaybe<ImageSharpFilterInput>;
+    limit: InputMaybe<Scalars["Int"]>;
+    skip: InputMaybe<Scalars["Int"]>;
+    sort: InputMaybe<ReadonlyArray<InputMaybe<ImageSharpSortInput>>>;
+  };
+
+  type Query_allLocalSearchPagesArgs = {
+    filter: InputMaybe<LocalSearchPagesFilterInput>;
+    limit: InputMaybe<Scalars["Int"]>;
+    skip: InputMaybe<Scalars["Int"]>;
+    sort: InputMaybe<ReadonlyArray<InputMaybe<LocalSearchPagesSortInput>>>;
+  };
+
+  type Query_allMdxArgs = {
+    filter: InputMaybe<MdxFilterInput>;
+    limit: InputMaybe<Scalars["Int"]>;
+    skip: InputMaybe<Scalars["Int"]>;
+    sort: InputMaybe<ReadonlyArray<InputMaybe<MdxSortInput>>>;
+  };
+
+  type Query_allPrimitiveMetaJsonArgs = {
+    filter: InputMaybe<primitiveMetaJsonFilterInput>;
+    limit: InputMaybe<Scalars["Int"]>;
+    skip: InputMaybe<Scalars["Int"]>;
+    sort: InputMaybe<ReadonlyArray<InputMaybe<primitiveMetaJsonSortInput>>>;
+  };
+
+  type Query_allSiteArgs = {
+    filter: InputMaybe<SiteFilterInput>;
+    limit: InputMaybe<Scalars["Int"]>;
+    skip: InputMaybe<Scalars["Int"]>;
+    sort: InputMaybe<ReadonlyArray<InputMaybe<SiteSortInput>>>;
+  };
+
+  type Query_allSiteBuildMetadataArgs = {
+    filter: InputMaybe<SiteBuildMetadataFilterInput>;
+    limit: InputMaybe<Scalars["Int"]>;
+    skip: InputMaybe<Scalars["Int"]>;
+    sort: InputMaybe<ReadonlyArray<InputMaybe<SiteBuildMetadataSortInput>>>;
+  };
+
+  type Query_allSiteFunctionArgs = {
+    filter: InputMaybe<SiteFunctionFilterInput>;
+    limit: InputMaybe<Scalars["Int"]>;
+    skip: InputMaybe<Scalars["Int"]>;
+    sort: InputMaybe<ReadonlyArray<InputMaybe<SiteFunctionSortInput>>>;
+  };
+
+  type Query_allSitePageArgs = {
+    filter: InputMaybe<SitePageFilterInput>;
+    limit: InputMaybe<Scalars["Int"]>;
+    skip: InputMaybe<Scalars["Int"]>;
+    sort: InputMaybe<ReadonlyArray<InputMaybe<SitePageSortInput>>>;
+  };
+
+  type Query_allSitePluginArgs = {
+    filter: InputMaybe<SitePluginFilterInput>;
+    limit: InputMaybe<Scalars["Int"]>;
+    skip: InputMaybe<Scalars["Int"]>;
+    sort: InputMaybe<ReadonlyArray<InputMaybe<SitePluginSortInput>>>;
+  };
+
+  type Query_componentMetaJsonArgs = {
+    _schema: InputMaybe<StringQueryOperatorInput>;
+    alias: InputMaybe<StringQueryOperatorInput>;
+    children: InputMaybe<NodeFilterListInput>;
+    description: InputMaybe<StringQueryOperatorInput>;
+    group: InputMaybe<StringQueryOperatorInput>;
+    id: InputMaybe<StringQueryOperatorInput>;
+    internal: InputMaybe<InternalFilterInput>;
+    name: InputMaybe<StringQueryOperatorInput>;
+    parent: InputMaybe<NodeFilterInput>;
+    platform: InputMaybe<componentMetaJsonPlatformFilterInput>;
+    primitive: InputMaybe<FileFilterInput>;
+    thumbnail: InputMaybe<FileFilterInput>;
+  };
+
+  type Query_directoryArgs = {
+    absolutePath: InputMaybe<StringQueryOperatorInput>;
+    accessTime: InputMaybe<DateQueryOperatorInput>;
+    atime: InputMaybe<DateQueryOperatorInput>;
+    atimeMs: InputMaybe<FloatQueryOperatorInput>;
+    base: InputMaybe<StringQueryOperatorInput>;
+    birthTime: InputMaybe<DateQueryOperatorInput>;
+    birthtime: InputMaybe<DateQueryOperatorInput>;
+    birthtimeMs: InputMaybe<FloatQueryOperatorInput>;
+    changeTime: InputMaybe<DateQueryOperatorInput>;
+    children: InputMaybe<NodeFilterListInput>;
+    ctime: InputMaybe<DateQueryOperatorInput>;
+    ctimeMs: InputMaybe<FloatQueryOperatorInput>;
+    dev: InputMaybe<IntQueryOperatorInput>;
+    dir: InputMaybe<StringQueryOperatorInput>;
+    ext: InputMaybe<StringQueryOperatorInput>;
+    extension: InputMaybe<StringQueryOperatorInput>;
+    gid: InputMaybe<IntQueryOperatorInput>;
+    id: InputMaybe<StringQueryOperatorInput>;
+    ino: InputMaybe<FloatQueryOperatorInput>;
+    internal: InputMaybe<InternalFilterInput>;
+    mode: InputMaybe<IntQueryOperatorInput>;
+    modifiedTime: InputMaybe<DateQueryOperatorInput>;
+    mtime: InputMaybe<DateQueryOperatorInput>;
+    mtimeMs: InputMaybe<FloatQueryOperatorInput>;
+    name: InputMaybe<StringQueryOperatorInput>;
+    nlink: InputMaybe<IntQueryOperatorInput>;
+    parent: InputMaybe<NodeFilterInput>;
+    prettySize: InputMaybe<StringQueryOperatorInput>;
+    rdev: InputMaybe<IntQueryOperatorInput>;
+    relativeDirectory: InputMaybe<StringQueryOperatorInput>;
+    relativePath: InputMaybe<StringQueryOperatorInput>;
+    root: InputMaybe<StringQueryOperatorInput>;
+    size: InputMaybe<IntQueryOperatorInput>;
+    sourceInstanceName: InputMaybe<StringQueryOperatorInput>;
+    uid: InputMaybe<IntQueryOperatorInput>;
+  };
+
+  type Query_fileArgs = {
+    absolutePath: InputMaybe<StringQueryOperatorInput>;
+    accessTime: InputMaybe<DateQueryOperatorInput>;
+    atime: InputMaybe<DateQueryOperatorInput>;
+    atimeMs: InputMaybe<FloatQueryOperatorInput>;
+    base: InputMaybe<StringQueryOperatorInput>;
+    birthTime: InputMaybe<DateQueryOperatorInput>;
+    birthtime: InputMaybe<DateQueryOperatorInput>;
+    birthtimeMs: InputMaybe<FloatQueryOperatorInput>;
+    blksize: InputMaybe<IntQueryOperatorInput>;
+    blocks: InputMaybe<IntQueryOperatorInput>;
+    changeTime: InputMaybe<DateQueryOperatorInput>;
+    childComponentMetaJson: InputMaybe<componentMetaJsonFilterInput>;
+    childImageSharp: InputMaybe<ImageSharpFilterInput>;
+    childMdx: InputMaybe<MdxFilterInput>;
+    childPrimitiveMetaJson: InputMaybe<primitiveMetaJsonFilterInput>;
+    children: InputMaybe<NodeFilterListInput>;
+    childrenComponentMetaJson: InputMaybe<componentMetaJsonFilterListInput>;
+    childrenImageSharp: InputMaybe<ImageSharpFilterListInput>;
+    childrenMdx: InputMaybe<MdxFilterListInput>;
+    childrenPrimitiveMetaJson: InputMaybe<primitiveMetaJsonFilterListInput>;
+    ctime: InputMaybe<DateQueryOperatorInput>;
+    ctimeMs: InputMaybe<FloatQueryOperatorInput>;
+    dev: InputMaybe<IntQueryOperatorInput>;
+    dir: InputMaybe<StringQueryOperatorInput>;
+    ext: InputMaybe<StringQueryOperatorInput>;
+    extension: InputMaybe<StringQueryOperatorInput>;
+    gid: InputMaybe<IntQueryOperatorInput>;
+    id: InputMaybe<StringQueryOperatorInput>;
+    ino: InputMaybe<FloatQueryOperatorInput>;
+    internal: InputMaybe<InternalFilterInput>;
+    mode: InputMaybe<IntQueryOperatorInput>;
+    modifiedTime: InputMaybe<DateQueryOperatorInput>;
+    mtime: InputMaybe<DateQueryOperatorInput>;
+    mtimeMs: InputMaybe<FloatQueryOperatorInput>;
+    name: InputMaybe<StringQueryOperatorInput>;
+    nlink: InputMaybe<IntQueryOperatorInput>;
+    parent: InputMaybe<NodeFilterInput>;
+    prettySize: InputMaybe<StringQueryOperatorInput>;
+    publicURL: InputMaybe<StringQueryOperatorInput>;
+    rdev: InputMaybe<IntQueryOperatorInput>;
+    relativeDirectory: InputMaybe<StringQueryOperatorInput>;
+    relativePath: InputMaybe<StringQueryOperatorInput>;
+    root: InputMaybe<StringQueryOperatorInput>;
+    size: InputMaybe<IntQueryOperatorInput>;
+    sourceInstanceName: InputMaybe<StringQueryOperatorInput>;
+    uid: InputMaybe<IntQueryOperatorInput>;
+  };
+
+  type Query_imageSharpArgs = {
+    children: InputMaybe<NodeFilterListInput>;
+    fixed: InputMaybe<ImageSharpFixedFilterInput>;
+    fluid: InputMaybe<ImageSharpFluidFilterInput>;
+    gatsbyImageData: InputMaybe<GatsbyImageDataQueryOperatorInput>;
+    id: InputMaybe<StringQueryOperatorInput>;
+    internal: InputMaybe<InternalFilterInput>;
+    original: InputMaybe<ImageSharpOriginalFilterInput>;
+    parent: InputMaybe<NodeFilterInput>;
+    resize: InputMaybe<ImageSharpResizeFilterInput>;
+  };
+
+  type Query_localSearchPagesArgs = {
+    children: InputMaybe<NodeFilterListInput>;
+    engine: InputMaybe<StringQueryOperatorInput>;
+    id: InputMaybe<StringQueryOperatorInput>;
+    index: InputMaybe<StringQueryOperatorInput>;
+    internal: InputMaybe<InternalFilterInput>;
+    name: InputMaybe<StringQueryOperatorInput>;
+    parent: InputMaybe<NodeFilterInput>;
+    publicIndexURL: InputMaybe<StringQueryOperatorInput>;
+    publicStoreURL: InputMaybe<StringQueryOperatorInput>;
+    store: InputMaybe<JSONQueryOperatorInput>;
+  };
+
+  type Query_mdxArgs = {
+    body: InputMaybe<StringQueryOperatorInput>;
+    children: InputMaybe<NodeFilterListInput>;
+    excerpt: InputMaybe<StringQueryOperatorInput>;
+    frontmatter: InputMaybe<MdxFrontmatterFilterInput>;
+    id: InputMaybe<StringQueryOperatorInput>;
+    internal: InputMaybe<InternalFilterInput>;
+    parent: InputMaybe<NodeFilterInput>;
+    tableOfContents: InputMaybe<JSONQueryOperatorInput>;
+  };
+
+  type Query_primitiveMetaJsonArgs = {
+    _schema: InputMaybe<StringQueryOperatorInput>;
+    children: InputMaybe<NodeFilterListInput>;
+    description: InputMaybe<StringQueryOperatorInput>;
+    id: InputMaybe<StringQueryOperatorInput>;
+    internal: InputMaybe<InternalFilterInput>;
+    name: InputMaybe<StringQueryOperatorInput>;
+    parent: InputMaybe<NodeFilterInput>;
+    primitive: InputMaybe<FileFilterInput>;
+    thumbnail: InputMaybe<FileFilterInput>;
+  };
+
+  type Query_siteArgs = {
+    buildTime: InputMaybe<DateQueryOperatorInput>;
+    children: InputMaybe<NodeFilterListInput>;
+    flags: InputMaybe<SiteFlagsFilterInput>;
+    graphqlTypegen: InputMaybe<SiteGraphqlTypegenFilterInput>;
+    id: InputMaybe<StringQueryOperatorInput>;
+    internal: InputMaybe<InternalFilterInput>;
+    jsxRuntime: InputMaybe<StringQueryOperatorInput>;
+    parent: InputMaybe<NodeFilterInput>;
+    pathPrefix: InputMaybe<StringQueryOperatorInput>;
+    polyfill: InputMaybe<BooleanQueryOperatorInput>;
+    siteMetadata: InputMaybe<SiteSiteMetadataFilterInput>;
+    trailingSlash: InputMaybe<StringQueryOperatorInput>;
+  };
+
+  type Query_siteBuildMetadataArgs = {
+    buildTime: InputMaybe<DateQueryOperatorInput>;
+    children: InputMaybe<NodeFilterListInput>;
+    id: InputMaybe<StringQueryOperatorInput>;
+    internal: InputMaybe<InternalFilterInput>;
+    parent: InputMaybe<NodeFilterInput>;
+  };
+
+  type Query_siteFunctionArgs = {
+    absoluteCompiledFilePath: InputMaybe<StringQueryOperatorInput>;
+    children: InputMaybe<NodeFilterListInput>;
+    functionRoute: InputMaybe<StringQueryOperatorInput>;
+    id: InputMaybe<StringQueryOperatorInput>;
+    internal: InputMaybe<InternalFilterInput>;
+    matchPath: InputMaybe<StringQueryOperatorInput>;
+    originalAbsoluteFilePath: InputMaybe<StringQueryOperatorInput>;
+    originalRelativeFilePath: InputMaybe<StringQueryOperatorInput>;
+    parent: InputMaybe<NodeFilterInput>;
+    pluginName: InputMaybe<StringQueryOperatorInput>;
+    relativeCompiledFilePath: InputMaybe<StringQueryOperatorInput>;
+  };
+
+  type Query_sitePageArgs = {
+    children: InputMaybe<NodeFilterListInput>;
+    component: InputMaybe<StringQueryOperatorInput>;
+    componentChunkName: InputMaybe<StringQueryOperatorInput>;
+    id: InputMaybe<StringQueryOperatorInput>;
+    internal: InputMaybe<InternalFilterInput>;
+    internalComponentName: InputMaybe<StringQueryOperatorInput>;
+    matchPath: InputMaybe<StringQueryOperatorInput>;
+    pageContext: InputMaybe<JSONQueryOperatorInput>;
+    parent: InputMaybe<NodeFilterInput>;
+    path: InputMaybe<StringQueryOperatorInput>;
+    pluginCreator: InputMaybe<SitePluginFilterInput>;
+  };
+
+  type Query_sitePluginArgs = {
+    browserAPIs: InputMaybe<StringQueryOperatorInput>;
+    children: InputMaybe<NodeFilterListInput>;
+    id: InputMaybe<StringQueryOperatorInput>;
+    internal: InputMaybe<InternalFilterInput>;
+    name: InputMaybe<StringQueryOperatorInput>;
+    nodeAPIs: InputMaybe<StringQueryOperatorInput>;
+    packageJson: InputMaybe<JSONQueryOperatorInput>;
+    parent: InputMaybe<NodeFilterInput>;
+    pluginFilepath: InputMaybe<StringQueryOperatorInput>;
+    pluginOptions: InputMaybe<JSONQueryOperatorInput>;
+    resolve: InputMaybe<StringQueryOperatorInput>;
+    ssrAPIs: InputMaybe<StringQueryOperatorInput>;
+    version: InputMaybe<StringQueryOperatorInput>;
+  };
+
+  type Site = Node & {
+    readonly buildTime: Maybe<Scalars["Date"]>;
+    readonly children: ReadonlyArray<Node>;
+    readonly flags: Maybe<SiteFlags>;
+    readonly graphqlTypegen: Maybe<SiteGraphqlTypegen>;
+    readonly id: Scalars["ID"];
+    readonly internal: Internal;
+    readonly jsxRuntime: Maybe<Scalars["String"]>;
+    readonly parent: Maybe<Node>;
+    readonly pathPrefix: Maybe<Scalars["String"]>;
+    readonly polyfill: Maybe<Scalars["Boolean"]>;
+    readonly siteMetadata: Maybe<SiteSiteMetadata>;
+    readonly trailingSlash: Maybe<Scalars["String"]>;
+  };
+
+  type Site_buildTimeArgs = {
+    difference: InputMaybe<Scalars["String"]>;
+    formatString: InputMaybe<Scalars["String"]>;
+    fromNow: InputMaybe<Scalars["Boolean"]>;
+    locale: InputMaybe<Scalars["String"]>;
+  };
+
+  type SiteBuildMetadata = Node & {
+    readonly buildTime: Maybe<Scalars["Date"]>;
+    readonly children: ReadonlyArray<Node>;
+    readonly id: Scalars["ID"];
+    readonly internal: Internal;
+    readonly parent: Maybe<Node>;
+  };
+
+  type SiteBuildMetadata_buildTimeArgs = {
+    difference: InputMaybe<Scalars["String"]>;
+    formatString: InputMaybe<Scalars["String"]>;
+    fromNow: InputMaybe<Scalars["Boolean"]>;
+    locale: InputMaybe<Scalars["String"]>;
+  };
+
+  type SiteBuildMetadataConnection = {
+    readonly distinct: ReadonlyArray<Scalars["String"]>;
+    readonly edges: ReadonlyArray<SiteBuildMetadataEdge>;
+    readonly group: ReadonlyArray<SiteBuildMetadataGroupConnection>;
+    readonly max: Maybe<Scalars["Float"]>;
+    readonly min: Maybe<Scalars["Float"]>;
+    readonly nodes: ReadonlyArray<SiteBuildMetadata>;
+    readonly pageInfo: PageInfo;
+    readonly sum: Maybe<Scalars["Float"]>;
+    readonly totalCount: Scalars["Int"];
+  };
+
+  type SiteBuildMetadataConnection_distinctArgs = {
+    field: SiteBuildMetadataFieldSelector;
+  };
+
+  type SiteBuildMetadataConnection_groupArgs = {
+    field: SiteBuildMetadataFieldSelector;
+    limit: InputMaybe<Scalars["Int"]>;
+    skip: InputMaybe<Scalars["Int"]>;
+  };
+
+  type SiteBuildMetadataConnection_maxArgs = {
+    field: SiteBuildMetadataFieldSelector;
+  };
+
+  type SiteBuildMetadataConnection_minArgs = {
+    field: SiteBuildMetadataFieldSelector;
+  };
+
+  type SiteBuildMetadataConnection_sumArgs = {
+    field: SiteBuildMetadataFieldSelector;
+  };
+
+  type SiteBuildMetadataEdge = {
+    readonly next: Maybe<SiteBuildMetadata>;
+    readonly node: SiteBuildMetadata;
+    readonly previous: Maybe<SiteBuildMetadata>;
+  };
+
+  type SiteBuildMetadataFieldSelector = {
+    readonly buildTime: InputMaybe<FieldSelectorEnum>;
+    readonly children: InputMaybe<NodeFieldSelector>;
+    readonly id: InputMaybe<FieldSelectorEnum>;
+    readonly internal: InputMaybe<InternalFieldSelector>;
+    readonly parent: InputMaybe<NodeFieldSelector>;
+  };
+
+  type SiteBuildMetadataFilterInput = {
+    readonly buildTime: InputMaybe<DateQueryOperatorInput>;
+    readonly children: InputMaybe<NodeFilterListInput>;
+    readonly id: InputMaybe<StringQueryOperatorInput>;
+    readonly internal: InputMaybe<InternalFilterInput>;
+    readonly parent: InputMaybe<NodeFilterInput>;
+  };
+
+  type SiteBuildMetadataGroupConnection = {
+    readonly distinct: ReadonlyArray<Scalars["String"]>;
+    readonly edges: ReadonlyArray<SiteBuildMetadataEdge>;
+    readonly field: Scalars["String"];
+    readonly fieldValue: Maybe<Scalars["String"]>;
+    readonly group: ReadonlyArray<SiteBuildMetadataGroupConnection>;
+    readonly max: Maybe<Scalars["Float"]>;
+    readonly min: Maybe<Scalars["Float"]>;
+    readonly nodes: ReadonlyArray<SiteBuildMetadata>;
+    readonly pageInfo: PageInfo;
+    readonly sum: Maybe<Scalars["Float"]>;
+    readonly totalCount: Scalars["Int"];
+  };
+
+  type SiteBuildMetadataGroupConnection_distinctArgs = {
+    field: SiteBuildMetadataFieldSelector;
+  };
+
+  type SiteBuildMetadataGroupConnection_groupArgs = {
+    field: SiteBuildMetadataFieldSelector;
+    limit: InputMaybe<Scalars["Int"]>;
+    skip: InputMaybe<Scalars["Int"]>;
+  };
+
+  type SiteBuildMetadataGroupConnection_maxArgs = {
+    field: SiteBuildMetadataFieldSelector;
+  };
+
+  type SiteBuildMetadataGroupConnection_minArgs = {
+    field: SiteBuildMetadataFieldSelector;
+  };
+
+  type SiteBuildMetadataGroupConnection_sumArgs = {
+    field: SiteBuildMetadataFieldSelector;
+  };
+
+  type SiteBuildMetadataSortInput = {
+    readonly buildTime: InputMaybe<SortOrderEnum>;
+    readonly children: InputMaybe<NodeSortInput>;
+    readonly id: InputMaybe<SortOrderEnum>;
+    readonly internal: InputMaybe<InternalSortInput>;
+    readonly parent: InputMaybe<NodeSortInput>;
+  };
+
+  type SiteConnection = {
+    readonly distinct: ReadonlyArray<Scalars["String"]>;
+    readonly edges: ReadonlyArray<SiteEdge>;
+    readonly group: ReadonlyArray<SiteGroupConnection>;
+    readonly max: Maybe<Scalars["Float"]>;
+    readonly min: Maybe<Scalars["Float"]>;
+    readonly nodes: ReadonlyArray<Site>;
+    readonly pageInfo: PageInfo;
+    readonly sum: Maybe<Scalars["Float"]>;
+    readonly totalCount: Scalars["Int"];
+  };
+
+  type SiteConnection_distinctArgs = {
+    field: SiteFieldSelector;
+  };
+
+  type SiteConnection_groupArgs = {
+    field: SiteFieldSelector;
+    limit: InputMaybe<Scalars["Int"]>;
+    skip: InputMaybe<Scalars["Int"]>;
+  };
+
+  type SiteConnection_maxArgs = {
+    field: SiteFieldSelector;
+  };
+
+  type SiteConnection_minArgs = {
+    field: SiteFieldSelector;
+  };
+
+  type SiteConnection_sumArgs = {
+    field: SiteFieldSelector;
+  };
+
+  type SiteEdge = {
+    readonly next: Maybe<Site>;
+    readonly node: Site;
+    readonly previous: Maybe<Site>;
+  };
+
+  type SiteFieldSelector = {
+    readonly buildTime: InputMaybe<FieldSelectorEnum>;
+    readonly children: InputMaybe<NodeFieldSelector>;
+    readonly flags: InputMaybe<SiteFlagsFieldSelector>;
+    readonly graphqlTypegen: InputMaybe<SiteGraphqlTypegenFieldSelector>;
+    readonly id: InputMaybe<FieldSelectorEnum>;
+    readonly internal: InputMaybe<InternalFieldSelector>;
+    readonly jsxRuntime: InputMaybe<FieldSelectorEnum>;
+    readonly parent: InputMaybe<NodeFieldSelector>;
+    readonly pathPrefix: InputMaybe<FieldSelectorEnum>;
+    readonly polyfill: InputMaybe<FieldSelectorEnum>;
+    readonly siteMetadata: InputMaybe<SiteSiteMetadataFieldSelector>;
+    readonly trailingSlash: InputMaybe<FieldSelectorEnum>;
+  };
+
+  type SiteFilterInput = {
+    readonly buildTime: InputMaybe<DateQueryOperatorInput>;
+    readonly children: InputMaybe<NodeFilterListInput>;
+    readonly flags: InputMaybe<SiteFlagsFilterInput>;
+    readonly graphqlTypegen: InputMaybe<SiteGraphqlTypegenFilterInput>;
+    readonly id: InputMaybe<StringQueryOperatorInput>;
+    readonly internal: InputMaybe<InternalFilterInput>;
+    readonly jsxRuntime: InputMaybe<StringQueryOperatorInput>;
+    readonly parent: InputMaybe<NodeFilterInput>;
+    readonly pathPrefix: InputMaybe<StringQueryOperatorInput>;
+    readonly polyfill: InputMaybe<BooleanQueryOperatorInput>;
+    readonly siteMetadata: InputMaybe<SiteSiteMetadataFilterInput>;
+    readonly trailingSlash: InputMaybe<StringQueryOperatorInput>;
+  };
+
+  type SiteFlags = {
+    readonly DEV_SSR: Maybe<Scalars["Boolean"]>;
+  };
+
+  type SiteFlagsFieldSelector = {
+    readonly DEV_SSR: InputMaybe<FieldSelectorEnum>;
+  };
+
+  type SiteFlagsFilterInput = {
+    readonly DEV_SSR: InputMaybe<BooleanQueryOperatorInput>;
+  };
+
+  type SiteFlagsSortInput = {
+    readonly DEV_SSR: InputMaybe<SortOrderEnum>;
+  };
+
+  type SiteFunction = Node & {
+    readonly absoluteCompiledFilePath: Scalars["String"];
+    readonly children: ReadonlyArray<Node>;
+    readonly functionRoute: Scalars["String"];
+    readonly id: Scalars["ID"];
+    readonly internal: Internal;
+    readonly matchPath: Maybe<Scalars["String"]>;
+    readonly originalAbsoluteFilePath: Scalars["String"];
+    readonly originalRelativeFilePath: Scalars["String"];
+    readonly parent: Maybe<Node>;
+    readonly pluginName: Scalars["String"];
+    readonly relativeCompiledFilePath: Scalars["String"];
+  };
+
+  type SiteFunctionConnection = {
+    readonly distinct: ReadonlyArray<Scalars["String"]>;
+    readonly edges: ReadonlyArray<SiteFunctionEdge>;
+    readonly group: ReadonlyArray<SiteFunctionGroupConnection>;
+    readonly max: Maybe<Scalars["Float"]>;
+    readonly min: Maybe<Scalars["Float"]>;
+    readonly nodes: ReadonlyArray<SiteFunction>;
+    readonly pageInfo: PageInfo;
+    readonly sum: Maybe<Scalars["Float"]>;
+    readonly totalCount: Scalars["Int"];
+  };
+
+  type SiteFunctionConnection_distinctArgs = {
+    field: SiteFunctionFieldSelector;
+  };
+
+  type SiteFunctionConnection_groupArgs = {
+    field: SiteFunctionFieldSelector;
+    limit: InputMaybe<Scalars["Int"]>;
+    skip: InputMaybe<Scalars["Int"]>;
+  };
+
+  type SiteFunctionConnection_maxArgs = {
+    field: SiteFunctionFieldSelector;
+  };
+
+  type SiteFunctionConnection_minArgs = {
+    field: SiteFunctionFieldSelector;
+  };
+
+  type SiteFunctionConnection_sumArgs = {
+    field: SiteFunctionFieldSelector;
+  };
+
+  type SiteFunctionEdge = {
+    readonly next: Maybe<SiteFunction>;
+    readonly node: SiteFunction;
+    readonly previous: Maybe<SiteFunction>;
+  };
+
+  type SiteFunctionFieldSelector = {
+    readonly absoluteCompiledFilePath: InputMaybe<FieldSelectorEnum>;
+    readonly children: InputMaybe<NodeFieldSelector>;
+    readonly functionRoute: InputMaybe<FieldSelectorEnum>;
+    readonly id: InputMaybe<FieldSelectorEnum>;
+    readonly internal: InputMaybe<InternalFieldSelector>;
+    readonly matchPath: InputMaybe<FieldSelectorEnum>;
+    readonly originalAbsoluteFilePath: InputMaybe<FieldSelectorEnum>;
+    readonly originalRelativeFilePath: InputMaybe<FieldSelectorEnum>;
+    readonly parent: InputMaybe<NodeFieldSelector>;
+    readonly pluginName: InputMaybe<FieldSelectorEnum>;
+    readonly relativeCompiledFilePath: InputMaybe<FieldSelectorEnum>;
+  };
+
+  type SiteFunctionFilterInput = {
+    readonly absoluteCompiledFilePath: InputMaybe<StringQueryOperatorInput>;
+    readonly children: InputMaybe<NodeFilterListInput>;
+    readonly functionRoute: InputMaybe<StringQueryOperatorInput>;
+    readonly id: InputMaybe<StringQueryOperatorInput>;
+    readonly internal: InputMaybe<InternalFilterInput>;
+    readonly matchPath: InputMaybe<StringQueryOperatorInput>;
+    readonly originalAbsoluteFilePath: InputMaybe<StringQueryOperatorInput>;
+    readonly originalRelativeFilePath: InputMaybe<StringQueryOperatorInput>;
+    readonly parent: InputMaybe<NodeFilterInput>;
+    readonly pluginName: InputMaybe<StringQueryOperatorInput>;
+    readonly relativeCompiledFilePath: InputMaybe<StringQueryOperatorInput>;
+  };
+
+  type SiteFunctionGroupConnection = {
+    readonly distinct: ReadonlyArray<Scalars["String"]>;
+    readonly edges: ReadonlyArray<SiteFunctionEdge>;
+    readonly field: Scalars["String"];
+    readonly fieldValue: Maybe<Scalars["String"]>;
+    readonly group: ReadonlyArray<SiteFunctionGroupConnection>;
+    readonly max: Maybe<Scalars["Float"]>;
+    readonly min: Maybe<Scalars["Float"]>;
+    readonly nodes: ReadonlyArray<SiteFunction>;
+    readonly pageInfo: PageInfo;
+    readonly sum: Maybe<Scalars["Float"]>;
+    readonly totalCount: Scalars["Int"];
+  };
+
+  type SiteFunctionGroupConnection_distinctArgs = {
+    field: SiteFunctionFieldSelector;
+  };
+
+  type SiteFunctionGroupConnection_groupArgs = {
+    field: SiteFunctionFieldSelector;
+    limit: InputMaybe<Scalars["Int"]>;
+    skip: InputMaybe<Scalars["Int"]>;
+  };
+
+  type SiteFunctionGroupConnection_maxArgs = {
+    field: SiteFunctionFieldSelector;
+  };
+
+  type SiteFunctionGroupConnection_minArgs = {
+    field: SiteFunctionFieldSelector;
+  };
+
+  type SiteFunctionGroupConnection_sumArgs = {
+    field: SiteFunctionFieldSelector;
+  };
+
+  type SiteFunctionSortInput = {
+    readonly absoluteCompiledFilePath: InputMaybe<SortOrderEnum>;
+    readonly children: InputMaybe<NodeSortInput>;
+    readonly functionRoute: InputMaybe<SortOrderEnum>;
+    readonly id: InputMaybe<SortOrderEnum>;
+    readonly internal: InputMaybe<InternalSortInput>;
+    readonly matchPath: InputMaybe<SortOrderEnum>;
+    readonly originalAbsoluteFilePath: InputMaybe<SortOrderEnum>;
+    readonly originalRelativeFilePath: InputMaybe<SortOrderEnum>;
+    readonly parent: InputMaybe<NodeSortInput>;
+    readonly pluginName: InputMaybe<SortOrderEnum>;
+    readonly relativeCompiledFilePath: InputMaybe<SortOrderEnum>;
+  };
+
+  type SiteGraphqlTypegen = {
+    readonly documentSearchPaths: Maybe<
+      ReadonlyArray<Maybe<Scalars["String"]>>
+    >;
+    readonly generateOnBuild: Maybe<Scalars["Boolean"]>;
+    readonly typesOutputPath: Maybe<Scalars["String"]>;
+  };
+
+  type SiteGraphqlTypegenFieldSelector = {
+    readonly documentSearchPaths: InputMaybe<FieldSelectorEnum>;
+    readonly generateOnBuild: InputMaybe<FieldSelectorEnum>;
+    readonly typesOutputPath: InputMaybe<FieldSelectorEnum>;
+  };
+
+  type SiteGraphqlTypegenFilterInput = {
+    readonly documentSearchPaths: InputMaybe<StringQueryOperatorInput>;
+    readonly generateOnBuild: InputMaybe<BooleanQueryOperatorInput>;
+    readonly typesOutputPath: InputMaybe<StringQueryOperatorInput>;
+  };
+
+  type SiteGraphqlTypegenSortInput = {
+    readonly documentSearchPaths: InputMaybe<SortOrderEnum>;
+    readonly generateOnBuild: InputMaybe<SortOrderEnum>;
+    readonly typesOutputPath: InputMaybe<SortOrderEnum>;
+  };
+
+  type SiteGroupConnection = {
+    readonly distinct: ReadonlyArray<Scalars["String"]>;
+    readonly edges: ReadonlyArray<SiteEdge>;
+    readonly field: Scalars["String"];
+    readonly fieldValue: Maybe<Scalars["String"]>;
+    readonly group: ReadonlyArray<SiteGroupConnection>;
+    readonly max: Maybe<Scalars["Float"]>;
+    readonly min: Maybe<Scalars["Float"]>;
+    readonly nodes: ReadonlyArray<Site>;
+    readonly pageInfo: PageInfo;
+    readonly sum: Maybe<Scalars["Float"]>;
+    readonly totalCount: Scalars["Int"];
+  };
+
+  type SiteGroupConnection_distinctArgs = {
+    field: SiteFieldSelector;
+  };
+
+  type SiteGroupConnection_groupArgs = {
+    field: SiteFieldSelector;
+    limit: InputMaybe<Scalars["Int"]>;
+    skip: InputMaybe<Scalars["Int"]>;
+  };
+
+  type SiteGroupConnection_maxArgs = {
+    field: SiteFieldSelector;
+  };
+
+  type SiteGroupConnection_minArgs = {
+    field: SiteFieldSelector;
+  };
+
+  type SiteGroupConnection_sumArgs = {
+    field: SiteFieldSelector;
+  };
+
+  type SitePage = Node & {
+    readonly children: ReadonlyArray<Node>;
+    readonly component: Scalars["String"];
+    readonly componentChunkName: Scalars["String"];
+    readonly id: Scalars["ID"];
+    readonly internal: Internal;
+    readonly internalComponentName: Scalars["String"];
+    readonly matchPath: Maybe<Scalars["String"]>;
+    readonly pageContext: Maybe<Scalars["JSON"]>;
+    readonly parent: Maybe<Node>;
+    readonly path: Scalars["String"];
+    readonly pluginCreator: Maybe<SitePlugin>;
+  };
+
+  type SitePageConnection = {
+    readonly distinct: ReadonlyArray<Scalars["String"]>;
+    readonly edges: ReadonlyArray<SitePageEdge>;
+    readonly group: ReadonlyArray<SitePageGroupConnection>;
+    readonly max: Maybe<Scalars["Float"]>;
+    readonly min: Maybe<Scalars["Float"]>;
+    readonly nodes: ReadonlyArray<SitePage>;
+    readonly pageInfo: PageInfo;
+    readonly sum: Maybe<Scalars["Float"]>;
+    readonly totalCount: Scalars["Int"];
+  };
+
+  type SitePageConnection_distinctArgs = {
+    field: SitePageFieldSelector;
+  };
+
+  type SitePageConnection_groupArgs = {
+    field: SitePageFieldSelector;
+    limit: InputMaybe<Scalars["Int"]>;
+    skip: InputMaybe<Scalars["Int"]>;
+  };
+
+  type SitePageConnection_maxArgs = {
+    field: SitePageFieldSelector;
+  };
+
+  type SitePageConnection_minArgs = {
+    field: SitePageFieldSelector;
+  };
+
+  type SitePageConnection_sumArgs = {
+    field: SitePageFieldSelector;
+  };
+
+  type SitePageEdge = {
+    readonly next: Maybe<SitePage>;
+    readonly node: SitePage;
+    readonly previous: Maybe<SitePage>;
+  };
+
+  type SitePageFieldSelector = {
+    readonly children: InputMaybe<NodeFieldSelector>;
+    readonly component: InputMaybe<FieldSelectorEnum>;
+    readonly componentChunkName: InputMaybe<FieldSelectorEnum>;
+    readonly id: InputMaybe<FieldSelectorEnum>;
+    readonly internal: InputMaybe<InternalFieldSelector>;
+    readonly internalComponentName: InputMaybe<FieldSelectorEnum>;
+    readonly matchPath: InputMaybe<FieldSelectorEnum>;
+    readonly pageContext: InputMaybe<FieldSelectorEnum>;
+    readonly parent: InputMaybe<NodeFieldSelector>;
+    readonly path: InputMaybe<FieldSelectorEnum>;
+    readonly pluginCreator: InputMaybe<SitePluginFieldSelector>;
+  };
+
+  type SitePageFilterInput = {
+    readonly children: InputMaybe<NodeFilterListInput>;
+    readonly component: InputMaybe<StringQueryOperatorInput>;
+    readonly componentChunkName: InputMaybe<StringQueryOperatorInput>;
+    readonly id: InputMaybe<StringQueryOperatorInput>;
+    readonly internal: InputMaybe<InternalFilterInput>;
+    readonly internalComponentName: InputMaybe<StringQueryOperatorInput>;
+    readonly matchPath: InputMaybe<StringQueryOperatorInput>;
+    readonly pageContext: InputMaybe<JSONQueryOperatorInput>;
+    readonly parent: InputMaybe<NodeFilterInput>;
+    readonly path: InputMaybe<StringQueryOperatorInput>;
+    readonly pluginCreator: InputMaybe<SitePluginFilterInput>;
+  };
+
+  type SitePageGroupConnection = {
+    readonly distinct: ReadonlyArray<Scalars["String"]>;
+    readonly edges: ReadonlyArray<SitePageEdge>;
+    readonly field: Scalars["String"];
+    readonly fieldValue: Maybe<Scalars["String"]>;
+    readonly group: ReadonlyArray<SitePageGroupConnection>;
+    readonly max: Maybe<Scalars["Float"]>;
+    readonly min: Maybe<Scalars["Float"]>;
+    readonly nodes: ReadonlyArray<SitePage>;
+    readonly pageInfo: PageInfo;
+    readonly sum: Maybe<Scalars["Float"]>;
+    readonly totalCount: Scalars["Int"];
+  };
+
+  type SitePageGroupConnection_distinctArgs = {
+    field: SitePageFieldSelector;
+  };
+
+  type SitePageGroupConnection_groupArgs = {
+    field: SitePageFieldSelector;
+    limit: InputMaybe<Scalars["Int"]>;
+    skip: InputMaybe<Scalars["Int"]>;
+  };
+
+  type SitePageGroupConnection_maxArgs = {
+    field: SitePageFieldSelector;
+  };
+
+  type SitePageGroupConnection_minArgs = {
+    field: SitePageFieldSelector;
+  };
+
+  type SitePageGroupConnection_sumArgs = {
+    field: SitePageFieldSelector;
+  };
+
+  type SitePageSortInput = {
+    readonly children: InputMaybe<NodeSortInput>;
+    readonly component: InputMaybe<SortOrderEnum>;
+    readonly componentChunkName: InputMaybe<SortOrderEnum>;
+    readonly id: InputMaybe<SortOrderEnum>;
+    readonly internal: InputMaybe<InternalSortInput>;
+    readonly internalComponentName: InputMaybe<SortOrderEnum>;
+    readonly matchPath: InputMaybe<SortOrderEnum>;
+    readonly pageContext: InputMaybe<SortOrderEnum>;
+    readonly parent: InputMaybe<NodeSortInput>;
+    readonly path: InputMaybe<SortOrderEnum>;
+    readonly pluginCreator: InputMaybe<SitePluginSortInput>;
+  };
+
+  type SitePlugin = Node & {
+    readonly browserAPIs: Maybe<ReadonlyArray<Maybe<Scalars["String"]>>>;
+    readonly children: ReadonlyArray<Node>;
+    readonly id: Scalars["ID"];
+    readonly internal: Internal;
+    readonly name: Maybe<Scalars["String"]>;
+    readonly nodeAPIs: Maybe<ReadonlyArray<Maybe<Scalars["String"]>>>;
+    readonly packageJson: Maybe<Scalars["JSON"]>;
+    readonly parent: Maybe<Node>;
+    readonly pluginFilepath: Maybe<Scalars["String"]>;
+    readonly pluginOptions: Maybe<Scalars["JSON"]>;
+    readonly resolve: Maybe<Scalars["String"]>;
+    readonly ssrAPIs: Maybe<ReadonlyArray<Maybe<Scalars["String"]>>>;
+    readonly version: Maybe<Scalars["String"]>;
+  };
+
+  type SitePluginConnection = {
+    readonly distinct: ReadonlyArray<Scalars["String"]>;
+    readonly edges: ReadonlyArray<SitePluginEdge>;
+    readonly group: ReadonlyArray<SitePluginGroupConnection>;
+    readonly max: Maybe<Scalars["Float"]>;
+    readonly min: Maybe<Scalars["Float"]>;
+    readonly nodes: ReadonlyArray<SitePlugin>;
+    readonly pageInfo: PageInfo;
+    readonly sum: Maybe<Scalars["Float"]>;
+    readonly totalCount: Scalars["Int"];
+  };
+
+  type SitePluginConnection_distinctArgs = {
+    field: SitePluginFieldSelector;
+  };
+
+  type SitePluginConnection_groupArgs = {
+    field: SitePluginFieldSelector;
+    limit: InputMaybe<Scalars["Int"]>;
+    skip: InputMaybe<Scalars["Int"]>;
+  };
+
+  type SitePluginConnection_maxArgs = {
+    field: SitePluginFieldSelector;
+  };
+
+  type SitePluginConnection_minArgs = {
+    field: SitePluginFieldSelector;
+  };
+
+  type SitePluginConnection_sumArgs = {
+    field: SitePluginFieldSelector;
+  };
+
+  type SitePluginEdge = {
+    readonly next: Maybe<SitePlugin>;
+    readonly node: SitePlugin;
+    readonly previous: Maybe<SitePlugin>;
+  };
+
+  type SitePluginFieldSelector = {
+    readonly browserAPIs: InputMaybe<FieldSelectorEnum>;
+    readonly children: InputMaybe<NodeFieldSelector>;
+    readonly id: InputMaybe<FieldSelectorEnum>;
+    readonly internal: InputMaybe<InternalFieldSelector>;
+    readonly name: InputMaybe<FieldSelectorEnum>;
+    readonly nodeAPIs: InputMaybe<FieldSelectorEnum>;
+    readonly packageJson: InputMaybe<FieldSelectorEnum>;
+    readonly parent: InputMaybe<NodeFieldSelector>;
+    readonly pluginFilepath: InputMaybe<FieldSelectorEnum>;
+    readonly pluginOptions: InputMaybe<FieldSelectorEnum>;
+    readonly resolve: InputMaybe<FieldSelectorEnum>;
+    readonly ssrAPIs: InputMaybe<FieldSelectorEnum>;
+    readonly version: InputMaybe<FieldSelectorEnum>;
+  };
+
+  type SitePluginFilterInput = {
+    readonly browserAPIs: InputMaybe<StringQueryOperatorInput>;
+    readonly children: InputMaybe<NodeFilterListInput>;
+    readonly id: InputMaybe<StringQueryOperatorInput>;
+    readonly internal: InputMaybe<InternalFilterInput>;
+    readonly name: InputMaybe<StringQueryOperatorInput>;
+    readonly nodeAPIs: InputMaybe<StringQueryOperatorInput>;
+    readonly packageJson: InputMaybe<JSONQueryOperatorInput>;
+    readonly parent: InputMaybe<NodeFilterInput>;
+    readonly pluginFilepath: InputMaybe<StringQueryOperatorInput>;
+    readonly pluginOptions: InputMaybe<JSONQueryOperatorInput>;
+    readonly resolve: InputMaybe<StringQueryOperatorInput>;
+    readonly ssrAPIs: InputMaybe<StringQueryOperatorInput>;
+    readonly version: InputMaybe<StringQueryOperatorInput>;
+  };
+
+  type SitePluginGroupConnection = {
+    readonly distinct: ReadonlyArray<Scalars["String"]>;
+    readonly edges: ReadonlyArray<SitePluginEdge>;
+    readonly field: Scalars["String"];
+    readonly fieldValue: Maybe<Scalars["String"]>;
+    readonly group: ReadonlyArray<SitePluginGroupConnection>;
+    readonly max: Maybe<Scalars["Float"]>;
+    readonly min: Maybe<Scalars["Float"]>;
+    readonly nodes: ReadonlyArray<SitePlugin>;
+    readonly pageInfo: PageInfo;
+    readonly sum: Maybe<Scalars["Float"]>;
+    readonly totalCount: Scalars["Int"];
+  };
+
+  type SitePluginGroupConnection_distinctArgs = {
+    field: SitePluginFieldSelector;
+  };
+
+  type SitePluginGroupConnection_groupArgs = {
+    field: SitePluginFieldSelector;
+    limit: InputMaybe<Scalars["Int"]>;
+    skip: InputMaybe<Scalars["Int"]>;
+  };
+
+  type SitePluginGroupConnection_maxArgs = {
+    field: SitePluginFieldSelector;
+  };
+
+  type SitePluginGroupConnection_minArgs = {
+    field: SitePluginFieldSelector;
+  };
+
+  type SitePluginGroupConnection_sumArgs = {
+    field: SitePluginFieldSelector;
+  };
+
+  type SitePluginSortInput = {
+    readonly browserAPIs: InputMaybe<SortOrderEnum>;
+    readonly children: InputMaybe<NodeSortInput>;
+    readonly id: InputMaybe<SortOrderEnum>;
+    readonly internal: InputMaybe<InternalSortInput>;
+    readonly name: InputMaybe<SortOrderEnum>;
+    readonly nodeAPIs: InputMaybe<SortOrderEnum>;
+    readonly packageJson: InputMaybe<SortOrderEnum>;
+    readonly parent: InputMaybe<NodeSortInput>;
+    readonly pluginFilepath: InputMaybe<SortOrderEnum>;
+    readonly pluginOptions: InputMaybe<SortOrderEnum>;
+    readonly resolve: InputMaybe<SortOrderEnum>;
+    readonly ssrAPIs: InputMaybe<SortOrderEnum>;
+    readonly version: InputMaybe<SortOrderEnum>;
+  };
+
+  type SiteSiteMetadata = {
+    readonly description: Maybe<Scalars["String"]>;
+    readonly siteUrl: Maybe<Scalars["String"]>;
+    readonly title: Maybe<Scalars["String"]>;
+  };
+
+  type SiteSiteMetadataFieldSelector = {
+    readonly description: InputMaybe<FieldSelectorEnum>;
+    readonly siteUrl: InputMaybe<FieldSelectorEnum>;
+    readonly title: InputMaybe<FieldSelectorEnum>;
+  };
+
+  type SiteSiteMetadataFilterInput = {
+    readonly description: InputMaybe<StringQueryOperatorInput>;
+    readonly siteUrl: InputMaybe<StringQueryOperatorInput>;
+    readonly title: InputMaybe<StringQueryOperatorInput>;
+  };
+
+  type SiteSiteMetadataSortInput = {
+    readonly description: InputMaybe<SortOrderEnum>;
+    readonly siteUrl: InputMaybe<SortOrderEnum>;
+    readonly title: InputMaybe<SortOrderEnum>;
+  };
+
+  type SiteSortInput = {
+    readonly buildTime: InputMaybe<SortOrderEnum>;
+    readonly children: InputMaybe<NodeSortInput>;
+    readonly flags: InputMaybe<SiteFlagsSortInput>;
+    readonly graphqlTypegen: InputMaybe<SiteGraphqlTypegenSortInput>;
+    readonly id: InputMaybe<SortOrderEnum>;
+    readonly internal: InputMaybe<InternalSortInput>;
+    readonly jsxRuntime: InputMaybe<SortOrderEnum>;
+    readonly parent: InputMaybe<NodeSortInput>;
+    readonly pathPrefix: InputMaybe<SortOrderEnum>;
+    readonly polyfill: InputMaybe<SortOrderEnum>;
+    readonly siteMetadata: InputMaybe<SiteSiteMetadataSortInput>;
+    readonly trailingSlash: InputMaybe<SortOrderEnum>;
+  };
+
+  type SortOrderEnum = "ASC" | "DESC";
+
+  type StringQueryOperatorInput = {
+    readonly eq: InputMaybe<Scalars["String"]>;
+    readonly glob: InputMaybe<Scalars["String"]>;
+    readonly in: InputMaybe<ReadonlyArray<InputMaybe<Scalars["String"]>>>;
+    readonly ne: InputMaybe<Scalars["String"]>;
+    readonly nin: InputMaybe<ReadonlyArray<InputMaybe<Scalars["String"]>>>;
+    readonly regex: InputMaybe<Scalars["String"]>;
+  };
+
+  type TransformOptions = {
+    readonly cropFocus: InputMaybe<ImageCropFocus>;
+    readonly duotone: InputMaybe<DuotoneGradient>;
+    readonly fit: InputMaybe<ImageFit>;
+    readonly grayscale: InputMaybe<Scalars["Boolean"]>;
+    readonly rotate: InputMaybe<Scalars["Int"]>;
+    readonly trim: InputMaybe<Scalars["Float"]>;
+  };
+
+  type WebPOptions = {
+    readonly quality: InputMaybe<Scalars["Int"]>;
+  };
+
+  type componentMetaJson = Node & {
+    readonly _schema: Maybe<Scalars["String"]>;
+    readonly alias: Maybe<Scalars["String"]>;
+    readonly children: ReadonlyArray<Node>;
+    readonly description: Maybe<Scalars["String"]>;
+    readonly group: Maybe<Scalars["String"]>;
+    readonly id: Scalars["ID"];
+    readonly internal: Internal;
+    readonly name: Maybe<Scalars["String"]>;
+    readonly parent: Maybe<Node>;
+    readonly platform: Maybe<componentMetaJsonPlatform>;
+    readonly primitive: Maybe<File>;
+    readonly thumbnail: Maybe<File>;
+  };
+
+  type componentMetaJsonConnection = {
+    readonly distinct: ReadonlyArray<Scalars["String"]>;
+    readonly edges: ReadonlyArray<componentMetaJsonEdge>;
+    readonly group: ReadonlyArray<componentMetaJsonGroupConnection>;
+    readonly max: Maybe<Scalars["Float"]>;
+    readonly min: Maybe<Scalars["Float"]>;
+    readonly nodes: ReadonlyArray<componentMetaJson>;
+    readonly pageInfo: PageInfo;
+    readonly sum: Maybe<Scalars["Float"]>;
+    readonly totalCount: Scalars["Int"];
+  };
+
+  type componentMetaJsonConnection_distinctArgs = {
+    field: componentMetaJsonFieldSelector;
+  };
+
+  type componentMetaJsonConnection_groupArgs = {
+    field: componentMetaJsonFieldSelector;
+    limit: InputMaybe<Scalars["Int"]>;
+    skip: InputMaybe<Scalars["Int"]>;
+  };
+
+  type componentMetaJsonConnection_maxArgs = {
+    field: componentMetaJsonFieldSelector;
+  };
+
+  type componentMetaJsonConnection_minArgs = {
+    field: componentMetaJsonFieldSelector;
+  };
+
+  type componentMetaJsonConnection_sumArgs = {
+    field: componentMetaJsonFieldSelector;
+  };
+
+  type componentMetaJsonEdge = {
+    readonly next: Maybe<componentMetaJson>;
+    readonly node: componentMetaJson;
+    readonly previous: Maybe<componentMetaJson>;
+  };
+
+  type componentMetaJsonFieldSelector = {
+    readonly _schema: InputMaybe<FieldSelectorEnum>;
+    readonly alias: InputMaybe<FieldSelectorEnum>;
+    readonly children: InputMaybe<NodeFieldSelector>;
+    readonly description: InputMaybe<FieldSelectorEnum>;
+    readonly group: InputMaybe<FieldSelectorEnum>;
+    readonly id: InputMaybe<FieldSelectorEnum>;
+    readonly internal: InputMaybe<InternalFieldSelector>;
+    readonly name: InputMaybe<FieldSelectorEnum>;
+    readonly parent: InputMaybe<NodeFieldSelector>;
+    readonly platform: InputMaybe<componentMetaJsonPlatformFieldSelector>;
+    readonly primitive: InputMaybe<FileFieldSelector>;
+    readonly thumbnail: InputMaybe<FileFieldSelector>;
+  };
+
+  type componentMetaJsonFilterInput = {
+    readonly _schema: InputMaybe<StringQueryOperatorInput>;
+    readonly alias: InputMaybe<StringQueryOperatorInput>;
+    readonly children: InputMaybe<NodeFilterListInput>;
+    readonly description: InputMaybe<StringQueryOperatorInput>;
+    readonly group: InputMaybe<StringQueryOperatorInput>;
+    readonly id: InputMaybe<StringQueryOperatorInput>;
+    readonly internal: InputMaybe<InternalFilterInput>;
+    readonly name: InputMaybe<StringQueryOperatorInput>;
+    readonly parent: InputMaybe<NodeFilterInput>;
+    readonly platform: InputMaybe<componentMetaJsonPlatformFilterInput>;
+    readonly primitive: InputMaybe<FileFilterInput>;
+    readonly thumbnail: InputMaybe<FileFilterInput>;
+  };
+
+  type componentMetaJsonFilterListInput = {
+    readonly elemMatch: InputMaybe<componentMetaJsonFilterInput>;
+  };
+
+  type componentMetaJsonGroupConnection = {
+    readonly distinct: ReadonlyArray<Scalars["String"]>;
+    readonly edges: ReadonlyArray<componentMetaJsonEdge>;
+    readonly field: Scalars["String"];
+    readonly fieldValue: Maybe<Scalars["String"]>;
+    readonly group: ReadonlyArray<componentMetaJsonGroupConnection>;
+    readonly max: Maybe<Scalars["Float"]>;
+    readonly min: Maybe<Scalars["Float"]>;
+    readonly nodes: ReadonlyArray<componentMetaJson>;
+    readonly pageInfo: PageInfo;
+    readonly sum: Maybe<Scalars["Float"]>;
+    readonly totalCount: Scalars["Int"];
+  };
+
+  type componentMetaJsonGroupConnection_distinctArgs = {
+    field: componentMetaJsonFieldSelector;
+  };
+
+  type componentMetaJsonGroupConnection_groupArgs = {
+    field: componentMetaJsonFieldSelector;
+    limit: InputMaybe<Scalars["Int"]>;
+    skip: InputMaybe<Scalars["Int"]>;
+  };
+
+  type componentMetaJsonGroupConnection_maxArgs = {
+    field: componentMetaJsonFieldSelector;
+  };
+
+  type componentMetaJsonGroupConnection_minArgs = {
+    field: componentMetaJsonFieldSelector;
+  };
+
+  type componentMetaJsonGroupConnection_sumArgs = {
+    field: componentMetaJsonFieldSelector;
+  };
+
+  type componentMetaJsonPlatform = {
+    readonly android: Maybe<componentMetaJsonPlatformAndroid>;
+    readonly docs: Maybe<componentMetaJsonPlatformDocs>;
+    readonly figma: Maybe<componentMetaJsonPlatformFigma>;
+    readonly ios: Maybe<componentMetaJsonPlatformIos>;
+    readonly react: Maybe<componentMetaJsonPlatformReact>;
+  };
+
+  type componentMetaJsonPlatformAndroid = {
+    readonly path: Maybe<Scalars["String"]>;
+    readonly status: Maybe<Scalars["String"]>;
+  };
+
+  type componentMetaJsonPlatformAndroidFieldSelector = {
+    readonly path: InputMaybe<FieldSelectorEnum>;
+    readonly status: InputMaybe<FieldSelectorEnum>;
+  };
+
+  type componentMetaJsonPlatformAndroidFilterInput = {
+    readonly path: InputMaybe<StringQueryOperatorInput>;
+    readonly status: InputMaybe<StringQueryOperatorInput>;
+  };
+
+  type componentMetaJsonPlatformAndroidSortInput = {
+    readonly path: InputMaybe<SortOrderEnum>;
+    readonly status: InputMaybe<SortOrderEnum>;
+  };
+
+  type componentMetaJsonPlatformDocs = {
+    readonly overview: Maybe<componentMetaJsonPlatformDocsOverview>;
+    readonly style: Maybe<componentMetaJsonPlatformDocsStyle>;
+    readonly usage: Maybe<componentMetaJsonPlatformDocsUsage>;
+  };
+
+  type componentMetaJsonPlatformDocsFieldSelector = {
+    readonly overview: InputMaybe<componentMetaJsonPlatformDocsOverviewFieldSelector>;
+    readonly style: InputMaybe<componentMetaJsonPlatformDocsStyleFieldSelector>;
+    readonly usage: InputMaybe<componentMetaJsonPlatformDocsUsageFieldSelector>;
+  };
+
+  type componentMetaJsonPlatformDocsFilterInput = {
+    readonly overview: InputMaybe<componentMetaJsonPlatformDocsOverviewFilterInput>;
+    readonly style: InputMaybe<componentMetaJsonPlatformDocsStyleFilterInput>;
+    readonly usage: InputMaybe<componentMetaJsonPlatformDocsUsageFilterInput>;
+  };
+
+  type componentMetaJsonPlatformDocsOverview = {
+    readonly mdx: Maybe<File>;
+    readonly status: Maybe<Scalars["String"]>;
+    readonly storybook: Maybe<componentMetaJsonPlatformDocsOverviewStorybook>;
+  };
+
+  type componentMetaJsonPlatformDocsOverviewFieldSelector = {
+    readonly mdx: InputMaybe<FileFieldSelector>;
+    readonly status: InputMaybe<FieldSelectorEnum>;
+    readonly storybook: InputMaybe<componentMetaJsonPlatformDocsOverviewStorybookFieldSelector>;
+  };
+
+  type componentMetaJsonPlatformDocsOverviewFilterInput = {
+    readonly mdx: InputMaybe<FileFilterInput>;
+    readonly status: InputMaybe<StringQueryOperatorInput>;
+    readonly storybook: InputMaybe<componentMetaJsonPlatformDocsOverviewStorybookFilterInput>;
+  };
+
+  type componentMetaJsonPlatformDocsOverviewSortInput = {
+    readonly mdx: InputMaybe<FileSortInput>;
+    readonly status: InputMaybe<SortOrderEnum>;
+    readonly storybook: InputMaybe<componentMetaJsonPlatformDocsOverviewStorybookSortInput>;
+  };
+
+  type componentMetaJsonPlatformDocsOverviewStorybook = {
+    readonly height: Maybe<Scalars["String"]>;
+    readonly path: Maybe<Scalars["String"]>;
+  };
+
+  type componentMetaJsonPlatformDocsOverviewStorybookFieldSelector = {
+    readonly height: InputMaybe<FieldSelectorEnum>;
+    readonly path: InputMaybe<FieldSelectorEnum>;
+  };
+
+  type componentMetaJsonPlatformDocsOverviewStorybookFilterInput = {
+    readonly height: InputMaybe<StringQueryOperatorInput>;
+    readonly path: InputMaybe<StringQueryOperatorInput>;
+  };
+
+  type componentMetaJsonPlatformDocsOverviewStorybookSortInput = {
+    readonly height: InputMaybe<SortOrderEnum>;
+    readonly path: InputMaybe<SortOrderEnum>;
+  };
+
+  type componentMetaJsonPlatformDocsSortInput = {
+    readonly overview: InputMaybe<componentMetaJsonPlatformDocsOverviewSortInput>;
+    readonly style: InputMaybe<componentMetaJsonPlatformDocsStyleSortInput>;
+    readonly usage: InputMaybe<componentMetaJsonPlatformDocsUsageSortInput>;
+  };
+
+  type componentMetaJsonPlatformDocsStyle = {
+    readonly mdx: Maybe<File>;
+    readonly status: Maybe<Scalars["String"]>;
+  };
+
+  type componentMetaJsonPlatformDocsStyleFieldSelector = {
+    readonly mdx: InputMaybe<FileFieldSelector>;
+    readonly status: InputMaybe<FieldSelectorEnum>;
+  };
+
+  type componentMetaJsonPlatformDocsStyleFilterInput = {
+    readonly mdx: InputMaybe<FileFilterInput>;
+    readonly status: InputMaybe<StringQueryOperatorInput>;
+  };
+
+  type componentMetaJsonPlatformDocsStyleSortInput = {
+    readonly mdx: InputMaybe<FileSortInput>;
+    readonly status: InputMaybe<SortOrderEnum>;
+  };
+
+  type componentMetaJsonPlatformDocsUsage = {
+    readonly mdx: Maybe<File>;
+    readonly status: Maybe<Scalars["String"]>;
+  };
+
+  type componentMetaJsonPlatformDocsUsageFieldSelector = {
+    readonly mdx: InputMaybe<FileFieldSelector>;
+    readonly status: InputMaybe<FieldSelectorEnum>;
+  };
+
+  type componentMetaJsonPlatformDocsUsageFilterInput = {
+    readonly mdx: InputMaybe<FileFilterInput>;
+    readonly status: InputMaybe<StringQueryOperatorInput>;
+  };
+
+  type componentMetaJsonPlatformDocsUsageSortInput = {
+    readonly mdx: InputMaybe<FileSortInput>;
+    readonly status: InputMaybe<SortOrderEnum>;
+  };
+
+  type componentMetaJsonPlatformFieldSelector = {
+    readonly android: InputMaybe<componentMetaJsonPlatformAndroidFieldSelector>;
+    readonly docs: InputMaybe<componentMetaJsonPlatformDocsFieldSelector>;
+    readonly figma: InputMaybe<componentMetaJsonPlatformFigmaFieldSelector>;
+    readonly ios: InputMaybe<componentMetaJsonPlatformIosFieldSelector>;
+    readonly react: InputMaybe<componentMetaJsonPlatformReactFieldSelector>;
+  };
+
+  type componentMetaJsonPlatformFigma = {
+    readonly path: Maybe<Scalars["String"]>;
+    readonly status: Maybe<Scalars["String"]>;
+  };
+
+  type componentMetaJsonPlatformFigmaFieldSelector = {
+    readonly path: InputMaybe<FieldSelectorEnum>;
+    readonly status: InputMaybe<FieldSelectorEnum>;
+  };
+
+  type componentMetaJsonPlatformFigmaFilterInput = {
+    readonly path: InputMaybe<StringQueryOperatorInput>;
+    readonly status: InputMaybe<StringQueryOperatorInput>;
+  };
+
+  type componentMetaJsonPlatformFigmaSortInput = {
+    readonly path: InputMaybe<SortOrderEnum>;
+    readonly status: InputMaybe<SortOrderEnum>;
+  };
+
+  type componentMetaJsonPlatformFilterInput = {
+    readonly android: InputMaybe<componentMetaJsonPlatformAndroidFilterInput>;
+    readonly docs: InputMaybe<componentMetaJsonPlatformDocsFilterInput>;
+    readonly figma: InputMaybe<componentMetaJsonPlatformFigmaFilterInput>;
+    readonly ios: InputMaybe<componentMetaJsonPlatformIosFilterInput>;
+    readonly react: InputMaybe<componentMetaJsonPlatformReactFilterInput>;
+  };
+
+  type componentMetaJsonPlatformIos = {
+    readonly alias: Maybe<Scalars["String"]>;
+    readonly path: Maybe<Scalars["String"]>;
+    readonly status: Maybe<Scalars["String"]>;
+  };
+
+  type componentMetaJsonPlatformIosFieldSelector = {
+    readonly alias: InputMaybe<FieldSelectorEnum>;
+    readonly path: InputMaybe<FieldSelectorEnum>;
+    readonly status: InputMaybe<FieldSelectorEnum>;
+  };
+
+  type componentMetaJsonPlatformIosFilterInput = {
+    readonly alias: InputMaybe<StringQueryOperatorInput>;
+    readonly path: InputMaybe<StringQueryOperatorInput>;
+    readonly status: InputMaybe<StringQueryOperatorInput>;
+  };
+
+  type componentMetaJsonPlatformIosSortInput = {
+    readonly alias: InputMaybe<SortOrderEnum>;
+    readonly path: InputMaybe<SortOrderEnum>;
+    readonly status: InputMaybe<SortOrderEnum>;
+  };
+
+  type componentMetaJsonPlatformReact = {
+    readonly path: Maybe<Scalars["String"]>;
+    readonly status: Maybe<Scalars["String"]>;
+  };
+
+  type componentMetaJsonPlatformReactFieldSelector = {
+    readonly path: InputMaybe<FieldSelectorEnum>;
+    readonly status: InputMaybe<FieldSelectorEnum>;
+  };
+
+  type componentMetaJsonPlatformReactFilterInput = {
+    readonly path: InputMaybe<StringQueryOperatorInput>;
+    readonly status: InputMaybe<StringQueryOperatorInput>;
+  };
+
+  type componentMetaJsonPlatformReactSortInput = {
+    readonly path: InputMaybe<SortOrderEnum>;
+    readonly status: InputMaybe<SortOrderEnum>;
+  };
+
+  type componentMetaJsonPlatformSortInput = {
+    readonly android: InputMaybe<componentMetaJsonPlatformAndroidSortInput>;
+    readonly docs: InputMaybe<componentMetaJsonPlatformDocsSortInput>;
+    readonly figma: InputMaybe<componentMetaJsonPlatformFigmaSortInput>;
+    readonly ios: InputMaybe<componentMetaJsonPlatformIosSortInput>;
+    readonly react: InputMaybe<componentMetaJsonPlatformReactSortInput>;
+  };
+
+  type componentMetaJsonSortInput = {
+    readonly _schema: InputMaybe<SortOrderEnum>;
+    readonly alias: InputMaybe<SortOrderEnum>;
+    readonly children: InputMaybe<NodeSortInput>;
+    readonly description: InputMaybe<SortOrderEnum>;
+    readonly group: InputMaybe<SortOrderEnum>;
+    readonly id: InputMaybe<SortOrderEnum>;
+    readonly internal: InputMaybe<InternalSortInput>;
+    readonly name: InputMaybe<SortOrderEnum>;
+    readonly parent: InputMaybe<NodeSortInput>;
+    readonly platform: InputMaybe<componentMetaJsonPlatformSortInput>;
+    readonly primitive: InputMaybe<FileSortInput>;
+    readonly thumbnail: InputMaybe<FileSortInput>;
+  };
+
+  type primitiveMetaJson = Node & {
+    readonly _schema: Maybe<Scalars["String"]>;
+    readonly children: ReadonlyArray<Node>;
+    readonly description: Maybe<Scalars["String"]>;
+    readonly id: Scalars["ID"];
+    readonly internal: Internal;
+    readonly name: Maybe<Scalars["String"]>;
+    readonly parent: Maybe<Node>;
+    readonly primitive: Maybe<File>;
+    readonly thumbnail: Maybe<File>;
+  };
+
+  type primitiveMetaJsonConnection = {
+    readonly distinct: ReadonlyArray<Scalars["String"]>;
+    readonly edges: ReadonlyArray<primitiveMetaJsonEdge>;
+    readonly group: ReadonlyArray<primitiveMetaJsonGroupConnection>;
+    readonly max: Maybe<Scalars["Float"]>;
+    readonly min: Maybe<Scalars["Float"]>;
+    readonly nodes: ReadonlyArray<primitiveMetaJson>;
+    readonly pageInfo: PageInfo;
+    readonly sum: Maybe<Scalars["Float"]>;
+    readonly totalCount: Scalars["Int"];
+  };
+
+  type primitiveMetaJsonConnection_distinctArgs = {
+    field: primitiveMetaJsonFieldSelector;
+  };
+
+  type primitiveMetaJsonConnection_groupArgs = {
+    field: primitiveMetaJsonFieldSelector;
+    limit: InputMaybe<Scalars["Int"]>;
+    skip: InputMaybe<Scalars["Int"]>;
+  };
+
+  type primitiveMetaJsonConnection_maxArgs = {
+    field: primitiveMetaJsonFieldSelector;
+  };
+
+  type primitiveMetaJsonConnection_minArgs = {
+    field: primitiveMetaJsonFieldSelector;
+  };
+
+  type primitiveMetaJsonConnection_sumArgs = {
+    field: primitiveMetaJsonFieldSelector;
+  };
+
+  type primitiveMetaJsonEdge = {
+    readonly next: Maybe<primitiveMetaJson>;
+    readonly node: primitiveMetaJson;
+    readonly previous: Maybe<primitiveMetaJson>;
+  };
+
+  type primitiveMetaJsonFieldSelector = {
+    readonly _schema: InputMaybe<FieldSelectorEnum>;
+    readonly children: InputMaybe<NodeFieldSelector>;
+    readonly description: InputMaybe<FieldSelectorEnum>;
+    readonly id: InputMaybe<FieldSelectorEnum>;
+    readonly internal: InputMaybe<InternalFieldSelector>;
+    readonly name: InputMaybe<FieldSelectorEnum>;
+    readonly parent: InputMaybe<NodeFieldSelector>;
+    readonly primitive: InputMaybe<FileFieldSelector>;
+    readonly thumbnail: InputMaybe<FileFieldSelector>;
+  };
+
+  type primitiveMetaJsonFilterInput = {
+    readonly _schema: InputMaybe<StringQueryOperatorInput>;
+    readonly children: InputMaybe<NodeFilterListInput>;
+    readonly description: InputMaybe<StringQueryOperatorInput>;
+    readonly id: InputMaybe<StringQueryOperatorInput>;
+    readonly internal: InputMaybe<InternalFilterInput>;
+    readonly name: InputMaybe<StringQueryOperatorInput>;
+    readonly parent: InputMaybe<NodeFilterInput>;
+    readonly primitive: InputMaybe<FileFilterInput>;
+    readonly thumbnail: InputMaybe<FileFilterInput>;
+  };
+
+  type primitiveMetaJsonFilterListInput = {
+    readonly elemMatch: InputMaybe<primitiveMetaJsonFilterInput>;
+  };
+
+  type primitiveMetaJsonGroupConnection = {
+    readonly distinct: ReadonlyArray<Scalars["String"]>;
+    readonly edges: ReadonlyArray<primitiveMetaJsonEdge>;
+    readonly field: Scalars["String"];
+    readonly fieldValue: Maybe<Scalars["String"]>;
+    readonly group: ReadonlyArray<primitiveMetaJsonGroupConnection>;
+    readonly max: Maybe<Scalars["Float"]>;
+    readonly min: Maybe<Scalars["Float"]>;
+    readonly nodes: ReadonlyArray<primitiveMetaJson>;
+    readonly pageInfo: PageInfo;
+    readonly sum: Maybe<Scalars["Float"]>;
+    readonly totalCount: Scalars["Int"];
+  };
+
+  type primitiveMetaJsonGroupConnection_distinctArgs = {
+    field: primitiveMetaJsonFieldSelector;
+  };
+
+  type primitiveMetaJsonGroupConnection_groupArgs = {
+    field: primitiveMetaJsonFieldSelector;
+    limit: InputMaybe<Scalars["Int"]>;
+    skip: InputMaybe<Scalars["Int"]>;
+  };
+
+  type primitiveMetaJsonGroupConnection_maxArgs = {
+    field: primitiveMetaJsonFieldSelector;
+  };
+
+  type primitiveMetaJsonGroupConnection_minArgs = {
+    field: primitiveMetaJsonFieldSelector;
+  };
+
+  type primitiveMetaJsonGroupConnection_sumArgs = {
+    field: primitiveMetaJsonFieldSelector;
+  };
+
+  type primitiveMetaJsonSortInput = {
+    readonly _schema: InputMaybe<SortOrderEnum>;
+    readonly children: InputMaybe<NodeSortInput>;
+    readonly description: InputMaybe<SortOrderEnum>;
+    readonly id: InputMaybe<SortOrderEnum>;
+    readonly internal: InputMaybe<InternalSortInput>;
+    readonly name: InputMaybe<SortOrderEnum>;
+    readonly parent: InputMaybe<NodeSortInput>;
+    readonly primitive: InputMaybe<FileSortInput>;
+    readonly thumbnail: InputMaybe<FileSortInput>;
+  };
+
+  type ColorSystemPageQueryVariables = Exact<{ [key: string]: never }>;
+
+  type ColorSystemPageQuery = {
+    readonly system: {
+      readonly childImageSharp: {
+        readonly gatsbyImageData: import("gatsby-plugin-image").IGatsbyImageData;
+      } | null;
+    } | null;
+    readonly scaleToken1: {
+      readonly childImageSharp: {
+        readonly gatsbyImageData: import("gatsby-plugin-image").IGatsbyImageData;
+      } | null;
+    } | null;
+    readonly scaleToken2: {
+      readonly childImageSharp: {
+        readonly gatsbyImageData: import("gatsby-plugin-image").IGatsbyImageData;
+      } | null;
+    } | null;
+    readonly semanticToken1: {
+      readonly childImageSharp: {
+        readonly gatsbyImageData: import("gatsby-plugin-image").IGatsbyImageData;
+      } | null;
+    } | null;
+    readonly semanticToken2: {
+      readonly childImageSharp: {
+        readonly gatsbyImageData: import("gatsby-plugin-image").IGatsbyImageData;
+      } | null;
+    } | null;
+    readonly staticToken1: {
+      readonly childImageSharp: {
+        readonly gatsbyImageData: import("gatsby-plugin-image").IGatsbyImageData;
+      } | null;
+    } | null;
+  };
+
+  type ColorUsagePageQueryVariables = Exact<{ [key: string]: never }>;
+
+  type ColorUsagePageQuery = {
+    readonly lightDark1: {
+      readonly childImageSharp: {
+        readonly gatsbyImageData: import("gatsby-plugin-image").IGatsbyImageData;
+      } | null;
+    } | null;
+    readonly lightDark2: {
+      readonly childImageSharp: {
+        readonly gatsbyImageData: import("gatsby-plugin-image").IGatsbyImageData;
+      } | null;
+    } | null;
+    readonly primary1: {
+      readonly childImageSharp: {
+        readonly gatsbyImageData: import("gatsby-plugin-image").IGatsbyImageData;
+      } | null;
+    } | null;
+    readonly primary2: {
+      readonly childImageSharp: {
+        readonly gatsbyImageData: import("gatsby-plugin-image").IGatsbyImageData;
+      } | null;
+    } | null;
+    readonly primary3: {
+      readonly childImageSharp: {
+        readonly gatsbyImageData: import("gatsby-plugin-image").IGatsbyImageData;
+      } | null;
+    } | null;
+    readonly gray1: {
+      readonly childImageSharp: {
+        readonly gatsbyImageData: import("gatsby-plugin-image").IGatsbyImageData;
+      } | null;
+    } | null;
+    readonly gray2: {
+      readonly childImageSharp: {
+        readonly gatsbyImageData: import("gatsby-plugin-image").IGatsbyImageData;
+      } | null;
+    } | null;
+    readonly grayDont1: {
+      readonly childImageSharp: {
+        readonly gatsbyImageData: import("gatsby-plugin-image").IGatsbyImageData;
+      } | null;
+    } | null;
+    readonly grayDo1: {
+      readonly childImageSharp: {
+        readonly gatsbyImageData: import("gatsby-plugin-image").IGatsbyImageData;
+      } | null;
+    } | null;
+    readonly paper1: {
+      readonly childImageSharp: {
+        readonly gatsbyImageData: import("gatsby-plugin-image").IGatsbyImageData;
+      } | null;
+    } | null;
+    readonly paper2: {
+      readonly childImageSharp: {
+        readonly gatsbyImageData: import("gatsby-plugin-image").IGatsbyImageData;
+      } | null;
+    } | null;
+    readonly interactive1: {
+      readonly childImageSharp: {
+        readonly gatsbyImageData: import("gatsby-plugin-image").IGatsbyImageData;
+      } | null;
+    } | null;
+    readonly interactiveDont1: {
+      readonly childImageSharp: {
+        readonly gatsbyImageData: import("gatsby-plugin-image").IGatsbyImageData;
+      } | null;
+    } | null;
+    readonly interactiveDo1: {
+      readonly childImageSharp: {
+        readonly gatsbyImageData: import("gatsby-plugin-image").IGatsbyImageData;
+      } | null;
+    } | null;
+    readonly combining1: {
+      readonly childImageSharp: {
+        readonly gatsbyImageData: import("gatsby-plugin-image").IGatsbyImageData;
+      } | null;
+    } | null;
+    readonly combiningDont1: {
+      readonly childImageSharp: {
+        readonly gatsbyImageData: import("gatsby-plugin-image").IGatsbyImageData;
+      } | null;
+    } | null;
+    readonly combiningDo1: {
+      readonly childImageSharp: {
+        readonly gatsbyImageData: import("gatsby-plugin-image").IGatsbyImageData;
+      } | null;
+    } | null;
+  };
+
+  type ComponentListPageQueryVariables = Exact<{ [key: string]: never }>;
+
+  type ComponentListPageQuery = {
+    readonly allComponentMetaJson: {
+      readonly nodes: ReadonlyArray<{
+        readonly name: string | null;
+        readonly group: string | null;
+        readonly description: string | null;
+        readonly thumbnail: {
+          readonly childImageSharp: {
+            readonly gatsbyImageData: import("gatsby-plugin-image").IGatsbyImageData;
+          } | null;
+        } | null;
+        readonly platform: {
+          readonly docs: {
+            readonly overview: {
+              readonly status: string | null;
+              readonly mdx: {
+                readonly childMdx: {
+                  readonly frontmatter: { readonly slug: string | null } | null;
+                } | null;
+              } | null;
+            } | null;
+          } | null;
+        } | null;
+      }>;
+    };
+  };
+
+  type ComponentOverviewQueryVariables = Exact<{
+    id: InputMaybe<Scalars["String"]>;
+  }>;
+
+  type ComponentOverviewQuery = {
+    readonly componentMetaJson: {
+      readonly name: string | null;
+      readonly description: string | null;
+      readonly platform: {
+        readonly ios: {
+          readonly path: string | null;
+          readonly status: string | null;
+        } | null;
+        readonly android: {
+          readonly path: string | null;
+          readonly status: string | null;
+        } | null;
+        readonly react: {
+          readonly path: string | null;
+          readonly status: string | null;
+        } | null;
+        readonly docs: {
+          readonly overview: {
+            readonly status: string | null;
+            readonly storybook: {
+              readonly path: string | null;
+              readonly height: string | null;
+            } | null;
+            readonly mdx: {
+              readonly childMdx: {
+                readonly tableOfContents: any | null;
+              } | null;
+            } | null;
+          } | null;
+        } | null;
+      } | null;
+      readonly primitive: {
+        readonly childPrimitiveMetaJson: {
+          readonly primitive: {
+            readonly childMdx: {
+              readonly frontmatter: { readonly slug: string | null } | null;
+            } | null;
+          } | null;
+        } | null;
+      } | null;
+    } | null;
+  };
+
+  type ComponentProgressBoardPageQueryVariables = Exact<{
+    [key: string]: never;
+  }>;
+
+  type ComponentProgressBoardPageQuery = {
+    readonly allComponentMetaJson: {
+      readonly nodes: ReadonlyArray<{
+        readonly name: string | null;
+        readonly description: string | null;
+        readonly platform: {
+          readonly android: {
+            readonly path: string | null;
+            readonly status: string | null;
+          } | null;
+          readonly ios: {
+            readonly alias: string | null;
+            readonly path: string | null;
+            readonly status: string | null;
+          } | null;
+          readonly react: {
+            readonly path: string | null;
+            readonly status: string | null;
+          } | null;
+          readonly figma: {
+            readonly path: string | null;
+            readonly status: string | null;
+          } | null;
+        } | null;
+      }>;
+    };
+  };
+
+  type ComponentStyleQueryVariables = Exact<{
+    id: InputMaybe<Scalars["String"]>;
+  }>;
+
+  type ComponentStyleQuery = {
+    readonly componentMetaJson: {
+      readonly name: string | null;
+      readonly description: string | null;
+      readonly platform: {
+        readonly docs: {
+          readonly style: {
+            readonly mdx: {
+              readonly childMdx: {
+                readonly tableOfContents: any | null;
+              } | null;
+            } | null;
+          } | null;
+        } | null;
+      } | null;
+      readonly primitive: {
+        readonly childPrimitiveMetaJson: {
+          readonly primitive: {
+            readonly childMdx: {
+              readonly frontmatter: { readonly slug: string | null } | null;
+            } | null;
+          } | null;
+        } | null;
+      } | null;
+    } | null;
+  };
+
+  type ComponentUsageQueryVariables = Exact<{
+    id: InputMaybe<Scalars["String"]>;
+  }>;
+
+  type ComponentUsageQuery = {
+    readonly componentMetaJson: {
+      readonly name: string | null;
+      readonly description: string | null;
+      readonly platform: {
+        readonly docs: {
+          readonly usage: {
+            readonly mdx: {
+              readonly childMdx: {
+                readonly tableOfContents: any | null;
+              } | null;
+            } | null;
+          } | null;
+        } | null;
+      } | null;
+      readonly primitive: {
+        readonly childPrimitiveMetaJson: {
+          readonly primitive: {
+            readonly childMdx: {
+              readonly frontmatter: { readonly slug: string | null } | null;
+            } | null;
+          } | null;
+        } | null;
+      } | null;
+    } | null;
+  };
+
+  type PrimitiveDocTemplateQueryVariables = Exact<{
+    id: InputMaybe<Scalars["String"]>;
+  }>;
+
+  type PrimitiveDocTemplateQuery = {
+    readonly primitiveMetaJson: {
+      readonly name: string | null;
+      readonly description: string | null;
+      readonly primitive: {
+        readonly childMdx: {
+          readonly tableOfContents: any | null;
+          readonly frontmatter: { readonly slug: string | null } | null;
+        } | null;
+      } | null;
+    } | null;
+  };
+
+  type PrimitiveListPageQueryVariables = Exact<{ [key: string]: never }>;
+
+  type PrimitiveListPageQuery = {
+    readonly allPrimitiveMetaJson: {
+      readonly nodes: ReadonlyArray<{
+        readonly name: string | null;
+        readonly description: string | null;
+        readonly thumbnail: {
+          readonly childImageSharp: {
+            readonly gatsbyImageData: import("gatsby-plugin-image").IGatsbyImageData;
+          } | null;
+        } | null;
+        readonly primitive: {
+          readonly childMdx: {
+            readonly frontmatter: { readonly slug: string | null } | null;
+          } | null;
+        } | null;
+      }>;
+    };
+  };
+
+  type SEOQueryVariables = Exact<{ [key: string]: never }>;
+
+  type SEOQuery = {
+    readonly ogImage: {
+      readonly gatsbyImageData: import("gatsby-plugin-image").IGatsbyImageData;
+    } | null;
+    readonly blackFavicon: { readonly publicURL: string | null } | null;
+    readonly whiteFavicon: { readonly publicURL: string | null } | null;
+  };
+
+  type SidebarQueryVariables = Exact<{ [key: string]: never }>;
+
+  type SidebarQuery = {
+    readonly allComponentMetaJson: {
+      readonly nodes: ReadonlyArray<{
+        readonly name: string | null;
+        readonly group: string | null;
+        readonly alias: string | null;
+        readonly platform: {
+          readonly docs: {
+            readonly overview: {
+              readonly status: string | null;
+              readonly mdx: {
+                readonly childMdx: {
+                  readonly frontmatter: { readonly slug: string | null } | null;
+                } | null;
+              } | null;
+            } | null;
+          } | null;
+        } | null;
+      }>;
+    };
+  };
 }
diff --git a/docs/src/components/Header.tsx b/docs/src/components/Header.tsx
index 2fdd2110e..9cc77e4fb 100644
--- a/docs/src/components/Header.tsx
+++ b/docs/src/components/Header.tsx
@@ -65,6 +65,7 @@ export default function Header() {
             href="https://github.com/daangn/seed-design"
             target="_blank"
             className={style.githubLogo}
+            rel="noreferrer"
           >
             <GithubLogo />
           </a>
diff --git a/docs/src/components/MainHeader.tsx b/docs/src/components/MainHeader.tsx
index 282296f66..f87a2b798 100644
--- a/docs/src/components/MainHeader.tsx
+++ b/docs/src/components/MainHeader.tsx
@@ -56,6 +56,7 @@ export default function MainHeader() {
             href="https://github.com/daangn/seed-design"
             target="_blank"
             className={style.githubLogo}
+            rel="noreferrer"
           >
             <GithubLogo />
           </a>
diff --git a/docs/src/components/TableOfContents.tsx b/docs/src/components/TableOfContents.tsx
index 5379dcf4e..34290e85b 100644
--- a/docs/src/components/TableOfContents.tsx
+++ b/docs/src/components/TableOfContents.tsx
@@ -1,5 +1,6 @@
 import { Link } from "gatsby";
-import React, { useEffect, useState } from "react";
+import type React from "react";
+import { useEffect, useState } from "react";
 
 import * as style from "./TableOfContents.css";
 
diff --git a/docs/src/contexts/SearchbarContext.tsx b/docs/src/contexts/SearchbarContext.tsx
index 693aedce9..18a8a740b 100644
--- a/docs/src/contexts/SearchbarContext.tsx
+++ b/docs/src/contexts/SearchbarContext.tsx
@@ -1,4 +1,5 @@
-import React, { createContext, useContext, useState } from "react";
+import type React from "react";
+import { createContext, useContext, useState } from "react";
 
 interface SearchbarProps {
   open: boolean;
diff --git a/docs/src/contexts/SidebarContext.tsx b/docs/src/contexts/SidebarContext.tsx
index 1be2fc4dc..d73ba0427 100644
--- a/docs/src/contexts/SidebarContext.tsx
+++ b/docs/src/contexts/SidebarContext.tsx
@@ -1,4 +1,5 @@
-import React, { createContext, useContext, useState } from "react";
+import type React from "react";
+import { createContext, useContext, useState } from "react";
 
 interface SidebarProps {
   open: boolean;
diff --git a/docs/src/templates/ComponentOverviewDoc.tsx b/docs/src/templates/ComponentOverviewDoc.tsx
index 65854d943..1af9f32b9 100644
--- a/docs/src/templates/ComponentOverviewDoc.tsx
+++ b/docs/src/templates/ComponentOverviewDoc.tsx
@@ -131,6 +131,7 @@ const Progress = ({
       })}
       href={href}
       target="_blank"
+      rel="noreferrer"
     >
       <div className={style.progressLeft}>
         <div className={style.progressName}>{name}</div>
diff --git a/examples/stackflow-spa/src/App.tsx b/examples/stackflow-spa/src/App.tsx
index f584d6f47..208b908aa 100644
--- a/examples/stackflow-spa/src/App.tsx
+++ b/examples/stackflow-spa/src/App.tsx
@@ -1,4 +1,4 @@
-import React from "react";
+import type React from "react";
 
 import { Stack } from "./stackflow";
 
diff --git a/examples/stackflow-spa/src/activities/ActivityAvatar.tsx b/examples/stackflow-spa/src/activities/ActivityAvatar.tsx
index 242d5d48f..3abaa9b8e 100644
--- a/examples/stackflow-spa/src/activities/ActivityAvatar.tsx
+++ b/examples/stackflow-spa/src/activities/ActivityAvatar.tsx
@@ -8,34 +8,13 @@ const ActivityAvatar: ActivityComponentType = () => {
   return (
     <AppScreen appBar={{ title: "Avatar" }}>
       <Flex padding={4} gap={2}>
-        <Avatar
-          size="20"
-          src="https://avatars.githubusercontent.com/u/102206520?v=4"
-        />
-        <Avatar
-          size="24"
-          src="https://avatars.githubusercontent.com/u/102206520?v=4"
-        />
-        <Avatar
-          size="36"
-          src="https://avatars.githubusercontent.com/u/102206520?v=4"
-        />
-        <Avatar
-          size="48"
-          src="https://avatars.githubusercontent.com/u/102206520?v=4"
-        />
-        <Avatar
-          size="64"
-          src="https://avatars.githubusercontent.com/u/102206520?v=4"
-        />
-        <Avatar
-          size="80"
-          src="https://avatars.githubusercontent.com/u/102206520?v=4"
-        />
-        <Avatar
-          size="96"
-          src="https://avatars.githubusercontent.com/u/102206520?v=4"
-        />
+        <Avatar size="20" src="https://avatars.githubusercontent.com/u/102206520?v=4" />
+        <Avatar size="24" src="https://avatars.githubusercontent.com/u/102206520?v=4" />
+        <Avatar size="36" src="https://avatars.githubusercontent.com/u/102206520?v=4" />
+        <Avatar size="48" src="https://avatars.githubusercontent.com/u/102206520?v=4" />
+        <Avatar size="64" src="https://avatars.githubusercontent.com/u/102206520?v=4" />
+        <Avatar size="80" src="https://avatars.githubusercontent.com/u/102206520?v=4" />
+        <Avatar size="96" src="https://avatars.githubusercontent.com/u/102206520?v=4" />
       </Flex>
     </AppScreen>
   );
diff --git a/examples/stackflow-spa/src/activities/ActivityHome.tsx b/examples/stackflow-spa/src/activities/ActivityHome.tsx
index e46293a30..4296c712b 100644
--- a/examples/stackflow-spa/src/activities/ActivityHome.tsx
+++ b/examples/stackflow-spa/src/activities/ActivityHome.tsx
@@ -11,24 +11,12 @@ const ActivityHome: ActivityComponentType = () => {
   return (
     <AppScreen appBar={{ title: "Home" }}>
       <div style={{ overflow: "auto", height: "100vh" }}>
-        <BoxButton onClick={() => push("ActivityBoxButton", {})}>
-          BoxButton
-        </BoxButton>
-        <BoxButton onClick={() => push("ActivityRadioGroup", {})}>
-          RadioGroup
-        </BoxButton>
-        <BoxButton onClick={() => push("ActivityCheckbox", {})}>
-          Checkbox
-        </BoxButton>
-        <BoxButton onClick={() => push("ActivityChip", {})}>
-          ChipButton
-        </BoxButton>
-        <BoxButton onClick={() => push("ActivityAlertDialog", {})}>
-          Dialog
-        </BoxButton>
-        <BoxButton onClick={() => push("ActivityCallout", {})}>
-          Callout
-        </BoxButton>
+        <BoxButton onClick={() => push("ActivityBoxButton", {})}>BoxButton</BoxButton>
+        <BoxButton onClick={() => push("ActivityRadioGroup", {})}>RadioGroup</BoxButton>
+        <BoxButton onClick={() => push("ActivityCheckbox", {})}>Checkbox</BoxButton>
+        <BoxButton onClick={() => push("ActivityChip", {})}>ChipButton</BoxButton>
+        <BoxButton onClick={() => push("ActivityAlertDialog", {})}>Dialog</BoxButton>
+        <BoxButton onClick={() => push("ActivityCallout", {})}>Callout</BoxButton>
       </div>
     </AppScreen>
   );
diff --git a/examples/stackflow-spa/src/design-system/util/halfWidth.ts b/examples/stackflow-spa/src/design-system/util/halfWidth.ts
index cd0faab44..fb6c1bd18 100644
--- a/examples/stackflow-spa/src/design-system/util/halfWidth.ts
+++ b/examples/stackflow-spa/src/design-system/util/halfWidth.ts
@@ -1,4 +1,4 @@
-import * as React from "react";
+import type * as React from "react";
 
 export const halfWidthIconProps: React.SVGAttributes<SVGSVGElement> = {
   preserveAspectRatio: "xMidYMid slice",
diff --git a/examples/stackflow-spa/src/stackflow/Stack.tsx b/examples/stackflow-spa/src/stackflow/Stack.tsx
index f0e01c978..944f382dd 100644
--- a/examples/stackflow-spa/src/stackflow/Stack.tsx
+++ b/examples/stackflow-spa/src/stackflow/Stack.tsx
@@ -21,18 +21,10 @@ const { Stack, useFlow, useStepFlow } = stackflow({
   activities: {
     ActivityHome: React.lazy(() => import("../activities/ActivityHome")),
     ActivityAvatar: React.lazy(() => import("../activities/ActivityAvatar")),
-    ActivityBoxButton: React.lazy(
-      () => import("../activities/ActivityBoxButton"),
-    ),
-    ActivityRadioGroup: React.lazy(
-      () => import("../activities/ActivityRadioGroup"),
-    ),
-    ActivityCheckbox: React.lazy(
-      () => import("../activities/ActivityCheckbox"),
-    ),
-    ActivityAlertDialog: React.lazy(
-      () => import("../activities/ActivityAlertDialog"),
-    ),
+    ActivityBoxButton: React.lazy(() => import("../activities/ActivityBoxButton")),
+    ActivityRadioGroup: React.lazy(() => import("../activities/ActivityRadioGroup")),
+    ActivityCheckbox: React.lazy(() => import("../activities/ActivityCheckbox")),
+    ActivityAlertDialog: React.lazy(() => import("../activities/ActivityAlertDialog")),
     ActivityChip: React.lazy(() => import("../activities/ActivityChip")),
     ActivityCallout: React.lazy(() => import("../activities/ActivityCallout")),
     ActivityNotFound,
diff --git a/package.json b/package.json
index 0e95f9325..c41e1d07f 100644
--- a/package.json
+++ b/package.json
@@ -20,7 +20,9 @@
     "clean": "ultra -r clean",
     "dev": "ultra -r dev",
     "release": "yarn changeset publish",
-    "version": "changeset version && yarn build-only-package && yarn install --no-immutable"
+    "version": "changeset version && yarn build-only-package && yarn install --no-immutable",
+    "lint:all": "yarn biome lint --fix",
+    "format:all": "yarn biome format --fix"
   },
   "devDependencies": {
     "@biomejs/biome": "^1.8.0",
diff --git a/packages/component-spec/cli/src/index.ts b/packages/component-spec/cli/src/index.ts
index 917a496c1..cd620d076 100644
--- a/packages/component-spec/cli/src/index.ts
+++ b/packages/component-spec/cli/src/index.ts
@@ -16,20 +16,14 @@ const [, , dir = "./"] = process.argv;
 
 async function write() {
   const fileNames = await fs.readdir(artifactsDir);
-  const filesToRead = fileNames.filter((fileName) =>
-    fileName.endsWith(".yaml"),
-  );
+  const filesToRead = fileNames.filter((fileName) => fileName.endsWith(".yaml"));
 
   return Promise.all(
     filesToRead.map(async (name) => {
       const content = await fs.readFile(path.join(artifactsDir, name), "utf-8");
       const definition = YAML.parse(content);
       const code = stringifyTs(parse(definition));
-      const writePath = path.join(
-        process.cwd(),
-        dir,
-        `${name.split(".")[0]}.vars.ts`,
-      );
+      const writePath = path.join(process.cwd(), dir, `${name.split(".")[0]}.vars.ts`);
 
       console.log("Writing", name, "to", writePath);
 
diff --git a/packages/component-spec/core/src/stringify.ts b/packages/component-spec/core/src/stringify.ts
index 989fcda13..93db5c6fb 100644
--- a/packages/component-spec/core/src/stringify.ts
+++ b/packages/component-spec/core/src/stringify.ts
@@ -1,5 +1,5 @@
 import { camelCase } from "change-case";
-import { ParsedExpression, Token } from "./types";
+import type { ParsedExpression, Token } from "./types";
 
 function stringifyVariantKey(variant: Record<string, string>) {
   const asKebab = Object.entries(variant)
@@ -19,9 +19,7 @@ function stringifyStateKey(state: string[]) {
 
 function stringifyTokenCssVar(token: Token) {
   if (token.group.length === 0) {
-    return `var(--seed-${token.category}-${token.key
-      .toString()
-      .replaceAll(".", "\\.")})`;
+    return `var(--seed-${token.category}-${token.key.toString().replaceAll(".", "\\.")})`;
   }
 
   return `var(--seed-${token.category}-${token.group.join("-")}-${token.key
@@ -32,24 +30,23 @@ function stringifyTokenCssVar(token: Token) {
 export function stringifyTs(expressions: ParsedExpression) {
   const result = {};
 
-  for (let expression of expressions) {
+  for (const expression of expressions) {
     const variantKey = stringifyVariantKey(expression.key);
     const variant = {};
 
-    for (let state of expression.state) {
+    for (const state of expression.state) {
       const stateKey = stringifyStateKey(state.key);
       const slot = {};
 
-      for (let slotItem of state.slot) {
+      for (const slotItem of state.slot) {
         const slotKey = slotItem.key;
         const property = {};
 
-        for (let propertyItem of slotItem.property) {
+        for (const propertyItem of slotItem.property) {
           const propertyKey = propertyItem.key;
           const token = propertyItem.value;
 
-          property[propertyKey] =
-            typeof token === "object" ? stringifyTokenCssVar(token) : token;
+          property[propertyKey] = typeof token === "object" ? stringifyTokenCssVar(token) : token;
         }
 
         slot[slotKey] = property;
diff --git a/packages/design-token/src/classNames/index.ts b/packages/design-token/src/classNames/index.ts
index ab74fbd30..9369b1b02 100644
--- a/packages/design-token/src/classNames/index.ts
+++ b/packages/design-token/src/classNames/index.ts
@@ -1 +1 @@
-export * as $semantic from './semantic';
+export * as $semantic from "./semantic";
diff --git a/packages/design-token/src/classNames/semantic/index.ts b/packages/design-token/src/classNames/semantic/index.ts
index 25b0d2e8a..1b600cad5 100644
--- a/packages/design-token/src/classNames/semantic/index.ts
+++ b/packages/design-token/src/classNames/semantic/index.ts
@@ -1 +1 @@
-export * as typography from './typography';
+export * as typography from "./typography";
diff --git a/packages/design-token/src/classNames/semantic/typography.ts b/packages/design-token/src/classNames/semantic/typography.ts
index acf906d6a..4330303e5 100644
--- a/packages/design-token/src/classNames/semantic/typography.ts
+++ b/packages/design-token/src/classNames/semantic/typography.ts
@@ -1,55 +1,55 @@
-export const h1 = 'seed-semantic-typography-h1';
-export const h2 = 'seed-semantic-typography-h2';
-export const h3 = 'seed-semantic-typography-h3';
-export const h4 = 'seed-semantic-typography-h4';
+export const h1 = "seed-semantic-typography-h1";
+export const h2 = "seed-semantic-typography-h2";
+export const h3 = "seed-semantic-typography-h3";
+export const h4 = "seed-semantic-typography-h4";
 
-export const title1Bold = 'seed-semantic-typography-title1-bold';
-export const title1Regular = 'seed-semantic-typography-title1-regular';
+export const title1Bold = "seed-semantic-typography-title1-bold";
+export const title1Regular = "seed-semantic-typography-title1-regular";
 
-export const title2Bold = 'seed-semantic-typography-title2-bold';
-export const title2Regular = 'seed-semantic-typography-title2-regular';
+export const title2Bold = "seed-semantic-typography-title2-bold";
+export const title2Regular = "seed-semantic-typography-title2-regular";
 
-export const title3Bold = 'seed-semantic-typography-title3-bold';
-export const title3Regular = 'seed-semantic-typography-title3-regular';
+export const title3Bold = "seed-semantic-typography-title3-bold";
+export const title3Regular = "seed-semantic-typography-title3-regular";
 
-export const subtitle1Bold = 'seed-semantic-typography-subtitle1-bold';
-export const subtitle1Regular = 'seed-semantic-typography-subtitle1-regular';
+export const subtitle1Bold = "seed-semantic-typography-subtitle1-bold";
+export const subtitle1Regular = "seed-semantic-typography-subtitle1-regular";
 
-export const subtitle2Bold = 'seed-semantic-typography-subtitle2-bold';
-export const subtitle2Regular = 'seed-semantic-typography-subtitle2-regular';
+export const subtitle2Bold = "seed-semantic-typography-subtitle2-bold";
+export const subtitle2Regular = "seed-semantic-typography-subtitle2-regular";
 
-export const bodyL1Bold = 'seed-semantic-typography-body-l1-bold';
-export const bodyL1Regular = 'seed-semantic-typography-body-l1-regular';
+export const bodyL1Bold = "seed-semantic-typography-body-l1-bold";
+export const bodyL1Regular = "seed-semantic-typography-body-l1-regular";
 
-export const bodyL2Bold = 'seed-semantic-typography-body-l2-bold';
-export const bodyL2Regular = 'seed-semantic-typography-body-l2-regular';
+export const bodyL2Bold = "seed-semantic-typography-body-l2-bold";
+export const bodyL2Regular = "seed-semantic-typography-body-l2-regular";
 
-export const bodyM1Bold = 'seed-semantic-typography-body-m1-bold';
-export const bodyM1Regular = 'seed-semantic-typography-body-m1-regular';
+export const bodyM1Bold = "seed-semantic-typography-body-m1-bold";
+export const bodyM1Regular = "seed-semantic-typography-body-m1-regular";
 
-export const bodyM2Bold = 'seed-semantic-typography-body-m2-bold';
-export const bodyM2Regular = 'seed-semantic-typography-body-m2-regular';
+export const bodyM2Bold = "seed-semantic-typography-body-m2-bold";
+export const bodyM2Regular = "seed-semantic-typography-body-m2-regular";
 
-export const caption1Bold = 'seed-semantic-typography-caption1-bold';
-export const caption1Regular = 'seed-semantic-typography-caption1-regular';
+export const caption1Bold = "seed-semantic-typography-caption1-bold";
+export const caption1Regular = "seed-semantic-typography-caption1-regular";
 
-export const caption2Bold = 'seed-semantic-typography-caption2-bold';
-export const caption2Regular = 'seed-semantic-typography-caption2-regular';
+export const caption2Bold = "seed-semantic-typography-caption2-bold";
+export const caption2Regular = "seed-semantic-typography-caption2-regular";
 
-export const label1Bold = 'seed-semantic-typography-label1-bold';
-export const label1Regular = 'seed-semantic-typography-label1-regular';
+export const label1Bold = "seed-semantic-typography-label1-bold";
+export const label1Regular = "seed-semantic-typography-label1-regular";
 
-export const label2Bold = 'seed-semantic-typography-label2-bold';
-export const label2Regular = 'seed-semantic-typography-label2-regular';
+export const label2Bold = "seed-semantic-typography-label2-bold";
+export const label2Regular = "seed-semantic-typography-label2-regular";
 
-export const label3Bold = 'seed-semantic-typography-label3-bold';
-export const label3Regular = 'seed-semantic-typography-label3-regular';
+export const label3Bold = "seed-semantic-typography-label3-bold";
+export const label3Regular = "seed-semantic-typography-label3-regular";
 
-export const label4Bold = 'seed-semantic-typography-label4-bold';
-export const label4Regular = 'seed-semantic-typography-label4-regular';
+export const label4Bold = "seed-semantic-typography-label4-bold";
+export const label4Regular = "seed-semantic-typography-label4-regular";
 
-export const label5Bold = 'seed-semantic-typography-label5-bold';
-export const label5Regular = 'seed-semantic-typography-label5-regular';
+export const label5Bold = "seed-semantic-typography-label5-bold";
+export const label5Regular = "seed-semantic-typography-label5-regular";
 
-export const label6Bold = 'seed-semantic-typography-label6-bold';
-export const label6Regular = 'seed-semantic-typography-label6-regular';
+export const label6Bold = "seed-semantic-typography-label6-bold";
+export const label6Regular = "seed-semantic-typography-label6-regular";
diff --git a/packages/design-token/src/index.ts b/packages/design-token/src/index.ts
index 1a5825654..872f89c63 100644
--- a/packages/design-token/src/index.ts
+++ b/packages/design-token/src/index.ts
@@ -1,4 +1,4 @@
-export * from './types';
+export * from "./types";
 
-export * as vars from './vars';
-export * as classNames from './classNames';
+export * as vars from "./vars";
+export * as classNames from "./classNames";
diff --git a/packages/design-token/src/types.ts b/packages/design-token/src/types.ts
index 9ded787cb..d67415e79 100644
--- a/packages/design-token/src/types.ts
+++ b/packages/design-token/src/types.ts
@@ -1,9 +1,9 @@
-import * as vars from './vars';
+import type * as vars from "./vars";
 
-type LooseValueType<T> = (
-    T extends object ? { readonly [K in keyof T]: LooseValueType<T[K]> }
-  : T extends string ? string
-  : never
-);
+type LooseValueType<T> = T extends object
+  ? { readonly [K in keyof T]: LooseValueType<T[K]> }
+  : T extends string
+    ? string
+    : never;
 
 export type TokenObject = LooseValueType<typeof vars>;
diff --git a/packages/design-token/src/vars/index.ts b/packages/design-token/src/vars/index.ts
index a78429762..98378795b 100644
--- a/packages/design-token/src/vars/index.ts
+++ b/packages/design-token/src/vars/index.ts
@@ -1,3 +1,3 @@
-export * as $scale from './scale';
-export * as $static from './static';
-export * as $semantic from './semantic';
+export * as $scale from "./scale";
+export * as $static from "./static";
+export * as $semantic from "./semantic";
diff --git a/packages/design-token/src/vars/scale/color.ts b/packages/design-token/src/vars/scale/color.ts
index aca1ab66d..f88e24fa8 100644
--- a/packages/design-token/src/vars/scale/color.ts
+++ b/packages/design-token/src/vars/scale/color.ts
@@ -1,107 +1,107 @@
-export const gray00 = 'var(--seed-scale-color-gray-00)';
-export const gray50 = 'var(--seed-scale-color-gray-50)';
-export const gray100 = 'var(--seed-scale-color-gray-100)';
-export const gray200 = 'var(--seed-scale-color-gray-200)';
-export const gray300 = 'var(--seed-scale-color-gray-300)';
-export const gray400 = 'var(--seed-scale-color-gray-400)';
-export const gray500 = 'var(--seed-scale-color-gray-500)';
-export const gray600 = 'var(--seed-scale-color-gray-600)';
-export const gray700 = 'var(--seed-scale-color-gray-700)';
-export const gray800 = 'var(--seed-scale-color-gray-800)';
-export const gray900 = 'var(--seed-scale-color-gray-900)';
-export const carrot50 = 'var(--seed-scale-color-carrot-50)';
-export const carrot100 = 'var(--seed-scale-color-carrot-100)';
-export const carrot200 = 'var(--seed-scale-color-carrot-200)';
-export const carrot300 = 'var(--seed-scale-color-carrot-300)';
-export const carrot400 = 'var(--seed-scale-color-carrot-400)';
-export const carrot500 = 'var(--seed-scale-color-carrot-500)';
-export const carrot600 = 'var(--seed-scale-color-carrot-600)';
-export const carrot700 = 'var(--seed-scale-color-carrot-700)';
-export const carrot800 = 'var(--seed-scale-color-carrot-800)';
-export const carrot900 = 'var(--seed-scale-color-carrot-900)';
-export const carrot950 = 'var(--seed-scale-color-carrot-950)';
-export const blue50 = 'var(--seed-scale-color-blue-50)';
-export const blue100 = 'var(--seed-scale-color-blue-100)';
-export const blue200 = 'var(--seed-scale-color-blue-200)';
-export const blue300 = 'var(--seed-scale-color-blue-300)';
-export const blue400 = 'var(--seed-scale-color-blue-400)';
-export const blue500 = 'var(--seed-scale-color-blue-500)';
-export const blue600 = 'var(--seed-scale-color-blue-600)';
-export const blue700 = 'var(--seed-scale-color-blue-700)';
-export const blue800 = 'var(--seed-scale-color-blue-800)';
-export const blue900 = 'var(--seed-scale-color-blue-900)';
-export const blue950 = 'var(--seed-scale-color-blue-950)';
-export const red50 = 'var(--seed-scale-color-red-50)';
-export const red100 = 'var(--seed-scale-color-red-100)';
-export const red200 = 'var(--seed-scale-color-red-200)';
-export const red300 = 'var(--seed-scale-color-red-300)';
-export const red400 = 'var(--seed-scale-color-red-400)';
-export const red500 = 'var(--seed-scale-color-red-500)';
-export const red600 = 'var(--seed-scale-color-red-600)';
-export const red700 = 'var(--seed-scale-color-red-700)';
-export const red800 = 'var(--seed-scale-color-red-800)';
-export const red900 = 'var(--seed-scale-color-red-900)';
-export const red950 = 'var(--seed-scale-color-red-950)';
-export const green50 = 'var(--seed-scale-color-green-50)';
-export const green100 = 'var(--seed-scale-color-green-100)';
-export const green200 = 'var(--seed-scale-color-green-200)';
-export const green300 = 'var(--seed-scale-color-green-300)';
-export const green400 = 'var(--seed-scale-color-green-400)';
-export const green500 = 'var(--seed-scale-color-green-500)';
-export const green600 = 'var(--seed-scale-color-green-600)';
-export const green700 = 'var(--seed-scale-color-green-700)';
-export const green800 = 'var(--seed-scale-color-green-800)';
-export const green900 = 'var(--seed-scale-color-green-900)';
-export const green950 = 'var(--seed-scale-color-green-950)';
-export const yellow50 = 'var(--seed-scale-color-yellow-50)';
-export const yellow100 = 'var(--seed-scale-color-yellow-100)';
-export const yellow200 = 'var(--seed-scale-color-yellow-200)';
-export const yellow300 = 'var(--seed-scale-color-yellow-300)';
-export const yellow400 = 'var(--seed-scale-color-yellow-400)';
-export const yellow500 = 'var(--seed-scale-color-yellow-500)';
-export const yellow600 = 'var(--seed-scale-color-yellow-600)';
-export const yellow700 = 'var(--seed-scale-color-yellow-700)';
-export const yellow800 = 'var(--seed-scale-color-yellow-800)';
-export const yellow900 = 'var(--seed-scale-color-yellow-900)';
-export const yellow950 = 'var(--seed-scale-color-yellow-950)';
-export const pink50 = 'var(--seed-scale-color-pink-50)';
-export const pink100 = 'var(--seed-scale-color-pink-100)';
-export const pink200 = 'var(--seed-scale-color-pink-200)';
-export const pink300 = 'var(--seed-scale-color-pink-300)';
-export const pink400 = 'var(--seed-scale-color-pink-400)';
-export const pink500 = 'var(--seed-scale-color-pink-500)';
-export const pink600 = 'var(--seed-scale-color-pink-600)';
-export const pink700 = 'var(--seed-scale-color-pink-700)';
-export const pink800 = 'var(--seed-scale-color-pink-800)';
-export const pink900 = 'var(--seed-scale-color-pink-900)';
-export const pink950 = 'var(--seed-scale-color-pink-950)';
-export const purple50 = 'var(--seed-scale-color-purple-50)';
-export const purple100 = 'var(--seed-scale-color-purple-100)';
-export const purple200 = 'var(--seed-scale-color-purple-200)';
-export const purple300 = 'var(--seed-scale-color-purple-300)';
-export const purple400 = 'var(--seed-scale-color-purple-400)';
-export const purple500 = 'var(--seed-scale-color-purple-500)';
-export const purple600 = 'var(--seed-scale-color-purple-600)';
-export const purple700 = 'var(--seed-scale-color-purple-700)';
-export const purple800 = 'var(--seed-scale-color-purple-800)';
-export const purple900 = 'var(--seed-scale-color-purple-900)';
-export const purple950 = 'var(--seed-scale-color-purple-950)';
-export const grayAlpha50 = 'var(--seed-scale-color-gray-alpha-50)';
-export const grayAlpha100 = 'var(--seed-scale-color-gray-alpha-100)';
-export const grayAlpha200 = 'var(--seed-scale-color-gray-alpha-200)';
-export const grayAlpha500 = 'var(--seed-scale-color-gray-alpha-500)';
-export const carrotAlpha50 = 'var(--seed-scale-color-carrot-alpha-50)';
-export const carrotAlpha100 = 'var(--seed-scale-color-carrot-alpha-100)';
-export const carrotAlpha200 = 'var(--seed-scale-color-carrot-alpha-200)';
-export const blueAlpha50 = 'var(--seed-scale-color-blue-alpha-50)';
-export const blueAlpha100 = 'var(--seed-scale-color-blue-alpha-100)';
-export const blueAlpha200 = 'var(--seed-scale-color-blue-alpha-200)';
-export const redAlpha50 = 'var(--seed-scale-color-red-alpha-50)';
-export const redAlpha100 = 'var(--seed-scale-color-red-alpha-100)';
-export const redAlpha200 = 'var(--seed-scale-color-red-alpha-200)';
-export const yellowAlpha50 = 'var(--seed-scale-color-yellow-alpha-50)';
-export const yellowAlpha100 = 'var(--seed-scale-color-yellow-alpha-100)';
-export const yellowAlpha200 = 'var(--seed-scale-color-yellow-alpha-200)';
-export const greenAlpha50 = 'var(--seed-scale-color-green-alpha-50)';
-export const greenAlpha100 = 'var(--seed-scale-color-green-alpha-100)';
-export const greenAlpha200 = 'var(--seed-scale-color-green-alpha-200)';
\ No newline at end of file
+export const gray00 = "var(--seed-scale-color-gray-00)";
+export const gray50 = "var(--seed-scale-color-gray-50)";
+export const gray100 = "var(--seed-scale-color-gray-100)";
+export const gray200 = "var(--seed-scale-color-gray-200)";
+export const gray300 = "var(--seed-scale-color-gray-300)";
+export const gray400 = "var(--seed-scale-color-gray-400)";
+export const gray500 = "var(--seed-scale-color-gray-500)";
+export const gray600 = "var(--seed-scale-color-gray-600)";
+export const gray700 = "var(--seed-scale-color-gray-700)";
+export const gray800 = "var(--seed-scale-color-gray-800)";
+export const gray900 = "var(--seed-scale-color-gray-900)";
+export const carrot50 = "var(--seed-scale-color-carrot-50)";
+export const carrot100 = "var(--seed-scale-color-carrot-100)";
+export const carrot200 = "var(--seed-scale-color-carrot-200)";
+export const carrot300 = "var(--seed-scale-color-carrot-300)";
+export const carrot400 = "var(--seed-scale-color-carrot-400)";
+export const carrot500 = "var(--seed-scale-color-carrot-500)";
+export const carrot600 = "var(--seed-scale-color-carrot-600)";
+export const carrot700 = "var(--seed-scale-color-carrot-700)";
+export const carrot800 = "var(--seed-scale-color-carrot-800)";
+export const carrot900 = "var(--seed-scale-color-carrot-900)";
+export const carrot950 = "var(--seed-scale-color-carrot-950)";
+export const blue50 = "var(--seed-scale-color-blue-50)";
+export const blue100 = "var(--seed-scale-color-blue-100)";
+export const blue200 = "var(--seed-scale-color-blue-200)";
+export const blue300 = "var(--seed-scale-color-blue-300)";
+export const blue400 = "var(--seed-scale-color-blue-400)";
+export const blue500 = "var(--seed-scale-color-blue-500)";
+export const blue600 = "var(--seed-scale-color-blue-600)";
+export const blue700 = "var(--seed-scale-color-blue-700)";
+export const blue800 = "var(--seed-scale-color-blue-800)";
+export const blue900 = "var(--seed-scale-color-blue-900)";
+export const blue950 = "var(--seed-scale-color-blue-950)";
+export const red50 = "var(--seed-scale-color-red-50)";
+export const red100 = "var(--seed-scale-color-red-100)";
+export const red200 = "var(--seed-scale-color-red-200)";
+export const red300 = "var(--seed-scale-color-red-300)";
+export const red400 = "var(--seed-scale-color-red-400)";
+export const red500 = "var(--seed-scale-color-red-500)";
+export const red600 = "var(--seed-scale-color-red-600)";
+export const red700 = "var(--seed-scale-color-red-700)";
+export const red800 = "var(--seed-scale-color-red-800)";
+export const red900 = "var(--seed-scale-color-red-900)";
+export const red950 = "var(--seed-scale-color-red-950)";
+export const green50 = "var(--seed-scale-color-green-50)";
+export const green100 = "var(--seed-scale-color-green-100)";
+export const green200 = "var(--seed-scale-color-green-200)";
+export const green300 = "var(--seed-scale-color-green-300)";
+export const green400 = "var(--seed-scale-color-green-400)";
+export const green500 = "var(--seed-scale-color-green-500)";
+export const green600 = "var(--seed-scale-color-green-600)";
+export const green700 = "var(--seed-scale-color-green-700)";
+export const green800 = "var(--seed-scale-color-green-800)";
+export const green900 = "var(--seed-scale-color-green-900)";
+export const green950 = "var(--seed-scale-color-green-950)";
+export const yellow50 = "var(--seed-scale-color-yellow-50)";
+export const yellow100 = "var(--seed-scale-color-yellow-100)";
+export const yellow200 = "var(--seed-scale-color-yellow-200)";
+export const yellow300 = "var(--seed-scale-color-yellow-300)";
+export const yellow400 = "var(--seed-scale-color-yellow-400)";
+export const yellow500 = "var(--seed-scale-color-yellow-500)";
+export const yellow600 = "var(--seed-scale-color-yellow-600)";
+export const yellow700 = "var(--seed-scale-color-yellow-700)";
+export const yellow800 = "var(--seed-scale-color-yellow-800)";
+export const yellow900 = "var(--seed-scale-color-yellow-900)";
+export const yellow950 = "var(--seed-scale-color-yellow-950)";
+export const pink50 = "var(--seed-scale-color-pink-50)";
+export const pink100 = "var(--seed-scale-color-pink-100)";
+export const pink200 = "var(--seed-scale-color-pink-200)";
+export const pink300 = "var(--seed-scale-color-pink-300)";
+export const pink400 = "var(--seed-scale-color-pink-400)";
+export const pink500 = "var(--seed-scale-color-pink-500)";
+export const pink600 = "var(--seed-scale-color-pink-600)";
+export const pink700 = "var(--seed-scale-color-pink-700)";
+export const pink800 = "var(--seed-scale-color-pink-800)";
+export const pink900 = "var(--seed-scale-color-pink-900)";
+export const pink950 = "var(--seed-scale-color-pink-950)";
+export const purple50 = "var(--seed-scale-color-purple-50)";
+export const purple100 = "var(--seed-scale-color-purple-100)";
+export const purple200 = "var(--seed-scale-color-purple-200)";
+export const purple300 = "var(--seed-scale-color-purple-300)";
+export const purple400 = "var(--seed-scale-color-purple-400)";
+export const purple500 = "var(--seed-scale-color-purple-500)";
+export const purple600 = "var(--seed-scale-color-purple-600)";
+export const purple700 = "var(--seed-scale-color-purple-700)";
+export const purple800 = "var(--seed-scale-color-purple-800)";
+export const purple900 = "var(--seed-scale-color-purple-900)";
+export const purple950 = "var(--seed-scale-color-purple-950)";
+export const grayAlpha50 = "var(--seed-scale-color-gray-alpha-50)";
+export const grayAlpha100 = "var(--seed-scale-color-gray-alpha-100)";
+export const grayAlpha200 = "var(--seed-scale-color-gray-alpha-200)";
+export const grayAlpha500 = "var(--seed-scale-color-gray-alpha-500)";
+export const carrotAlpha50 = "var(--seed-scale-color-carrot-alpha-50)";
+export const carrotAlpha100 = "var(--seed-scale-color-carrot-alpha-100)";
+export const carrotAlpha200 = "var(--seed-scale-color-carrot-alpha-200)";
+export const blueAlpha50 = "var(--seed-scale-color-blue-alpha-50)";
+export const blueAlpha100 = "var(--seed-scale-color-blue-alpha-100)";
+export const blueAlpha200 = "var(--seed-scale-color-blue-alpha-200)";
+export const redAlpha50 = "var(--seed-scale-color-red-alpha-50)";
+export const redAlpha100 = "var(--seed-scale-color-red-alpha-100)";
+export const redAlpha200 = "var(--seed-scale-color-red-alpha-200)";
+export const yellowAlpha50 = "var(--seed-scale-color-yellow-alpha-50)";
+export const yellowAlpha100 = "var(--seed-scale-color-yellow-alpha-100)";
+export const yellowAlpha200 = "var(--seed-scale-color-yellow-alpha-200)";
+export const greenAlpha50 = "var(--seed-scale-color-green-alpha-50)";
+export const greenAlpha100 = "var(--seed-scale-color-green-alpha-100)";
+export const greenAlpha200 = "var(--seed-scale-color-green-alpha-200)";
diff --git a/packages/design-token/src/vars/scale/dimension.ts b/packages/design-token/src/vars/scale/dimension.ts
index cb1bd1695..e8c98d237 100644
--- a/packages/design-token/src/vars/scale/dimension.ts
+++ b/packages/design-token/src/vars/scale/dimension.ts
@@ -1,18 +1,18 @@
-export const fontSize10 = 'var(--seed-scale-dimension-font-size-10)';
-export const fontSize25 = 'var(--seed-scale-dimension-font-size-25)';
-export const fontSize50 = 'var(--seed-scale-dimension-font-size-50)';
-export const fontSize75 = 'var(--seed-scale-dimension-font-size-75)';
-export const fontSize100 = 'var(--seed-scale-dimension-font-size-100)';
-export const fontSize150 = 'var(--seed-scale-dimension-font-size-150)';
-export const fontSize200 = 'var(--seed-scale-dimension-font-size-200)';
-export const fontSize300 = 'var(--seed-scale-dimension-font-size-300)';
-export const fontSize400 = 'var(--seed-scale-dimension-font-size-400)';
-export const fontSize500 = 'var(--seed-scale-dimension-font-size-500)';
-export const fontSize600 = 'var(--seed-scale-dimension-font-size-600)';
-export const fontSize700 = 'var(--seed-scale-dimension-font-size-700)';
-export const fontSize800 = 'var(--seed-scale-dimension-font-size-800)';
-export const fontSize900 = 'var(--seed-scale-dimension-font-size-900)';
-export const fontSize1000 = 'var(--seed-scale-dimension-font-size-1000)';
-export const fontSize1100 = 'var(--seed-scale-dimension-font-size-1100)';
-export const fontSize1200 = 'var(--seed-scale-dimension-font-size-1200)';
-export const fontSize1300 = 'var(--seed-scale-dimension-font-size-1300)';
\ No newline at end of file
+export const fontSize10 = "var(--seed-scale-dimension-font-size-10)";
+export const fontSize25 = "var(--seed-scale-dimension-font-size-25)";
+export const fontSize50 = "var(--seed-scale-dimension-font-size-50)";
+export const fontSize75 = "var(--seed-scale-dimension-font-size-75)";
+export const fontSize100 = "var(--seed-scale-dimension-font-size-100)";
+export const fontSize150 = "var(--seed-scale-dimension-font-size-150)";
+export const fontSize200 = "var(--seed-scale-dimension-font-size-200)";
+export const fontSize300 = "var(--seed-scale-dimension-font-size-300)";
+export const fontSize400 = "var(--seed-scale-dimension-font-size-400)";
+export const fontSize500 = "var(--seed-scale-dimension-font-size-500)";
+export const fontSize600 = "var(--seed-scale-dimension-font-size-600)";
+export const fontSize700 = "var(--seed-scale-dimension-font-size-700)";
+export const fontSize800 = "var(--seed-scale-dimension-font-size-800)";
+export const fontSize900 = "var(--seed-scale-dimension-font-size-900)";
+export const fontSize1000 = "var(--seed-scale-dimension-font-size-1000)";
+export const fontSize1100 = "var(--seed-scale-dimension-font-size-1100)";
+export const fontSize1200 = "var(--seed-scale-dimension-font-size-1200)";
+export const fontSize1300 = "var(--seed-scale-dimension-font-size-1300)";
diff --git a/packages/design-token/src/vars/scale/index.ts b/packages/design-token/src/vars/scale/index.ts
index 1157a457e..ae158e32d 100644
--- a/packages/design-token/src/vars/scale/index.ts
+++ b/packages/design-token/src/vars/scale/index.ts
@@ -1,3 +1,3 @@
-export * as color from './color';
-export * as dimension from './dimension';
-export * as letterSpacing from './letterSpacing';
+export * as color from "./color";
+export * as dimension from "./dimension";
+export * as letterSpacing from "./letterSpacing";
diff --git a/packages/design-token/src/vars/scale/letterSpacing.ts b/packages/design-token/src/vars/scale/letterSpacing.ts
index 955b81ef1..75ee73a98 100644
--- a/packages/design-token/src/vars/scale/letterSpacing.ts
+++ b/packages/design-token/src/vars/scale/letterSpacing.ts
@@ -1,4 +1,4 @@
-export const none = 'var(--seed-scale-letter-spacing-none)';
-export const narrow200 = 'var(--seed-scale-letter-spacing-narrow-200)';
-export const narrow300 = 'var(--seed-scale-letter-spacing-narrow-300)';
-export const narrow400 = 'var(--seed-scale-letter-spacing-narrow-400)';
\ No newline at end of file
+export const none = "var(--seed-scale-letter-spacing-none)";
+export const narrow200 = "var(--seed-scale-letter-spacing-narrow-200)";
+export const narrow300 = "var(--seed-scale-letter-spacing-narrow-300)";
+export const narrow400 = "var(--seed-scale-letter-spacing-narrow-400)";
diff --git a/packages/design-token/src/vars/semantic/color.ts b/packages/design-token/src/vars/semantic/color.ts
index dff0f56a3..4cac78c6e 100644
--- a/packages/design-token/src/vars/semantic/color.ts
+++ b/packages/design-token/src/vars/semantic/color.ts
@@ -1,42 +1,42 @@
-export const onPrimary = 'var(--seed-semantic-color-on-primary)';
-export const primary = 'var(--seed-semantic-color-primary)';
-export const primaryLow = 'var(--seed-semantic-color-primary-low)';
-export const secondary = 'var(--seed-semantic-color-secondary)';
-export const secondaryLow = 'var(--seed-semantic-color-secondary-low)';
-export const success = 'var(--seed-semantic-color-success)';
-export const successLow = 'var(--seed-semantic-color-success-low)';
-export const warning = 'var(--seed-semantic-color-warning)';
-export const warningLow = 'var(--seed-semantic-color-warning-low)';
-export const danger = 'var(--seed-semantic-color-danger)';
-export const dangerLow = 'var(--seed-semantic-color-danger-low)';
-export const overlayLow = 'var(--seed-semantic-color-overlay-low)';
-export const overlayDim = 'var(--seed-semantic-color-overlay-dim)';
-export const paperSheet = 'var(--seed-semantic-color-paper-sheet)';
-export const paperDialog = 'var(--seed-semantic-color-paper-dialog)';
-export const paperFloating = 'var(--seed-semantic-color-paper-floating)';
-export const paperContents = 'var(--seed-semantic-color-paper-contents)';
-export const paperDefault = 'var(--seed-semantic-color-paper-default)';
-export const paperBackground = 'var(--seed-semantic-color-paper-background)';
-export const paperAccent = 'var(--seed-semantic-color-paper-accent)';
-export const primaryHover = 'var(--seed-semantic-color-primary-hover)';
-export const primaryPressed = 'var(--seed-semantic-color-primary-pressed)';
-export const primaryLowHover = 'var(--seed-semantic-color-primary-low-hover)';
-export const primaryLowActive = 'var(--seed-semantic-color-primary-low-active)';
-export const primaryLowPressed = 'var(--seed-semantic-color-primary-low-pressed)';
-export const grayHover = 'var(--seed-semantic-color-gray-hover)';
-export const grayPressed = 'var(--seed-semantic-color-gray-pressed)';
-export const onPrimaryOverlay50 = 'var(--seed-semantic-color-on-primary-overlay-50)';
-export const onPrimaryOverlay200 = 'var(--seed-semantic-color-on-primary-overlay-200)';
-export const onPrimaryLowOverlay50 = 'var(--seed-semantic-color-on-primary-low-overlay-50)';
-export const onPrimaryLowOverlay100 = 'var(--seed-semantic-color-on-primary-low-overlay-100)';
-export const onPrimaryLowOverlay200 = 'var(--seed-semantic-color-on-primary-low-overlay-200)';
-export const onGrayOverlay50 = 'var(--seed-semantic-color-on-gray-overlay-50)';
-export const onGrayOverlay100 = 'var(--seed-semantic-color-on-gray-overlay-100)';
-export const textSelection = 'var(--seed-semantic-color-text-selection)';
-export const divider1 = 'var(--seed-semantic-color-divider-1)';
-export const divider2 = 'var(--seed-semantic-color-divider-2)';
-export const divider3 = 'var(--seed-semantic-color-divider-3)';
-export const accent = 'var(--seed-semantic-color-accent)';
-export const inkText = 'var(--seed-semantic-color-ink-text)';
-export const inkTextLow = 'var(--seed-semantic-color-ink-text-low)';
-export const grayActive = 'var(--seed-semantic-color-gray-active)';
\ No newline at end of file
+export const onPrimary = "var(--seed-semantic-color-on-primary)";
+export const primary = "var(--seed-semantic-color-primary)";
+export const primaryLow = "var(--seed-semantic-color-primary-low)";
+export const secondary = "var(--seed-semantic-color-secondary)";
+export const secondaryLow = "var(--seed-semantic-color-secondary-low)";
+export const success = "var(--seed-semantic-color-success)";
+export const successLow = "var(--seed-semantic-color-success-low)";
+export const warning = "var(--seed-semantic-color-warning)";
+export const warningLow = "var(--seed-semantic-color-warning-low)";
+export const danger = "var(--seed-semantic-color-danger)";
+export const dangerLow = "var(--seed-semantic-color-danger-low)";
+export const overlayLow = "var(--seed-semantic-color-overlay-low)";
+export const overlayDim = "var(--seed-semantic-color-overlay-dim)";
+export const paperSheet = "var(--seed-semantic-color-paper-sheet)";
+export const paperDialog = "var(--seed-semantic-color-paper-dialog)";
+export const paperFloating = "var(--seed-semantic-color-paper-floating)";
+export const paperContents = "var(--seed-semantic-color-paper-contents)";
+export const paperDefault = "var(--seed-semantic-color-paper-default)";
+export const paperBackground = "var(--seed-semantic-color-paper-background)";
+export const paperAccent = "var(--seed-semantic-color-paper-accent)";
+export const primaryHover = "var(--seed-semantic-color-primary-hover)";
+export const primaryPressed = "var(--seed-semantic-color-primary-pressed)";
+export const primaryLowHover = "var(--seed-semantic-color-primary-low-hover)";
+export const primaryLowActive = "var(--seed-semantic-color-primary-low-active)";
+export const primaryLowPressed = "var(--seed-semantic-color-primary-low-pressed)";
+export const grayHover = "var(--seed-semantic-color-gray-hover)";
+export const grayPressed = "var(--seed-semantic-color-gray-pressed)";
+export const onPrimaryOverlay50 = "var(--seed-semantic-color-on-primary-overlay-50)";
+export const onPrimaryOverlay200 = "var(--seed-semantic-color-on-primary-overlay-200)";
+export const onPrimaryLowOverlay50 = "var(--seed-semantic-color-on-primary-low-overlay-50)";
+export const onPrimaryLowOverlay100 = "var(--seed-semantic-color-on-primary-low-overlay-100)";
+export const onPrimaryLowOverlay200 = "var(--seed-semantic-color-on-primary-low-overlay-200)";
+export const onGrayOverlay50 = "var(--seed-semantic-color-on-gray-overlay-50)";
+export const onGrayOverlay100 = "var(--seed-semantic-color-on-gray-overlay-100)";
+export const textSelection = "var(--seed-semantic-color-text-selection)";
+export const divider1 = "var(--seed-semantic-color-divider-1)";
+export const divider2 = "var(--seed-semantic-color-divider-2)";
+export const divider3 = "var(--seed-semantic-color-divider-3)";
+export const accent = "var(--seed-semantic-color-accent)";
+export const inkText = "var(--seed-semantic-color-ink-text)";
+export const inkTextLow = "var(--seed-semantic-color-ink-text-low)";
+export const grayActive = "var(--seed-semantic-color-gray-active)";
diff --git a/packages/design-token/src/vars/semantic/index.ts b/packages/design-token/src/vars/semantic/index.ts
index fc8268593..fd61550ce 100644
--- a/packages/design-token/src/vars/semantic/index.ts
+++ b/packages/design-token/src/vars/semantic/index.ts
@@ -1,2 +1,2 @@
-export * as color from './color';
-export * as typography from './typography';
+export * as color from "./color";
+export * as typography from "./typography";
diff --git a/packages/design-token/src/vars/semantic/typography.ts b/packages/design-token/src/vars/semantic/typography.ts
index 499b477df..c95e4f71e 100644
--- a/packages/design-token/src/vars/semantic/typography.ts
+++ b/packages/design-token/src/vars/semantic/typography.ts
@@ -1,265 +1,265 @@
 export const h1 = {
-  fontSize: 'var(--seed-semantic-typography-h1-font-size)',
-  fontWeight: 'var(--seed-semantic-typography-h1-font-weight)',
-  lineHeight: 'var(--seed-semantic-typography-h1-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-h1-letter-spacing)',
+  fontSize: "var(--seed-semantic-typography-h1-font-size)",
+  fontWeight: "var(--seed-semantic-typography-h1-font-weight)",
+  lineHeight: "var(--seed-semantic-typography-h1-line-height)",
+  letterSpacing: "var(--seed-semantic-typography-h1-letter-spacing)",
 };
 
 export const h2 = {
-  fontSize: 'var(--seed-semantic-typography-h2-font-size)',
-  fontWeight: 'var(--seed-semantic-typography-h2-font-weight)',
-  lineHeight: 'var(--seed-semantic-typography-h2-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-h2-letter-spacing)',
+  fontSize: "var(--seed-semantic-typography-h2-font-size)",
+  fontWeight: "var(--seed-semantic-typography-h2-font-weight)",
+  lineHeight: "var(--seed-semantic-typography-h2-line-height)",
+  letterSpacing: "var(--seed-semantic-typography-h2-letter-spacing)",
 };
 
 export const h3 = {
-  fontSize: 'var(--seed-semantic-typography-h3-font-size)',
-  fontWeight: 'var(--seed-semantic-typography-h3-font-weight)',
-  lineHeight: 'var(--seed-semantic-typography-h3-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-h3-letter-spacing)',
+  fontSize: "var(--seed-semantic-typography-h3-font-size)",
+  fontWeight: "var(--seed-semantic-typography-h3-font-weight)",
+  lineHeight: "var(--seed-semantic-typography-h3-line-height)",
+  letterSpacing: "var(--seed-semantic-typography-h3-letter-spacing)",
 };
 
 export const h4 = {
-  fontSize: 'var(--seed-semantic-typography-h4-font-size)',
-  fontWeight: 'var(--seed-semantic-typography-h4-font-weight)',
-  lineHeight: 'var(--seed-semantic-typography-h4-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-h4-letter-spacing)',
+  fontSize: "var(--seed-semantic-typography-h4-font-size)",
+  fontWeight: "var(--seed-semantic-typography-h4-font-weight)",
+  lineHeight: "var(--seed-semantic-typography-h4-line-height)",
+  letterSpacing: "var(--seed-semantic-typography-h4-letter-spacing)",
 };
 
 export const title1Bold = {
-  fontSize: 'var(--seed-semantic-typography-title1-bold-font-size)',
-  fontWeight: 'var(--seed-semantic-typography-title1-bold-font-weight)',
-  lineHeight: 'var(--seed-semantic-typography-title1-bold-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-title1-bold-letter-spacing)',
+  fontSize: "var(--seed-semantic-typography-title1-bold-font-size)",
+  fontWeight: "var(--seed-semantic-typography-title1-bold-font-weight)",
+  lineHeight: "var(--seed-semantic-typography-title1-bold-line-height)",
+  letterSpacing: "var(--seed-semantic-typography-title1-bold-letter-spacing)",
 };
 
 export const title1Regular = {
-  fontSize: 'var(--seed-semantic-typography-title1-regular-font-size)',
-  fontWeight: 'var(--seed-semantic-typography-title1-regular-font-weight)',
-  lineHeight: 'var(--seed-semantic-typography-title1-regular-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-title1-regular-letter-spacing)',
+  fontSize: "var(--seed-semantic-typography-title1-regular-font-size)",
+  fontWeight: "var(--seed-semantic-typography-title1-regular-font-weight)",
+  lineHeight: "var(--seed-semantic-typography-title1-regular-line-height)",
+  letterSpacing: "var(--seed-semantic-typography-title1-regular-letter-spacing)",
 };
 
 export const title2Bold = {
-  fontSize: 'var(--seed-semantic-typography-title2-bold-font-size)',
-  fontWeight: 'var(--seed-semantic-typography-title2-bold-font-weight)',
-  lineHeight: 'var(--seed-semantic-typography-title2-bold-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-title2-bold-letter-spacing)',
+  fontSize: "var(--seed-semantic-typography-title2-bold-font-size)",
+  fontWeight: "var(--seed-semantic-typography-title2-bold-font-weight)",
+  lineHeight: "var(--seed-semantic-typography-title2-bold-line-height)",
+  letterSpacing: "var(--seed-semantic-typography-title2-bold-letter-spacing)",
 };
 
 export const title2Regular = {
-  fontSize: 'var(--seed-semantic-typography-title2-regular-font-size)',
-  fontWeight: 'var(--seed-semantic-typography-title2-regular-font-weight)',
-  lineHeight: 'var(--seed-semantic-typography-title2-regular-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-title2-regular-letter-spacing)',
+  fontSize: "var(--seed-semantic-typography-title2-regular-font-size)",
+  fontWeight: "var(--seed-semantic-typography-title2-regular-font-weight)",
+  lineHeight: "var(--seed-semantic-typography-title2-regular-line-height)",
+  letterSpacing: "var(--seed-semantic-typography-title2-regular-letter-spacing)",
 };
 
 export const title3Bold = {
-  fontSize: 'var(--seed-semantic-typography-title3-bold-font-size)',
-  fontWeight: 'var(--seed-semantic-typography-title3-bold-font-weight)',
-  lineHeight: 'var(--seed-semantic-typography-title3-bold-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-title3-bold-letter-spacing)',
+  fontSize: "var(--seed-semantic-typography-title3-bold-font-size)",
+  fontWeight: "var(--seed-semantic-typography-title3-bold-font-weight)",
+  lineHeight: "var(--seed-semantic-typography-title3-bold-line-height)",
+  letterSpacing: "var(--seed-semantic-typography-title3-bold-letter-spacing)",
 };
 
 export const title3Regular = {
-  fontSize: 'var(--seed-semantic-typography-title3-regular-font-size)',
-  fontWeight: 'var(--seed-semantic-typography-title3-regular-font-weight)',
-  lineHeight: 'var(--seed-semantic-typography-title3-regular-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-title3-regular-letter-spacing)',
+  fontSize: "var(--seed-semantic-typography-title3-regular-font-size)",
+  fontWeight: "var(--seed-semantic-typography-title3-regular-font-weight)",
+  lineHeight: "var(--seed-semantic-typography-title3-regular-line-height)",
+  letterSpacing: "var(--seed-semantic-typography-title3-regular-letter-spacing)",
 };
 
 export const subtitle1Bold = {
-  fontSize: 'var(--seed-semantic-typography-subtitle1-bold-font-size)',
-  fontWeight: 'var(--seed-semantic-typography-subtitle1-bold-font-weight)',
-  lineHeight: 'var(--seed-semantic-typography-subtitle1-bold-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-subtitle1-bold-letter-spacing)',
+  fontSize: "var(--seed-semantic-typography-subtitle1-bold-font-size)",
+  fontWeight: "var(--seed-semantic-typography-subtitle1-bold-font-weight)",
+  lineHeight: "var(--seed-semantic-typography-subtitle1-bold-line-height)",
+  letterSpacing: "var(--seed-semantic-typography-subtitle1-bold-letter-spacing)",
 };
 
 export const subtitle1Regular = {
-  fontSize: 'var(--seed-semantic-typography-subtitle1-regular-font-size)',
-  fontWeight: 'var(--seed-semantic-typography-subtitle1-regular-font-weight)',
-  lineHeight: 'var(--seed-semantic-typography-subtitle1-regular-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-subtitle1-regular-letter-spacing)',
+  fontSize: "var(--seed-semantic-typography-subtitle1-regular-font-size)",
+  fontWeight: "var(--seed-semantic-typography-subtitle1-regular-font-weight)",
+  lineHeight: "var(--seed-semantic-typography-subtitle1-regular-line-height)",
+  letterSpacing: "var(--seed-semantic-typography-subtitle1-regular-letter-spacing)",
 };
 
 export const subtitle2Bold = {
-  fontSize: 'var(--seed-semantic-typography-subtitle2-bold-font-size)',
-  fontWeight: 'var(--seed-semantic-typography-subtitle2-bold-font-weight)',
-  lineHeight: 'var(--seed-semantic-typography-subtitle2-bold-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-subtitle2-bold-letter-spacing)',
+  fontSize: "var(--seed-semantic-typography-subtitle2-bold-font-size)",
+  fontWeight: "var(--seed-semantic-typography-subtitle2-bold-font-weight)",
+  lineHeight: "var(--seed-semantic-typography-subtitle2-bold-line-height)",
+  letterSpacing: "var(--seed-semantic-typography-subtitle2-bold-letter-spacing)",
 };
 
 export const subtitle2Regular = {
-  fontSize: 'var(--seed-semantic-typography-subtitle2-regular-font-size)',
-  fontWeight: 'var(--seed-semantic-typography-subtitle2-regular-font-weight)',
-  lineHeight: 'var(--seed-semantic-typography-subtitle2-regular-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-subtitle2-regular-letter-spacing)',
+  fontSize: "var(--seed-semantic-typography-subtitle2-regular-font-size)",
+  fontWeight: "var(--seed-semantic-typography-subtitle2-regular-font-weight)",
+  lineHeight: "var(--seed-semantic-typography-subtitle2-regular-line-height)",
+  letterSpacing: "var(--seed-semantic-typography-subtitle2-regular-letter-spacing)",
 };
 
 export const bodyL1Bold = {
-  fontSize: 'var(--seed-semantic-typography-body-l1-bold-font-size)',
-  fontWeight: 'var(--seed-semantic-typography-body-l1-bold-font-weight)',
-  lineHeight: 'var(--seed-semantic-typography-body-l1-bold-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-body-l1-bold-letter-spacing)',
+  fontSize: "var(--seed-semantic-typography-body-l1-bold-font-size)",
+  fontWeight: "var(--seed-semantic-typography-body-l1-bold-font-weight)",
+  lineHeight: "var(--seed-semantic-typography-body-l1-bold-line-height)",
+  letterSpacing: "var(--seed-semantic-typography-body-l1-bold-letter-spacing)",
 };
 
 export const bodyL1Regular = {
-  fontSize: 'var(--seed-semantic-typography-body-l1-regular-font-size)',
-  fontWeight: 'var(--seed-semantic-typography-body-l1-regular-font-weight)',
-  lineHeight: 'var(--seed-semantic-typography-body-l1-regular-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-body-l1-regular-letter-spacing)',
+  fontSize: "var(--seed-semantic-typography-body-l1-regular-font-size)",
+  fontWeight: "var(--seed-semantic-typography-body-l1-regular-font-weight)",
+  lineHeight: "var(--seed-semantic-typography-body-l1-regular-line-height)",
+  letterSpacing: "var(--seed-semantic-typography-body-l1-regular-letter-spacing)",
 };
 
 export const bodyL2Bold = {
-  fontSize: 'var(--seed-semantic-typography-body-l2-bold-font-size)',
-  fontWeight: 'var(--seed-semantic-typography-body-l2-bold-font-weight)',
-  lineHeight: 'var(--seed-semantic-typography-body-l2-bold-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-body-l2-bold-letter-spacing)',
+  fontSize: "var(--seed-semantic-typography-body-l2-bold-font-size)",
+  fontWeight: "var(--seed-semantic-typography-body-l2-bold-font-weight)",
+  lineHeight: "var(--seed-semantic-typography-body-l2-bold-line-height)",
+  letterSpacing: "var(--seed-semantic-typography-body-l2-bold-letter-spacing)",
 };
 
 export const bodyL2Regular = {
-  fontSize: 'var(--seed-semantic-typography-body-l2-regular-font-size)',
-  fontWeight: 'var(--seed-semantic-typography-body-l2-regular-font-weight)',
-  lineHeight: 'var(--seed-semantic-typography-body-l2-regular-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-body-l2-regular-letter-spacing)',
+  fontSize: "var(--seed-semantic-typography-body-l2-regular-font-size)",
+  fontWeight: "var(--seed-semantic-typography-body-l2-regular-font-weight)",
+  lineHeight: "var(--seed-semantic-typography-body-l2-regular-line-height)",
+  letterSpacing: "var(--seed-semantic-typography-body-l2-regular-letter-spacing)",
 };
 
 export const bodyM1Bold = {
-  fontSize: 'var(--seed-semantic-typography-body-m1-bold-font-size)',
-  fontWeight: 'var(--seed-semantic-typography-body-m1-bold-font-weight)',
-  lineHeight: 'var(--seed-semantic-typography-body-m1-bold-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-body-m1-bold-letter-spacing)',
+  fontSize: "var(--seed-semantic-typography-body-m1-bold-font-size)",
+  fontWeight: "var(--seed-semantic-typography-body-m1-bold-font-weight)",
+  lineHeight: "var(--seed-semantic-typography-body-m1-bold-line-height)",
+  letterSpacing: "var(--seed-semantic-typography-body-m1-bold-letter-spacing)",
 };
 
 export const bodyM1Regular = {
-  fontSize: 'var(--seed-semantic-typography-body-m1-regular-font-size)',
-  fontWeight: 'var(--seed-semantic-typography-body-m1-regular-font-weight)',
-  lineHeight: 'var(--seed-semantic-typography-body-m1-regular-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-body-m1-regular-letter-spacing)',
+  fontSize: "var(--seed-semantic-typography-body-m1-regular-font-size)",
+  fontWeight: "var(--seed-semantic-typography-body-m1-regular-font-weight)",
+  lineHeight: "var(--seed-semantic-typography-body-m1-regular-line-height)",
+  letterSpacing: "var(--seed-semantic-typography-body-m1-regular-letter-spacing)",
 };
 
 export const bodyM2Bold = {
-  fontSize: 'var(--seed-semantic-typography-body-m2-bold-font-size)',
-  fontWeight: 'var(--seed-semantic-typography-body-m2-bold-font-weight)',
-  lineHeight: 'var(--seed-semantic-typography-body-m2-bold-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-body-m2-bold-letter-spacing)',
+  fontSize: "var(--seed-semantic-typography-body-m2-bold-font-size)",
+  fontWeight: "var(--seed-semantic-typography-body-m2-bold-font-weight)",
+  lineHeight: "var(--seed-semantic-typography-body-m2-bold-line-height)",
+  letterSpacing: "var(--seed-semantic-typography-body-m2-bold-letter-spacing)",
 };
 
 export const bodyM2Regular = {
-  fontSize: 'var(--seed-semantic-typography-body-m2-regular-font-size)',
-  fontWeight: 'var(--seed-semantic-typography-body-m2-regular-font-weight)',
-  lineHeight: 'var(--seed-semantic-typography-body-m2-regular-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-body-m2-regular-letter-spacing)',
+  fontSize: "var(--seed-semantic-typography-body-m2-regular-font-size)",
+  fontWeight: "var(--seed-semantic-typography-body-m2-regular-font-weight)",
+  lineHeight: "var(--seed-semantic-typography-body-m2-regular-line-height)",
+  letterSpacing: "var(--seed-semantic-typography-body-m2-regular-letter-spacing)",
 };
 
 export const caption1Bold = {
-  fontSize: 'var(--seed-semantic-typography-caption1-bold-font-size)',
-  fontWeight: 'var(--seed-semantic-typography-caption1-bold-font-weight)',
-  lineHeight: 'var(--seed-semantic-typography-caption1-bold-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-caption1-bold-letter-spacing)',
+  fontSize: "var(--seed-semantic-typography-caption1-bold-font-size)",
+  fontWeight: "var(--seed-semantic-typography-caption1-bold-font-weight)",
+  lineHeight: "var(--seed-semantic-typography-caption1-bold-line-height)",
+  letterSpacing: "var(--seed-semantic-typography-caption1-bold-letter-spacing)",
 };
 
 export const caption1Regular = {
-  fontSize: 'var(--seed-semantic-typography-caption1-regular-font-size)',
-  fontWeight: 'var(--seed-semantic-typography-caption1-regular-font-weight)',
-  lineHeight: 'var(--seed-semantic-typography-caption1-regular-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-caption1-regular-letter-spacing)',
+  fontSize: "var(--seed-semantic-typography-caption1-regular-font-size)",
+  fontWeight: "var(--seed-semantic-typography-caption1-regular-font-weight)",
+  lineHeight: "var(--seed-semantic-typography-caption1-regular-line-height)",
+  letterSpacing: "var(--seed-semantic-typography-caption1-regular-letter-spacing)",
 };
 
 export const caption2Bold = {
-  fontSize: 'var(--seed-semantic-typography-caption2-bold-font-size)',
-  fontWeight: 'var(--seed-semantic-typography-caption2-bold-font-weight)',
-  lineHeight: 'var(--seed-semantic-typography-caption2-bold-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-caption2-bold-letter-spacing)',
+  fontSize: "var(--seed-semantic-typography-caption2-bold-font-size)",
+  fontWeight: "var(--seed-semantic-typography-caption2-bold-font-weight)",
+  lineHeight: "var(--seed-semantic-typography-caption2-bold-line-height)",
+  letterSpacing: "var(--seed-semantic-typography-caption2-bold-letter-spacing)",
 };
 
 export const caption2Regular = {
-  fontSize: 'var(--seed-semantic-typography-caption2-regular-font-size)',
-  fontWeight: 'var(--seed-semantic-typography-caption2-regular-font-weight)',
-  lineHeight: 'var(--seed-semantic-typography-caption2-regular-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-caption2-regular-letter-spacing)',
+  fontSize: "var(--seed-semantic-typography-caption2-regular-font-size)",
+  fontWeight: "var(--seed-semantic-typography-caption2-regular-font-weight)",
+  lineHeight: "var(--seed-semantic-typography-caption2-regular-line-height)",
+  letterSpacing: "var(--seed-semantic-typography-caption2-regular-letter-spacing)",
 };
 
 export const label1Bold = {
-  fontSize: 'var(--seed-semantic-typography-label1-bold-font-size)',
-  fontWeight: 'var(--seed-semantic-typography-label1-bold-font-weight)',
-  lineHeight: 'var(--seed-semantic-typography-label1-bold-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-label1-bold-letter-spacing)',
+  fontSize: "var(--seed-semantic-typography-label1-bold-font-size)",
+  fontWeight: "var(--seed-semantic-typography-label1-bold-font-weight)",
+  lineHeight: "var(--seed-semantic-typography-label1-bold-line-height)",
+  letterSpacing: "var(--seed-semantic-typography-label1-bold-letter-spacing)",
 };
 
 export const label1Regular = {
-  fontSize: 'var(--seed-semantic-typography-label1-regular-font-size)',
-  fontWeight: 'var(--seed-semantic-typography-label1-regular-font-weight)',
-  lineHeight: 'var(--seed-semantic-typography-label1-regular-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-label1-regular-letter-spacing)',
+  fontSize: "var(--seed-semantic-typography-label1-regular-font-size)",
+  fontWeight: "var(--seed-semantic-typography-label1-regular-font-weight)",
+  lineHeight: "var(--seed-semantic-typography-label1-regular-line-height)",
+  letterSpacing: "var(--seed-semantic-typography-label1-regular-letter-spacing)",
 };
 
 export const label2Bold = {
-  fontSize: 'var(--seed-semantic-typography-label2-bold-font-size)',
-  fontWeight: 'var(--seed-semantic-typography-label2-bold-font-weight)',
-  lineHeight: 'var(--seed-semantic-typography-label2-bold-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-label2-bold-letter-spacing)',
+  fontSize: "var(--seed-semantic-typography-label2-bold-font-size)",
+  fontWeight: "var(--seed-semantic-typography-label2-bold-font-weight)",
+  lineHeight: "var(--seed-semantic-typography-label2-bold-line-height)",
+  letterSpacing: "var(--seed-semantic-typography-label2-bold-letter-spacing)",
 };
 
 export const label2Regular = {
-  fontSize: 'var(--seed-semantic-typography-label2-regular-font-size)',
-  fontWeight: 'var(--seed-semantic-typography-label2-regular-font-weight)',
-  lineHeight: 'var(--seed-semantic-typography-label2-regular-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-label2-regular-letter-spacing)',
+  fontSize: "var(--seed-semantic-typography-label2-regular-font-size)",
+  fontWeight: "var(--seed-semantic-typography-label2-regular-font-weight)",
+  lineHeight: "var(--seed-semantic-typography-label2-regular-line-height)",
+  letterSpacing: "var(--seed-semantic-typography-label2-regular-letter-spacing)",
 };
 
 export const label3Bold = {
-  fontSize: 'var(--seed-semantic-typography-label3-bold-font-size)',
-  fontWeight: 'var(--seed-semantic-typography-label3-bold-font-weight)',
-  lineHeight: 'var(--seed-semantic-typography-label3-bold-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-label3-bold-letter-spacing)',
+  fontSize: "var(--seed-semantic-typography-label3-bold-font-size)",
+  fontWeight: "var(--seed-semantic-typography-label3-bold-font-weight)",
+  lineHeight: "var(--seed-semantic-typography-label3-bold-line-height)",
+  letterSpacing: "var(--seed-semantic-typography-label3-bold-letter-spacing)",
 };
 
 export const label3Regular = {
-  fontSize: 'var(--seed-semantic-typography-label3-regular-font-size)',
-  fontWeight: 'var(--seed-semantic-typography-label3-regular-font-weight)',
-  lineHeight: 'var(--seed-semantic-typography-label3-regular-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-label3-regular-letter-spacing)',
+  fontSize: "var(--seed-semantic-typography-label3-regular-font-size)",
+  fontWeight: "var(--seed-semantic-typography-label3-regular-font-weight)",
+  lineHeight: "var(--seed-semantic-typography-label3-regular-line-height)",
+  letterSpacing: "var(--seed-semantic-typography-label3-regular-letter-spacing)",
 };
 
 export const label4Bold = {
-  fontSize: 'var(--seed-semantic-typography-label4-bold-font-size)',
-  fontWeight: 'var(--seed-semantic-typography-label4-bold-font-weight)',
-  lineHeight: 'var(--seed-semantic-typography-label4-bold-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-label4-bold-letter-spacing)',
+  fontSize: "var(--seed-semantic-typography-label4-bold-font-size)",
+  fontWeight: "var(--seed-semantic-typography-label4-bold-font-weight)",
+  lineHeight: "var(--seed-semantic-typography-label4-bold-line-height)",
+  letterSpacing: "var(--seed-semantic-typography-label4-bold-letter-spacing)",
 };
 
 export const label4Regular = {
-  fontSize: 'var(--seed-semantic-typography-label4-regular-font-size)',
-  fontWeight: 'var(--seed-semantic-typography-label4-regular-font-weight)',
-  lineHeight: 'var(--seed-semantic-typography-label4-regular-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-label4-regular-letter-spacing)',
+  fontSize: "var(--seed-semantic-typography-label4-regular-font-size)",
+  fontWeight: "var(--seed-semantic-typography-label4-regular-font-weight)",
+  lineHeight: "var(--seed-semantic-typography-label4-regular-line-height)",
+  letterSpacing: "var(--seed-semantic-typography-label4-regular-letter-spacing)",
 };
 
 export const label5Bold = {
-  fontSize: 'var(--seed-semantic-typography-label5-bold-font-size)',
-  fontWeight: 'var(--seed-semantic-typography-label5-bold-font-weight)',
-  lineHeight: 'var(--seed-semantic-typography-label5-bold-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-label5-bold-letter-spacing)',
+  fontSize: "var(--seed-semantic-typography-label5-bold-font-size)",
+  fontWeight: "var(--seed-semantic-typography-label5-bold-font-weight)",
+  lineHeight: "var(--seed-semantic-typography-label5-bold-line-height)",
+  letterSpacing: "var(--seed-semantic-typography-label5-bold-letter-spacing)",
 };
 
 export const label5Regular = {
-  fontSize: 'var(--seed-semantic-typography-label5-regular-font-size)',
-  fontWeight: 'var(--seed-semantic-typography-label5-regular-font-weight)',
-  lineHeight: 'var(--seed-semantic-typography-label5-regular-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-label5-regular-letter-spacing)',
+  fontSize: "var(--seed-semantic-typography-label5-regular-font-size)",
+  fontWeight: "var(--seed-semantic-typography-label5-regular-font-weight)",
+  lineHeight: "var(--seed-semantic-typography-label5-regular-line-height)",
+  letterSpacing: "var(--seed-semantic-typography-label5-regular-letter-spacing)",
 };
 
 export const label6Bold = {
-  fontSize: 'var(--seed-semantic-typography-label6-bold-font-size)',
-  fontWeight: 'var(--seed-semantic-typography-label6-bold-font-weight)',
-  lineHeight: 'var(--seed-semantic-typography-label6-bold-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-label6-bold-letter-spacing)',
+  fontSize: "var(--seed-semantic-typography-label6-bold-font-size)",
+  fontWeight: "var(--seed-semantic-typography-label6-bold-font-weight)",
+  lineHeight: "var(--seed-semantic-typography-label6-bold-line-height)",
+  letterSpacing: "var(--seed-semantic-typography-label6-bold-letter-spacing)",
 };
 
 export const label6Regular = {
-  fontSize: 'var(--seed-semantic-typography-label6-regular-font-size)',
-  fontWeight: 'var(--seed-semantic-typography-label6-regular-font-weight)',
-  lineHeight: 'var(--seed-semantic-typography-label6-regular-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-label6-regular-letter-spacing)',
-};
\ No newline at end of file
+  fontSize: "var(--seed-semantic-typography-label6-regular-font-size)",
+  fontWeight: "var(--seed-semantic-typography-label6-regular-font-weight)",
+  lineHeight: "var(--seed-semantic-typography-label6-regular-line-height)",
+  letterSpacing: "var(--seed-semantic-typography-label6-regular-letter-spacing)",
+};
diff --git a/packages/design-token/src/vars/static/color.ts b/packages/design-token/src/vars/static/color.ts
index c89766421..06e0df70f 100644
--- a/packages/design-token/src/vars/static/color.ts
+++ b/packages/design-token/src/vars/static/color.ts
@@ -1,17 +1,17 @@
-export const staticBlack = 'var(--seed-static-color-static-black)';
-export const staticWhite = 'var(--seed-static-color-static-white)';
-export const staticGray900 = 'var(--seed-static-color-static-gray-900)';
-export const staticCarrot50 = 'var(--seed-static-color-static-carrot-50)';
-export const staticCarrot800 = 'var(--seed-static-color-static-carrot-800)';
-export const staticGreen50 = 'var(--seed-static-color-static-green-50)';
-export const staticGreen800 = 'var(--seed-static-color-static-green-800)';
-export const staticYellow50 = 'var(--seed-static-color-static-yellow-50)';
-export const staticYellow800 = 'var(--seed-static-color-static-yellow-800)';
-export const staticRed50 = 'var(--seed-static-color-static-red-50)';
-export const staticRed800 = 'var(--seed-static-color-static-red-800)';
-export const staticBlue50 = 'var(--seed-static-color-static-blue-50)';
-export const staticBlue800 = 'var(--seed-static-color-static-blue-800)';
-export const staticBlackAlpha200 = 'var(--seed-static-color-static-black-alpha-200)';
-export const staticBlackAlpha500 = 'var(--seed-static-color-static-black-alpha-500)';
-export const staticWhiteAlpha50 = 'var(--seed-static-color-static-white-alpha-50)';
-export const staticWhiteAlpha200 = 'var(--seed-static-color-static-white-alpha-200)';
\ No newline at end of file
+export const staticBlack = "var(--seed-static-color-static-black)";
+export const staticWhite = "var(--seed-static-color-static-white)";
+export const staticGray900 = "var(--seed-static-color-static-gray-900)";
+export const staticCarrot50 = "var(--seed-static-color-static-carrot-50)";
+export const staticCarrot800 = "var(--seed-static-color-static-carrot-800)";
+export const staticGreen50 = "var(--seed-static-color-static-green-50)";
+export const staticGreen800 = "var(--seed-static-color-static-green-800)";
+export const staticYellow50 = "var(--seed-static-color-static-yellow-50)";
+export const staticYellow800 = "var(--seed-static-color-static-yellow-800)";
+export const staticRed50 = "var(--seed-static-color-static-red-50)";
+export const staticRed800 = "var(--seed-static-color-static-red-800)";
+export const staticBlue50 = "var(--seed-static-color-static-blue-50)";
+export const staticBlue800 = "var(--seed-static-color-static-blue-800)";
+export const staticBlackAlpha200 = "var(--seed-static-color-static-black-alpha-200)";
+export const staticBlackAlpha500 = "var(--seed-static-color-static-black-alpha-500)";
+export const staticWhiteAlpha50 = "var(--seed-static-color-static-white-alpha-50)";
+export const staticWhiteAlpha200 = "var(--seed-static-color-static-white-alpha-200)";
diff --git a/packages/design-token/src/vars/static/fontWeight.ts b/packages/design-token/src/vars/static/fontWeight.ts
index 57ef46a5a..ba6ae84dd 100644
--- a/packages/design-token/src/vars/static/fontWeight.ts
+++ b/packages/design-token/src/vars/static/fontWeight.ts
@@ -1,2 +1,2 @@
-export const regular = 'var(--seed-static-font-weight-regular)';
-export const bold = 'var(--seed-static-font-weight-bold)';
\ No newline at end of file
+export const regular = "var(--seed-static-font-weight-regular)";
+export const bold = "var(--seed-static-font-weight-bold)";
diff --git a/packages/design-token/src/vars/static/index.ts b/packages/design-token/src/vars/static/index.ts
index c7ac194fb..44791ca05 100644
--- a/packages/design-token/src/vars/static/index.ts
+++ b/packages/design-token/src/vars/static/index.ts
@@ -1,3 +1,3 @@
-export * as color from './color';
-export * as fontWeight from './fontWeight';
-export * as lineHeight from './lineHeight'
+export * as color from "./color";
+export * as fontWeight from "./fontWeight";
+export * as lineHeight from "./lineHeight";
diff --git a/packages/design-token/src/vars/static/lineHeight.ts b/packages/design-token/src/vars/static/lineHeight.ts
index 53ac71b18..ecdf9de1a 100644
--- a/packages/design-token/src/vars/static/lineHeight.ts
+++ b/packages/design-token/src/vars/static/lineHeight.ts
@@ -1,3 +1,3 @@
-export const staticSmall = 'var(--seed-static-line-height-static-small)';
-export const staticMedium = 'var(--seed-static-line-height-static-medium)';
-export const staticLarge = 'var(--seed-static-line-height-static-large)';
\ No newline at end of file
+export const staticSmall = "var(--seed-static-line-height-static-small)";
+export const staticMedium = "var(--seed-static-line-height-static-medium)";
+export const staticLarge = "var(--seed-static-line-height-static-large)";
diff --git a/packages/gatsby-plugin-seed-design/gatsby-browser.tsx b/packages/gatsby-plugin-seed-design/gatsby-browser.tsx
index a56b8afbb..e7670002d 100644
--- a/packages/gatsby-plugin-seed-design/gatsby-browser.tsx
+++ b/packages/gatsby-plugin-seed-design/gatsby-browser.tsx
@@ -1,21 +1,12 @@
 import "@seed-design/stylesheet/global.css";
-import type {
-	PluginOptions,
-	WrapPageElementBrowserArgs,
-	WrapRootElementNodeArgs
-} from 'gatsby';
-import * as React from 'react';
-import { type Options, Wrapper } from './wrapRootElement';
+import type { PluginOptions, WrapPageElementBrowserArgs, WrapRootElementNodeArgs } from "gatsby";
+import * as React from "react";
+import { type Options, Wrapper } from "./wrapRootElement";
 
-export const wrapRootElement = ({
-	element,
-}: (WrapPageElementBrowserArgs | WrapRootElementNodeArgs),
-	pluginOptions: PluginOptions,
+export const wrapRootElement = (
+  { element }: WrapPageElementBrowserArgs | WrapRootElementNodeArgs,
+  pluginOptions: PluginOptions,
 ) => {
-	const { mode } = pluginOptions as unknown as Options;
-	return (
-		<Wrapper mode={mode}>
-			{element}
-		</Wrapper>
-	);
-}
+  const { mode } = pluginOptions as unknown as Options;
+  return <Wrapper mode={mode}>{element}</Wrapper>;
+};
diff --git a/packages/gatsby-plugin-seed-design/gatsby-node.ts b/packages/gatsby-plugin-seed-design/gatsby-node.ts
index 02f6f343f..b390857aa 100644
--- a/packages/gatsby-plugin-seed-design/gatsby-node.ts
+++ b/packages/gatsby-plugin-seed-design/gatsby-node.ts
@@ -1,12 +1,10 @@
-import { type GatsbyNode } from 'gatsby';
-import { ColorModeValues, DefaultColorModeValue } from '@seed-design/react-theming';
+import type { GatsbyNode } from "gatsby";
+import { ColorModeValues, DefaultColorModeValue } from "@seed-design/react-theming";
 
-export const pluginOptionsSchema: GatsbyNode['pluginOptionsSchema'] = ({
-	Joi,
-}) => {
-	return Joi.object({
-		mode: Joi.string()
-			.valid(...ColorModeValues)
-			.default(DefaultColorModeValue),
-	});
+export const pluginOptionsSchema: GatsbyNode["pluginOptionsSchema"] = ({ Joi }) => {
+  return Joi.object({
+    mode: Joi.string()
+      .valid(...ColorModeValues)
+      .default(DefaultColorModeValue),
+  });
 };
diff --git a/packages/gatsby-plugin-seed-design/gatsby-ssr.tsx b/packages/gatsby-plugin-seed-design/gatsby-ssr.tsx
index 97c54be26..d14f9d4b3 100644
--- a/packages/gatsby-plugin-seed-design/gatsby-ssr.tsx
+++ b/packages/gatsby-plugin-seed-design/gatsby-ssr.tsx
@@ -2,33 +2,34 @@ import "@seed-design/stylesheet/global.css";
 import { generateNoFlashScript } from "@seed-design/react-theming";
 import type {
   GatsbySSR,
-	PluginOptions,
-	WrapPageElementBrowserArgs,
-	WrapRootElementNodeArgs
-} from 'gatsby';
-import * as React from 'react';
-import { type Options, Wrapper } from './wrapRootElement';
+  PluginOptions,
+  WrapPageElementBrowserArgs,
+  WrapRootElementNodeArgs,
+} from "gatsby";
+import * as React from "react";
+import { type Options, Wrapper } from "./wrapRootElement";
 
-export const onRenderBody: GatsbySSR['onRenderBody'] = ({
-  setPreBodyComponents,
-  setHtmlAttributes,
-  setHeadComponents,
-}, pluginOptions: PluginOptions) => {
+export const onRenderBody: GatsbySSR["onRenderBody"] = (
+  { setPreBodyComponents, setHtmlAttributes, setHeadComponents },
+  pluginOptions: PluginOptions,
+) => {
   const { mode } = pluginOptions as unknown as Options;
   setHtmlAttributes({
     // @ts-ignore
-    'data-seed': '',
+    "data-seed": "",
   });
 
   setHeadComponents([
     <meta
       key="color-scheme"
       name="color-scheme"
-      content={{
-        'auto': 'light dark',
-        'light-only': 'light',
-        'dark-only': 'dark',
-      }[mode]}
+      content={
+        {
+          auto: "light dark",
+          "light-only": "light",
+          "dark-only": "dark",
+        }[mode]
+      }
     />,
   ]);
 
@@ -43,15 +44,10 @@ export const onRenderBody: GatsbySSR['onRenderBody'] = ({
   ]);
 };
 
-export const wrapRootElement = ({
-	element,
-}: (WrapPageElementBrowserArgs | WrapRootElementNodeArgs),
-	pluginOptions: PluginOptions,
+export const wrapRootElement = (
+  { element }: WrapPageElementBrowserArgs | WrapRootElementNodeArgs,
+  pluginOptions: PluginOptions,
 ) => {
-	const { mode } = pluginOptions as unknown as Options;
-	return (
-		<Wrapper mode={mode}>
-			{element}
-		</Wrapper>
-	);
-}
+  const { mode } = pluginOptions as unknown as Options;
+  return <Wrapper mode={mode}>{element}</Wrapper>;
+};
diff --git a/packages/gatsby-plugin-seed-design/tsconfig.json b/packages/gatsby-plugin-seed-design/tsconfig.json
index 2c53c8e2c..34b315de6 100644
--- a/packages/gatsby-plugin-seed-design/tsconfig.json
+++ b/packages/gatsby-plugin-seed-design/tsconfig.json
@@ -2,12 +2,7 @@
   "extends": "../../tsconfig.json",
   "compilerOptions": {
     "outDir": "lib",
-    "jsx": "react",
+    "jsx": "react"
   },
-  "include": [
-    "gatsby-browser.tsx",
-		"gatsby-ssr.tsx",
-		"gatsby-node.ts",
-		"wrapRootElement.tsx",
-  ]
+  "include": ["gatsby-browser.tsx", "gatsby-ssr.tsx", "gatsby-node.ts", "wrapRootElement.tsx"]
 }
diff --git a/packages/gatsby-plugin-seed-design/wrapRootElement.tsx b/packages/gatsby-plugin-seed-design/wrapRootElement.tsx
index 9c19a1b2b..2f1aa3981 100644
--- a/packages/gatsby-plugin-seed-design/wrapRootElement.tsx
+++ b/packages/gatsby-plugin-seed-design/wrapRootElement.tsx
@@ -1,15 +1,11 @@
-import { ColorMode, ThemeContext, useThemeBehavior } from '@seed-design/react-theming';
-import * as React from 'react';
+import { type ColorMode, ThemeContext, useThemeBehavior } from "@seed-design/react-theming";
+import type * as React from "react";
 
 export type Options = {
-	mode: ColorMode,
+  mode: ColorMode;
 };
 
 export const Wrapper: React.FC<React.PropsWithChildren<Options>> = ({ mode, children }) => {
   const theme = useThemeBehavior({ mode });
-  return (
-    <ThemeContext.Provider value={theme}>
-      {children}
-    </ThemeContext.Provider>
-  );
-}
+  return <ThemeContext.Provider value={theme}>{children}</ThemeContext.Provider>;
+};
diff --git a/packages/icon/src/commands/generate.ts b/packages/icon/src/commands/generate.ts
index d82a87392..d5e3cfb1b 100644
--- a/packages/icon/src/commands/generate.ts
+++ b/packages/icon/src/commands/generate.ts
@@ -7,7 +7,7 @@ import path from "path";
 import pkg from "../../package.json" assert { type: "json" };
 
 import { generateComponent } from "../templates/component";
-import { IconConfig } from "../types";
+import type { IconConfig } from "../types";
 import { validateIcons } from "../validates/icons";
 import { getTsconfig } from "get-tsconfig";
 import { validateTsconfigJSX } from "../validates/tsconfig";
@@ -24,15 +24,12 @@ export const generate = new Command("generate")
   .action(() => {
     try {
       console.log("");
-      const fileContents = yaml.load(
-        fs.readFileSync(configPath, "utf8"),
-      ) as IconConfig;
+      const fileContents = yaml.load(fs.readFileSync(configPath, "utf8")) as IconConfig;
 
       const icons = fileContents.icons;
       validateIcons(icons);
 
-      const componentPath =
-        fileContents.componentPath || "src/components/SeedIcon.tsx";
+      const componentPath = fileContents.componentPath || "src/components/SeedIcon.tsx";
       const componentFileName = path.basename(componentPath, ".tsx");
       const componentDir = path.dirname(componentPath);
 
@@ -53,14 +50,8 @@ export const generate = new Command("generate")
       }
 
       // write files
-      fs.writeFileSync(
-        path.resolve(componentDir, `${componentFileName}.tsx`),
-        seedIconComponent,
-      );
-      fs.writeFileSync(
-        path.resolve(componentDir, "IconData.tsx"),
-        iconData,
-      );
+      fs.writeFileSync(path.resolve(componentDir, `${componentFileName}.tsx`), seedIconComponent);
+      fs.writeFileSync(path.resolve(componentDir, "IconData.tsx"), iconData);
 
       // log
       console.log(
@@ -68,7 +59,7 @@ export const generate = new Command("generate")
           kleur.green().bold().underline(`${componentPath}`),
       );
       console.log(
-        kleur.green("⭐ IconData created to the path where the SeedIcon component was created")
+        kleur.green("⭐ IconData created to the path where the SeedIcon component was created"),
       );
       console.log("");
     } catch (error) {
diff --git a/packages/icon/src/commands/init.ts b/packages/icon/src/commands/init.ts
index 2b67403c3..bd440b92a 100644
--- a/packages/icon/src/commands/init.ts
+++ b/packages/icon/src/commands/init.ts
@@ -10,10 +10,7 @@ type InitTemplate = "dynamic" | "vite";
 
 const ICON_CONFIG_FILE_NAME = "icon.config.yml";
 
-const projectPath = path.resolve(
-  path.dirname(findup("package.json")!),
-  ICON_CONFIG_FILE_NAME,
-);
+const projectPath = path.resolve(path.dirname(findup("package.json")!), ICON_CONFIG_FILE_NAME);
 
 export const init = new Command("init")
   .description("Initialize icon.config.yml")
diff --git a/packages/icon/src/templates/component.ts b/packages/icon/src/templates/component.ts
index f8b6a9cbf..48d3b8f43 100644
--- a/packages/icon/src/templates/component.ts
+++ b/packages/icon/src/templates/component.ts
@@ -8,11 +8,7 @@ interface ComponentInterface {
   icons: IconName[];
 }
 
-export function generateComponent({
-  componentFileName,
-  version,
-  icons,
-}: ComponentInterface) {
+export function generateComponent({ componentFileName, version, icons }: ComponentInterface) {
   return dedent`
     /* eslint-disable */
     import * as React from "react";
diff --git a/packages/icon/src/templates/icon-data.ts b/packages/icon/src/templates/icon-data.ts
index c965c1661..897aa97f3 100644
--- a/packages/icon/src/templates/icon-data.ts
+++ b/packages/icon/src/templates/icon-data.ts
@@ -8,7 +8,8 @@ export function generateIconData({ icons }: { icons: IconName[] }) {
     import * as React from "react";
 
     export const iconData: Record<string, React.ReactNode> = {
-    ${icons.map((id) => {
+    ${icons
+      .map((id) => {
         const icon = IconData[id];
         return icon
           .replace("<svg", `  "${id}": (\n    <svg id="${id}"`)
@@ -19,6 +20,7 @@ export function generateIconData({ icons }: { icons: IconName[] }) {
           .replace(/fill-rule/g, "fillRule")
           .replace(/width="24"/, `width="100%"`)
           .replace(/height="24"/, `height="100%"`);
-      }).join("")}};\n
+      })
+      .join("")}};\n
   `;
 }
diff --git a/packages/icon/src/validates/icons.ts b/packages/icon/src/validates/icons.ts
index 9afa473b3..00554e510 100644
--- a/packages/icon/src/validates/icons.ts
+++ b/packages/icon/src/validates/icons.ts
@@ -24,15 +24,9 @@ export const validateIcons = (icons: IconName[]) => {
     const iconName = icon as IconName;
     if (!IconData[iconName]) {
       console.log(
-        kleur.red(
-          `🚨 ${icon} 아이콘이 존재하지 않습니다. 존재하는 아이콘만 입력해주세요.`,
-        ),
-      );
-      console.log(
-        kleur.red(
-          `🚨 ${icon} icon does not exist. Please enter only existing icons.`,
-        ),
+        kleur.red(`🚨 ${icon} 아이콘이 존재하지 않습니다. 존재하는 아이콘만 입력해주세요.`),
       );
+      console.log(kleur.red(`🚨 ${icon} icon does not exist. Please enter only existing icons.`));
       console.log();
 
       process.exit(1);
diff --git a/packages/icon/src/validates/tsconfig.ts b/packages/icon/src/validates/tsconfig.ts
index 1990d73d0..b96439bb5 100644
--- a/packages/icon/src/validates/tsconfig.ts
+++ b/packages/icon/src/validates/tsconfig.ts
@@ -1,4 +1,4 @@
-import { TsConfigResult } from "get-tsconfig";
+import type { TsConfigResult } from "get-tsconfig";
 import kleur from "kleur";
 
 export const validateTsconfigJSX = (tsconfig: TsConfigResult | null) => {
@@ -18,12 +18,7 @@ export const validateTsconfigJSX = (tsconfig: TsConfigResult | null) => {
 
   const jsx = tsconfig.config.compilerOptions?.jsx;
 
-  if (
-    jsx === undefined ||
-    jsx === "preserve" ||
-    jsx === "react-native" ||
-    jsx === "react-jsxdev"
-  ) {
+  if (jsx === undefined || jsx === "preserve" || jsx === "react-native" || jsx === "react-jsxdev") {
     console.log(
       kleur.red(
         "🚨 tsconfig 파일에 jsx 옵션이 제대로 설정되어 있지 않습니다. `seed-icon`은 JSX를 의존합니다. tsconfig.json에 `jsx` 필드를 `react` 또는 `react-jsx`로 설정해주세요.",
diff --git a/packages/icon/tests/path.ts b/packages/icon/tests/path.ts
index 4ec84abe2..839db527d 100644
--- a/packages/icon/tests/path.ts
+++ b/packages/icon/tests/path.ts
@@ -36,11 +36,11 @@ const tests = [
   },
 ];
 
-tests.forEach(({ from, to, expect }) => {
-  test(`generateRelativePath ${from}, ${to}`, () => {
-    const relativePath = generateRelativeFilePath(from, to);
-    assert.is(relativePath, expect);
+for (const t of tests) {
+  test(`generateRelativePath ${t.from}, ${t.to}`, () => {
+    const relativePath = generateRelativeFilePath(t.from, t.to);
+    assert.is(relativePath, t.expect);
   });
-});
+}
 
 test.run();
diff --git a/packages/icon/tsconfig.json b/packages/icon/tsconfig.json
index 543a7e164..36676fc33 100644
--- a/packages/icon/tsconfig.json
+++ b/packages/icon/tsconfig.json
@@ -11,5 +11,5 @@
     "jsx": "react-jsx",
     "outDir": "lib"
   },
-  "include": ["src", "package.json", "tests"],
+  "include": ["src", "package.json", "tests"]
 }
diff --git a/packages/react-headless/checkbox/src/index.ts b/packages/react-headless/checkbox/src/index.ts
index 2138ffd93..78137c706 100644
--- a/packages/react-headless/checkbox/src/index.ts
+++ b/packages/react-headless/checkbox/src/index.ts
@@ -1,12 +1,7 @@
 import { useControllableState } from "@radix-ui/react-use-controllable-state";
 import { useState } from "react";
 
-import {
-  dataAttr,
-  elementProps,
-  inputProps,
-  labelProps,
-} from "@seed-design/dom-utils";
+import { dataAttr, elementProps, inputProps, labelProps } from "@seed-design/dom-utils";
 
 export interface UseCheckboxStateProps {
   checked?: boolean;
diff --git a/packages/react-theming/src/ThemeContext.ts b/packages/react-theming/src/ThemeContext.ts
index e1a36f6e0..3a2d0e1da 100644
--- a/packages/react-theming/src/ThemeContext.ts
+++ b/packages/react-theming/src/ThemeContext.ts
@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { type useThemeBehavior } from './useThemeBehavior';
+import * as React from "react";
+import type { useThemeBehavior } from "./useThemeBehavior";
 
 export type ThemeContext = ReturnType<typeof useThemeBehavior>;
 
@@ -10,8 +10,8 @@ const initialContext: ThemeContext = {
 export const ThemeContext = React.createContext<ThemeContext>(initialContext);
 
 /* istanbul ignore next */
-if (process.env.NODE_ENV !== 'production') {
-  ThemeContext.displayName = 'ThemeContext';
+if (process.env.NODE_ENV !== "production") {
+  ThemeContext.displayName = "ThemeContext";
 }
 
 export function useTheme(): ThemeContext {
diff --git a/packages/react-theming/src/common.ts b/packages/react-theming/src/common.ts
index 9239a3ec6..8038588e3 100644
--- a/packages/react-theming/src/common.ts
+++ b/packages/react-theming/src/common.ts
@@ -1,8 +1,8 @@
-export const ColorModeValues = Object.freeze(['auto', 'light-only', 'dark-only'] as const);
+export const ColorModeValues = Object.freeze(["auto", "light-only", "dark-only"] as const);
 export const DefaultColorModeValue = ColorModeValues[0];
-export type ColorMode = typeof ColorModeValues[number];
+export type ColorMode = (typeof ColorModeValues)[number];
 
 export const StorageKey = {
-  COLOR: '@seed-design/scale-color',
-  PLATFORM: '@seed-design/platform',
+  COLOR: "@seed-design/scale-color",
+  PLATFORM: "@seed-design/platform",
 } as const;
diff --git a/packages/react-theming/src/index.ts b/packages/react-theming/src/index.ts
index 74363f128..98ccfc2f8 100644
--- a/packages/react-theming/src/index.ts
+++ b/packages/react-theming/src/index.ts
@@ -1,4 +1,4 @@
-export * from './ThemeContext';
-export * from './useThemeBehavior';
-export * from './common';
-export * from './server';
+export * from "./ThemeContext";
+export * from "./useThemeBehavior";
+export * from "./common";
+export * from "./server";
diff --git a/packages/react-theming/src/server.ts b/packages/react-theming/src/server.ts
index d94c18567..5107d4ac9 100644
--- a/packages/react-theming/src/server.ts
+++ b/packages/react-theming/src/server.ts
@@ -1,7 +1,7 @@
 import { type ColorMode, StorageKey } from "./common";
 
-export const generateNoFlashScript = ({ mode = 'auto' }: { mode?: ColorMode}) => {
-	return `
+export const generateNoFlashScript = ({ mode = "auto" }: { mode?: ColorMode }) => {
+  return `
 		(function(window, document, mode) {
 			try {
 				if (mode !== 'auto') {
@@ -53,4 +53,4 @@ export const generateNoFlashScript = ({ mode = 'auto' }: { mode?: ColorMode}) =>
 			} catch (e) {}
 		})(window, document, '${mode}');
 	`;
-}
+};
diff --git a/packages/react-theming/src/useThemeBehavior.ts b/packages/react-theming/src/useThemeBehavior.ts
index b67662ee4..8c8459dbc 100644
--- a/packages/react-theming/src/useThemeBehavior.ts
+++ b/packages/react-theming/src/useThemeBehavior.ts
@@ -1,58 +1,49 @@
-import * as React from 'react';
+import * as React from "react";
 
-import {
-  StorageKey,
-  type ColorMode,
-} from './common';
+import { StorageKey, type ColorMode } from "./common";
 
 type UseDarkModeProps = {
-  mode?: ColorMode,
+  mode?: ColorMode;
 };
 
-export function useThemeBehavior({
-  mode = "auto",
-}: UseDarkModeProps) {
+export function useThemeBehavior({ mode = "auto" }: UseDarkModeProps) {
   type ThemeContext = {
-    setColorTheme: (theme: ColorTheme) => void,
+    setColorTheme: (theme: ColorTheme) => void;
   };
 
-  type ColorTheme = (
-    | 'system'
-    | 'light'
-    | 'dark'
-  );
+  type ColorTheme = "system" | "light" | "dark";
 
   const [colorTheme, setColorTheme] = React.useState<ColorTheme | undefined>(undefined);
   const themeContext = React.useMemo<ThemeContext>(() => ({ setColorTheme }), []);
 
   React.useEffect(() => {
-    if (mode !== 'auto') {
+    if (mode !== "auto") {
       document.documentElement.dataset.seed = mode;
     }
   }, []);
   React.useEffect(() => {
     if (!document.documentElement.dataset.seedPlatform) {
-      document.documentElement.dataset.seedPlatform = 'ios';
+      document.documentElement.dataset.seedPlatform = "ios";
     }
   }, []);
   React.useEffect(() => {
-    if (typeof window !== 'undefined') {
+    if (typeof window !== "undefined") {
       const color = localStorage.getItem(StorageKey.COLOR);
-      setColorTheme(color ? (color as ColorTheme) : 'system');
+      setColorTheme(color ? (color as ColorTheme) : "system");
     }
   }, []);
-  
+
   React.useEffect(() => {
     if (!colorTheme) return;
 
-    if (mode === 'auto') {
+    if (mode === "auto") {
       document.documentElement.dataset.seedScaleColor = colorTheme;
-      if (colorTheme === 'system') {
-        if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
-          document.documentElement.dataset.seedScaleColor = 'dark';
+      if (colorTheme === "system") {
+        if (window.matchMedia("(prefers-color-scheme: dark)").matches) {
+          document.documentElement.dataset.seedScaleColor = "dark";
         }
-        if (window.matchMedia('(prefers-color-scheme: light)').matches) {
-          document.documentElement.dataset.seedScaleColor = 'light';
+        if (window.matchMedia("(prefers-color-scheme: light)").matches) {
+          document.documentElement.dataset.seedScaleColor = "light";
         }
         localStorage.removeItem(StorageKey.COLOR);
       } else {
@@ -60,16 +51,16 @@ export function useThemeBehavior({
       }
     }
 
-    if (mode === 'dark-only') {
-      document.documentElement.dataset.seedScaleColor = 'dark';
-      localStorage.setItem(StorageKey.COLOR, 'dark');
+    if (mode === "dark-only") {
+      document.documentElement.dataset.seedScaleColor = "dark";
+      localStorage.setItem(StorageKey.COLOR, "dark");
     }
 
-    if (mode === 'light-only') {
-      document.documentElement.dataset.seedScaleColor = 'light';
-      localStorage.setItem(StorageKey.COLOR, 'light');
+    if (mode === "light-only") {
+      document.documentElement.dataset.seedScaleColor = "light";
+      localStorage.setItem(StorageKey.COLOR, "light");
     }
   }, [colorTheme]);
 
   return themeContext;
-};
+}
diff --git a/packages/recipe-generator/cli/src/index.ts b/packages/recipe-generator/cli/src/index.ts
index f34ab9316..3ac544187 100644
--- a/packages/recipe-generator/cli/src/index.ts
+++ b/packages/recipe-generator/cli/src/index.ts
@@ -1,10 +1,6 @@
 #!/usr/bin/env node
 
-import {
-  generateCss,
-  generateDts,
-  generateJs,
-} from "@seed-design/recipe-generator-core";
+import { generateCss, generateDts, generateJs } from "@seed-design/recipe-generator-core";
 import preset from "@seed-design/recipe-generator-preset";
 import fs from "fs-extra";
 import path from "node:path";
@@ -15,12 +11,7 @@ async function writeCss() {
   return Promise.all(
     Object.entries(preset).map(async ([name, definition]) => {
       const cssCode = await generateCss(definition);
-      console.log(
-        "Writing",
-        name,
-        "to",
-        path.join(process.cwd(), dir, `${name}.css`),
-      );
+      console.log("Writing", name, "to", path.join(process.cwd(), dir, `${name}.css`));
       fs.writeFileSync(path.join(process.cwd(), dir, `${name}.css`), cssCode);
     }),
   );
diff --git a/packages/recipe-generator/core/src/css.ts b/packages/recipe-generator/core/src/css.ts
index bf11c4ccc..73a80bea7 100644
--- a/packages/recipe-generator/core/src/css.ts
+++ b/packages/recipe-generator/core/src/css.ts
@@ -76,21 +76,17 @@ export function generateCompoundVariantRules({
 }
 
 export function generateKeyframeRules(definition: Definition["keyframes"]) {
-  return Object.entries(definition ?? {}).flatMap(
-    ([keyframeName, keyframe]) => {
-      const parsed = postcssJs.parse(keyframe);
-      return postcss.atRule({
-        name: "keyframes",
-        params: keyframeName,
-        nodes: parsed.nodes,
-      });
-    },
-  );
+  return Object.entries(definition ?? {}).flatMap(([keyframeName, keyframe]) => {
+    const parsed = postcssJs.parse(keyframe);
+    return postcss.atRule({
+      name: "keyframes",
+      params: keyframeName,
+      nodes: parsed.nodes,
+    });
+  });
 }
 
-export async function transpileRulesToCss(
-  rules: (postcss.AtRule | postcss.Rule | undefined)[],
-) {
+export async function transpileRulesToCss(rules: (postcss.AtRule | postcss.Rule | undefined)[]) {
   const root = postcss.root({
     nodes: compact(rules),
   });
diff --git a/packages/recipe-generator/core/src/js.ts b/packages/recipe-generator/core/src/js.ts
index 7fd3d9cfe..3c64042a9 100644
--- a/packages/recipe-generator/core/src/js.ts
+++ b/packages/recipe-generator/core/src/js.ts
@@ -6,10 +6,7 @@ import type { SlotRecipeDefinition, SlotRecipeVariantRecord } from "./types";
 export function generateJs(
   definition: SlotRecipeDefinition<string, SlotRecipeVariantRecord<string>>,
 ): string {
-  const slotNames = definition.slots.map((slot) => [
-    slot,
-    `${definition.name}__${slot}`,
-  ]);
+  const slotNames = definition.slots.map((slot) => [slot, `${definition.name}__${slot}`]);
 
   const variantMap = Object.fromEntries(
     Object.entries(definition.variants).map(([variantName, variant]) => [
@@ -18,31 +15,20 @@ export function generateJs(
     ]),
   );
 
-  const compoundVariants =
-    definition.compoundVariants?.map(({ css, ...rest }) => rest) ?? [];
+  const compoundVariants = definition.compoundVariants?.map(({ css, ...rest }) => rest) ?? [];
 
   return outdent`
   import { createClassName } from "./className.mjs";
 
   const ${definition.name}SlotNames = ${JSON.stringify(slotNames, null, 2)};
   
-  const defaultVariant = ${JSON.stringify(
-    definition.defaultVariants ?? {},
-    null,
-    2,
-  )};
+  const defaultVariant = ${JSON.stringify(definition.defaultVariants ?? {}, null, 2)};
 
   const compoundVariants = ${JSON.stringify(compoundVariants, null, 2)};
   
-  export const ${definition.name}VariantMap = ${JSON.stringify(
-    variantMap,
-    null,
-    2,
-  )};
+  export const ${definition.name}VariantMap = ${JSON.stringify(variantMap, null, 2)};
   
-  export const ${definition.name}VariantKeys = Object.keys(${
-    definition.name
-  }VariantMap);
+  export const ${definition.name}VariantKeys = Object.keys(${definition.name}VariantMap);
   
   export function ${escapeReservedWord(definition.name)}(props) {
     return Object.fromEntries(
diff --git a/packages/recipe-generator/core/src/rem.ts b/packages/recipe-generator/core/src/rem.ts
index f9bb97709..851881fd0 100644
--- a/packages/recipe-generator/core/src/rem.ts
+++ b/packages/recipe-generator/core/src/rem.ts
@@ -3,5 +3,5 @@ export function rem(px: string | number, base: string | number = 16): string {
     return px;
   }
 
-  return `${parseFloat(px.toString()) / parseFloat(base.toString())}rem`;
+  return `${Number.parseFloat(px.toString()) / Number.parseFloat(base.toString())}rem`;
 }
diff --git a/packages/recipe-generator/core/src/types.ts b/packages/recipe-generator/core/src/types.ts
index 1f5e183f4..0a88708ea 100644
--- a/packages/recipe-generator/core/src/types.ts
+++ b/packages/recipe-generator/core/src/types.ts
@@ -19,12 +19,11 @@ export type StyleObject = CSS.Properties &
 
 type RecipeVariantRecord = Record<any, Record<any, StyleObject>>;
 
-export type RecipeSelection<T extends RecipeVariantRecord> =
-  keyof any extends keyof T
-    ? {}
-    : {
-        [K in keyof T]?: StringToBoolean<keyof T[K]>;
-      };
+export type RecipeSelection<T extends RecipeVariantRecord> = keyof any extends keyof T
+  ? {}
+  : {
+      [K in keyof T]?: StringToBoolean<keyof T[K]>;
+    };
 
 type SlotRecord<S extends string, T> = Partial<Record<S, T>>;
 
@@ -33,10 +32,7 @@ export type SlotRecipeVariantRecord<S extends string> = Record<
   Record<any, SlotRecord<S, StyleObject>>
 >;
 
-export interface SlotRecipeDefinition<
-  S extends string,
-  T extends SlotRecipeVariantRecord<S>,
-> {
+export interface SlotRecipeDefinition<S extends string, T extends SlotRecipeVariantRecord<S>> {
   name: string;
   slots: S[] | Readonly<S[]>;
   base: SlotRecord<S, StyleObject>;
@@ -47,8 +43,5 @@ export interface SlotRecipeDefinition<
     }
   >;
   defaultVariants?: RecipeSelection<T>;
-  keyframes?: Record<
-    string,
-    Partial<Record<"from" | "to" | `${string}%`, StyleObject>>
-  >;
+  keyframes?: Record<string, Partial<Record<"from" | "to" | `${string}%`, StyleObject>>>;
 }
diff --git a/packages/recipe-generator/preset/src/__generated__/avatar.vars.ts b/packages/recipe-generator/preset/src/__generated__/avatar.vars.ts
index 39a869673..6cb5ead09 100644
--- a/packages/recipe-generator/preset/src/__generated__/avatar.vars.ts
+++ b/packages/recipe-generator/preset/src/__generated__/avatar.vars.ts
@@ -1,85 +1,85 @@
 export const vars = {
-  "base": {
-    "enabled": {
-      "root": {
-        "cornerRadius": "var(--seed-radii-full)",
-        "strokeColor": "var(--seed-color-stroke-decorative-subtle)",
-        "strokeWidth": "1px"
-      },
-      "badge": {
-        "cornerRadius": "var(--seed-radii-full)",
-        "color": "var(--seed-color-bg-layer-1)"
-      }
-    }
+  base: {
+    enabled: {
+      root: {
+        cornerRadius: "var(--seed-radii-full)",
+        strokeColor: "var(--seed-color-stroke-decorative-subtle)",
+        strokeWidth: "1px",
+      },
+      badge: {
+        cornerRadius: "var(--seed-radii-full)",
+        color: "var(--seed-color-bg-layer-1)",
+      },
+    },
   },
-  "size20": {
-    "enabled": {
-      "root": {
-        "size": "var(--seed-unit-5)"
-      },
-      "badge": {
-        "size": "var(--seed-unit-2\\.5)"
-      }
-    }
+  size20: {
+    enabled: {
+      root: {
+        size: "var(--seed-unit-5)",
+      },
+      badge: {
+        size: "var(--seed-unit-2\\.5)",
+      },
+    },
   },
-  "size24": {
-    "enabled": {
-      "root": {
-        "size": "var(--seed-unit-6)"
-      },
-      "badge": {
-        "size": "var(--seed-unit-3)"
-      }
-    }
+  size24: {
+    enabled: {
+      root: {
+        size: "var(--seed-unit-6)",
+      },
+      badge: {
+        size: "var(--seed-unit-3)",
+      },
+    },
   },
-  "size36": {
-    "enabled": {
-      "root": {
-        "size": "var(--seed-unit-9)"
-      },
-      "badge": {
-        "size": "var(--seed-unit-4)"
-      }
-    }
+  size36: {
+    enabled: {
+      root: {
+        size: "var(--seed-unit-9)",
+      },
+      badge: {
+        size: "var(--seed-unit-4)",
+      },
+    },
   },
-  "size48": {
-    "enabled": {
-      "root": {
-        "size": "var(--seed-unit-12)"
-      },
-      "badge": {
-        "size": "var(--seed-unit-6)"
-      }
-    }
+  size48: {
+    enabled: {
+      root: {
+        size: "var(--seed-unit-12)",
+      },
+      badge: {
+        size: "var(--seed-unit-6)",
+      },
+    },
+  },
+  size64: {
+    enabled: {
+      root: {
+        size: "var(--seed-unit-16)",
+      },
+      badge: {
+        size: "var(--seed-unit-6)",
+      },
+    },
   },
-  "size64": {
-    "enabled": {
-      "root": {
-        "size": "var(--seed-unit-16)"
-      },
-      "badge": {
-        "size": "var(--seed-unit-6)"
-      }
-    }
+  size80: {
+    enabled: {
+      root: {
+        size: "var(--seed-unit-20)",
+      },
+      badge: {
+        size: "var(--seed-unit-6)",
+      },
+    },
   },
-  "size80": {
-    "enabled": {
-      "root": {
-        "size": "var(--seed-unit-20)"
-      },
-      "badge": {
-        "size": "var(--seed-unit-6)"
-      }
-    }
+  size96: {
+    enabled: {
+      root: {
+        size: "var(--seed-unit-24)",
+      },
+      badge: {
+        size: "var(--seed-unit-8)",
+      },
+    },
   },
-  "size96": {
-    "enabled": {
-      "root": {
-        "size": "var(--seed-unit-24)"
-      },
-      "badge": {
-        "size": "var(--seed-unit-8)"
-      }
-    }
-  }
-}
\ No newline at end of file
+};
diff --git a/packages/recipe-generator/preset/src/__generated__/box-button.vars.ts b/packages/recipe-generator/preset/src/__generated__/box-button.vars.ts
index 03fad0cdb..ecc8109d6 100644
--- a/packages/recipe-generator/preset/src/__generated__/box-button.vars.ts
+++ b/packages/recipe-generator/preset/src/__generated__/box-button.vars.ts
@@ -1,186 +1,186 @@
 export const vars = {
-  "base": {
-    "enabled": {
-      "label": {
-        "fontWeight": "var(--seed-font-weight-bold)"
-      }
-    }
+  base: {
+    enabled: {
+      label: {
+        fontWeight: "var(--seed-font-weight-bold)",
+      },
+    },
   },
-  "variantBrand": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-bg-brand-emphasis)"
-      },
-      "label": {
-        "color": "var(--seed-color-fg-static-white)"
-      },
-      "prefixIcon": {
-        "color": "var(--seed-color-fg-static-white)"
-      }
-    },
-    "pressed": {
-      "root": {
-        "color": "var(--seed-color-bg-brand-emphasis-pressed)"
-      }
-    },
-    "disabled": {
-      "root": {
-        "color": "var(--seed-color-bg-disabled)"
-      }
-    }
+  variantBrand: {
+    enabled: {
+      root: {
+        color: "var(--seed-color-bg-brand-emphasis)",
+      },
+      label: {
+        color: "var(--seed-color-fg-static-white)",
+      },
+      prefixIcon: {
+        color: "var(--seed-color-fg-static-white)",
+      },
+    },
+    pressed: {
+      root: {
+        color: "var(--seed-color-bg-brand-emphasis-pressed)",
+      },
+    },
+    disabled: {
+      root: {
+        color: "var(--seed-color-bg-disabled)",
+      },
+    },
   },
-  "variantBrandSoft": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-bg-brand)"
-      },
-      "label": {
-        "color": "var(--seed-color-fg-brand)"
-      },
-      "prefixIcon": {
-        "color": "var(--seed-color-fg-brand)"
-      }
-    },
-    "pressed": {
-      "root": {
-        "color": "var(--seed-color-bg-brand-pressed)"
-      }
-    },
-    "disabled": {
-      "root": {
-        "color": "var(--seed-color-bg-disabled)"
-      }
-    }
+  variantBrandSoft: {
+    enabled: {
+      root: {
+        color: "var(--seed-color-bg-brand)",
+      },
+      label: {
+        color: "var(--seed-color-fg-brand)",
+      },
+      prefixIcon: {
+        color: "var(--seed-color-fg-brand)",
+      },
+    },
+    pressed: {
+      root: {
+        color: "var(--seed-color-bg-brand-pressed)",
+      },
+    },
+    disabled: {
+      root: {
+        color: "var(--seed-color-bg-disabled)",
+      },
+    },
   },
-  "variantNeutral": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-bg-neutral)"
-      },
-      "label": {
-        "color": "var(--seed-color-fg-neutral)"
-      },
-      "prefixIcon": {
-        "color": "var(--seed-color-fg-neutral)"
-      }
-    },
-    "pressed": {
-      "root": {
-        "color": "var(--seed-color-bg-neutral-pressed)"
-      }
-    },
-    "disabled": {
-      "root": {
-        "color": "var(--seed-color-bg-disabled)"
-      }
-    }
+  variantNeutral: {
+    enabled: {
+      root: {
+        color: "var(--seed-color-bg-neutral)",
+      },
+      label: {
+        color: "var(--seed-color-fg-neutral)",
+      },
+      prefixIcon: {
+        color: "var(--seed-color-fg-neutral)",
+      },
+    },
+    pressed: {
+      root: {
+        color: "var(--seed-color-bg-neutral-pressed)",
+      },
+    },
+    disabled: {
+      root: {
+        color: "var(--seed-color-bg-disabled)",
+      },
+    },
   },
-  "variantDanger": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-bg-danger-emphasis)"
-      },
-      "label": {
-        "color": "var(--seed-color-fg-static-white)"
-      },
-      "prefixIcon": {
-        "color": "var(--seed-color-fg-static-white)"
-      }
-    },
-    "pressed": {
-      "root": {
-        "color": "var(--seed-color-bg-danger-pressed)"
-      }
-    },
-    "disabled": {
-      "root": {
-        "color": "var(--seed-color-bg-disabled)"
-      }
-    }
+  variantDanger: {
+    enabled: {
+      root: {
+        color: "var(--seed-color-bg-danger-emphasis)",
+      },
+      label: {
+        color: "var(--seed-color-fg-static-white)",
+      },
+      prefixIcon: {
+        color: "var(--seed-color-fg-static-white)",
+      },
+    },
+    pressed: {
+      root: {
+        color: "var(--seed-color-bg-danger-pressed)",
+      },
+    },
+    disabled: {
+      root: {
+        color: "var(--seed-color-bg-disabled)",
+      },
+    },
   },
-  "sizeXsmall": {
-    "enabled": {
-      "root": {
-        "minHeight": "var(--seed-unit-8)",
-        "cornerRadius": "var(--seed-radii-1)",
-        "gap": "var(--seed-unit-1)",
-        "paddingX": "var(--seed-unit-2\\.5)",
-        "paddingY": "var(--seed-unit-2)"
-      },
-      "prefixIcon": {
-        "size": "var(--seed-unit-3)"
-      },
-      "label": {
-        "fontSize": "var(--seed-font-size-50)"
-      }
-    }
+  sizeXsmall: {
+    enabled: {
+      root: {
+        minHeight: "var(--seed-unit-8)",
+        cornerRadius: "var(--seed-radii-1)",
+        gap: "var(--seed-unit-1)",
+        paddingX: "var(--seed-unit-2\\.5)",
+        paddingY: "var(--seed-unit-2)",
+      },
+      prefixIcon: {
+        size: "var(--seed-unit-3)",
+      },
+      label: {
+        fontSize: "var(--seed-font-size-50)",
+      },
+    },
   },
-  "sizeSmall": {
-    "enabled": {
-      "root": {
-        "minHeight": "var(--seed-unit-9)",
-        "cornerRadius": "var(--seed-radii-1)",
-        "gap": "var(--seed-unit-1)",
-        "paddingX": "var(--seed-unit-3\\.5)",
-        "paddingY": "var(--seed-unit-2)"
-      },
-      "prefixIcon": {
-        "size": "var(--seed-unit-4)"
-      },
-      "label": {
-        "fontSize": "var(--seed-font-size-100)"
-      }
-    }
+  sizeSmall: {
+    enabled: {
+      root: {
+        minHeight: "var(--seed-unit-9)",
+        cornerRadius: "var(--seed-radii-1)",
+        gap: "var(--seed-unit-1)",
+        paddingX: "var(--seed-unit-3\\.5)",
+        paddingY: "var(--seed-unit-2)",
+      },
+      prefixIcon: {
+        size: "var(--seed-unit-4)",
+      },
+      label: {
+        fontSize: "var(--seed-font-size-100)",
+      },
+    },
   },
-  "sizeMedium": {
-    "enabled": {
-      "root": {
-        "minHeight": "var(--seed-unit-10)",
-        "cornerRadius": "var(--seed-radii-1\\.5)",
-        "gap": "var(--seed-unit-1)",
-        "paddingX": "var(--seed-unit-4)",
-        "paddingY": "var(--seed-unit-2\\.5)"
-      },
-      "prefixIcon": {
-        "size": "var(--seed-unit-4)"
-      },
-      "label": {
-        "fontSize": "var(--seed-font-size-100)"
-      }
-    }
+  sizeMedium: {
+    enabled: {
+      root: {
+        minHeight: "var(--seed-unit-10)",
+        cornerRadius: "var(--seed-radii-1\\.5)",
+        gap: "var(--seed-unit-1)",
+        paddingX: "var(--seed-unit-4)",
+        paddingY: "var(--seed-unit-2\\.5)",
+      },
+      prefixIcon: {
+        size: "var(--seed-unit-4)",
+      },
+      label: {
+        fontSize: "var(--seed-font-size-100)",
+      },
+    },
   },
-  "sizeLarge": {
-    "enabled": {
-      "root": {
-        "minHeight": "var(--seed-unit-12)",
-        "cornerRadius": "var(--seed-radii-1\\.5)",
-        "gap": "var(--seed-unit-1)",
-        "paddingX": "var(--seed-unit-5)",
-        "paddingY": "var(--seed-unit-3\\.5)"
-      },
-      "prefixIcon": {
-        "size": "var(--seed-unit-4)"
-      },
-      "label": {
-        "fontSize": "var(--seed-font-size-100)"
-      }
-    }
+  sizeLarge: {
+    enabled: {
+      root: {
+        minHeight: "var(--seed-unit-12)",
+        cornerRadius: "var(--seed-radii-1\\.5)",
+        gap: "var(--seed-unit-1)",
+        paddingX: "var(--seed-unit-5)",
+        paddingY: "var(--seed-unit-3\\.5)",
+      },
+      prefixIcon: {
+        size: "var(--seed-unit-4)",
+      },
+      label: {
+        fontSize: "var(--seed-font-size-100)",
+      },
+    },
+  },
+  sizeXlarge: {
+    enabled: {
+      root: {
+        minHeight: "var(--seed-unit-13)",
+        cornerRadius: "var(--seed-radii-1\\.5)",
+        gap: "var(--seed-unit-1)",
+        paddingX: "var(--seed-unit-5)",
+        paddingY: "var(--seed-unit-3\\.5)",
+      },
+      prefixIcon: {
+        size: "var(--seed-unit-5)",
+      },
+      label: {
+        fontSize: "var(--seed-font-size-250)",
+      },
+    },
   },
-  "sizeXlarge": {
-    "enabled": {
-      "root": {
-        "minHeight": "var(--seed-unit-13)",
-        "cornerRadius": "var(--seed-radii-1\\.5)",
-        "gap": "var(--seed-unit-1)",
-        "paddingX": "var(--seed-unit-5)",
-        "paddingY": "var(--seed-unit-3\\.5)"
-      },
-      "prefixIcon": {
-        "size": "var(--seed-unit-5)"
-      },
-      "label": {
-        "fontSize": "var(--seed-font-size-250)"
-      }
-    }
-  }
-}
\ No newline at end of file
+};
diff --git a/packages/recipe-generator/preset/src/__generated__/callout.vars.ts b/packages/recipe-generator/preset/src/__generated__/callout.vars.ts
index c821983fc..2d088495b 100644
--- a/packages/recipe-generator/preset/src/__generated__/callout.vars.ts
+++ b/packages/recipe-generator/preset/src/__generated__/callout.vars.ts
@@ -1,143 +1,143 @@
 export const vars = {
-  "base": {
-    "enabled": {
-      "root": {
-        "minHeight": "var(--seed-unit-12)",
-        "paddingX": "var(--seed-unit-4)",
-        "paddingY": "var(--seed-unit-3\\.5)",
-        "cornerRadius": "var(--seed-radii-2\\.5)"
-      },
-      "title": {
-        "fontSize": "var(--seed-font-size-100)",
-        "fontWeight": "var(--seed-font-weight-bold)"
-      },
-      "description": {
-        "fontSize": "var(--seed-font-size-100)",
-        "fontWeight": "var(--seed-font-weight-regular)"
-      },
-      "icon": {
-        "size": "var(--seed-unit-4)",
-        "marginRight": "var(--seed-unit-1\\.5)"
-      },
-      "actionIndicator": {
-        "size": "var(--seed-unit-4\\.5)",
-        "marginLeft": "var(--seed-unit-2\\.5)"
-      },
-      "closeButton": {
-        "size": "var(--seed-unit-4\\.5)",
-        "marginLeft": "var(--seed-unit-2\\.5)"
-      }
-    }
+  base: {
+    enabled: {
+      root: {
+        minHeight: "var(--seed-unit-12)",
+        paddingX: "var(--seed-unit-4)",
+        paddingY: "var(--seed-unit-3\\.5)",
+        cornerRadius: "var(--seed-radii-2\\.5)",
+      },
+      title: {
+        fontSize: "var(--seed-font-size-100)",
+        fontWeight: "var(--seed-font-weight-bold)",
+      },
+      description: {
+        fontSize: "var(--seed-font-size-100)",
+        fontWeight: "var(--seed-font-weight-regular)",
+      },
+      icon: {
+        size: "var(--seed-unit-4)",
+        marginRight: "var(--seed-unit-1\\.5)",
+      },
+      actionIndicator: {
+        size: "var(--seed-unit-4\\.5)",
+        marginLeft: "var(--seed-unit-2\\.5)",
+      },
+      closeButton: {
+        size: "var(--seed-unit-4\\.5)",
+        marginLeft: "var(--seed-unit-2\\.5)",
+      },
+    },
   },
-  "variantOutline": {
-    "enabled": {
-      "root": {
-        "strokeColor": "var(--seed-color-stroke-decorative)",
-        "strokeWidth": "1px"
+  variantOutline: {
+    enabled: {
+      root: {
+        strokeColor: "var(--seed-color-stroke-decorative)",
+        strokeWidth: "1px",
       },
-      "title": {
-        "color": "var(--seed-color-fg-neutral)"
+      title: {
+        color: "var(--seed-color-fg-neutral)",
       },
-      "description": {
-        "color": "var(--seed-color-fg-neutral)"
+      description: {
+        color: "var(--seed-color-fg-neutral)",
       },
-      "icon": {
-        "color": "var(--seed-color-fg-neutral)"
+      icon: {
+        color: "var(--seed-color-fg-neutral)",
       },
-      "actionIndicator": {
-        "color": "var(--seed-color-fg-neutral)"
+      actionIndicator: {
+        color: "var(--seed-color-fg-neutral)",
       },
-      "closeButton": {
-        "color": "var(--seed-color-fg-neutral)"
-      }
-    }
+      closeButton: {
+        color: "var(--seed-color-fg-neutral)",
+      },
+    },
   },
-  "variantNeutral": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-bg-neutral)"
+  variantNeutral: {
+    enabled: {
+      root: {
+        color: "var(--seed-color-bg-neutral)",
+      },
+      title: {
+        color: "var(--seed-color-fg-neutral)",
       },
-      "title": {
-        "color": "var(--seed-color-fg-neutral)"
+      description: {
+        color: "var(--seed-color-fg-neutral)",
       },
-      "description": {
-        "color": "var(--seed-color-fg-neutral)"
+      icon: {
+        color: "var(--seed-color-fg-neutral)",
       },
-      "icon": {
-        "color": "var(--seed-color-fg-neutral)"
+      actionIndicator: {
+        color: "var(--seed-color-fg-neutral)",
       },
-      "actionIndicator": {
-        "color": "var(--seed-color-fg-neutral)"
+      closeButton: {
+        color: "var(--seed-color-fg-neutral)",
       },
-      "closeButton": {
-        "color": "var(--seed-color-fg-neutral)"
-      }
-    }
+    },
   },
-  "variantInformative": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-bg-informative)"
+  variantInformative: {
+    enabled: {
+      root: {
+        color: "var(--seed-color-bg-informative)",
+      },
+      title: {
+        color: "var(--seed-color-fg-informative-banner)",
       },
-      "title": {
-        "color": "var(--seed-color-fg-informative-banner)"
+      description: {
+        color: "var(--seed-color-fg-informative-banner)",
       },
-      "description": {
-        "color": "var(--seed-color-fg-informative-banner)"
+      icon: {
+        color: "var(--seed-color-fg-informative-banner)",
       },
-      "icon": {
-        "color": "var(--seed-color-fg-informative-banner)"
+      actionIndicator: {
+        color: "var(--seed-color-fg-informative-banner)",
       },
-      "actionIndicator": {
-        "color": "var(--seed-color-fg-informative-banner)"
+      closeButton: {
+        color: "var(--seed-color-fg-informative-banner)",
       },
-      "closeButton": {
-        "color": "var(--seed-color-fg-informative-banner)"
-      }
-    }
+    },
   },
-  "variantWarning": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-bg-warning)"
+  variantWarning: {
+    enabled: {
+      root: {
+        color: "var(--seed-color-bg-warning)",
       },
-      "title": {
-        "color": "var(--seed-color-fg-warning-banner)"
+      title: {
+        color: "var(--seed-color-fg-warning-banner)",
       },
-      "description": {
-        "color": "var(--seed-color-fg-warning-banner)"
+      description: {
+        color: "var(--seed-color-fg-warning-banner)",
       },
-      "icon": {
-        "color": "var(--seed-color-fg-warning-banner)"
+      icon: {
+        color: "var(--seed-color-fg-warning-banner)",
       },
-      "actionIndicator": {
-        "color": "var(--seed-color-fg-warning-banner)"
+      actionIndicator: {
+        color: "var(--seed-color-fg-warning-banner)",
       },
-      "closeButton": {
-        "color": "var(--seed-color-fg-warning-banner)"
-      }
-    }
+      closeButton: {
+        color: "var(--seed-color-fg-warning-banner)",
+      },
+    },
   },
-  "variantDanger": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-bg-danger)"
+  variantDanger: {
+    enabled: {
+      root: {
+        color: "var(--seed-color-bg-danger)",
+      },
+      title: {
+        color: "var(--seed-color-fg-danger-banner)",
       },
-      "title": {
-        "color": "var(--seed-color-fg-danger-banner)"
+      description: {
+        color: "var(--seed-color-fg-danger-banner)",
       },
-      "description": {
-        "color": "var(--seed-color-fg-danger-banner)"
+      icon: {
+        color: "var(--seed-color-fg-danger-banner)",
       },
-      "icon": {
-        "color": "var(--seed-color-fg-danger-banner)"
+      actionIndicator: {
+        color: "var(--seed-color-fg-danger-banner)",
       },
-      "actionIndicator": {
-        "color": "var(--seed-color-fg-danger-banner)"
+      closeButton: {
+        color: "var(--seed-color-fg-danger-banner)",
       },
-      "closeButton": {
-        "color": "var(--seed-color-fg-danger-banner)"
-      }
-    }
-  }
-}
\ No newline at end of file
+    },
+  },
+};
diff --git a/packages/recipe-generator/preset/src/__generated__/checkbox.vars.ts b/packages/recipe-generator/preset/src/__generated__/checkbox.vars.ts
index 6be7416ba..52debbb51 100644
--- a/packages/recipe-generator/preset/src/__generated__/checkbox.vars.ts
+++ b/packages/recipe-generator/preset/src/__generated__/checkbox.vars.ts
@@ -1,104 +1,104 @@
 export const vars = {
-  "base": {
-    "enabled": {
-      "label": {
-        "color": "var(--seed-color-fg-neutral)"
-      },
-      "control": {
-        "strokeColor": "var(--seed-color-stroke-control)",
-        "strokeWidth": "1px"
-      }
+  base: {
+    enabled: {
+      label: {
+        color: "var(--seed-color-fg-neutral)",
+      },
+      control: {
+        strokeColor: "var(--seed-color-stroke-control)",
+        strokeWidth: "1px",
+      },
     },
-    "enabledSelected": {
-      "control": {
-        "color": "var(--seed-color-bg-brand-emphasis)"
+    enabledSelected: {
+      control: {
+        color: "var(--seed-color-bg-brand-emphasis)",
+      },
+      icon: {
+        color: "var(--seed-color-fg-static-white)",
       },
-      "icon": {
-        "color": "var(--seed-color-fg-static-white)"
-      }
     },
-    "pressed": {
-      "control": {
-        "color": "var(--seed-color-bg-layer-1-pressed)"
-      }
+    pressed: {
+      control: {
+        color: "var(--seed-color-bg-layer-1-pressed)",
+      },
     },
-    "pressedSelected": {
-      "control": {
-        "color": "var(--seed-color-bg-brand-emphasis-pressed)"
+    pressedSelected: {
+      control: {
+        color: "var(--seed-color-bg-brand-emphasis-pressed)",
+      },
+      icon: {
+        color: "var(--seed-color-fg-static-white)",
       },
-      "icon": {
-        "color": "var(--seed-color-fg-static-white)"
-      }
     },
-    "disabled": {
-      "label": {
-        "color": "var(--seed-color-fg-disabled)"
+    disabled: {
+      label: {
+        color: "var(--seed-color-fg-disabled)",
+      },
+      control: {
+        color: "var(--seed-color-bg-disabled)",
+      },
+    },
+    disabledSelected: {
+      label: {
+        color: "var(--seed-color-fg-disabled)",
+      },
+      icon: {
+        color: "var(--seed-color-bg-disabled)",
       },
-      "control": {
-        "color": "var(--seed-color-bg-disabled)"
-      }
     },
-    "disabledSelected": {
-      "label": {
-        "color": "var(--seed-color-fg-disabled)"
-      },
-      "icon": {
-        "color": "var(--seed-color-bg-disabled)"
-      }
-    }
   },
-  "sizeSmall": {
-    "enabled": {
-      "root": {
-        "gap": "var(--seed-unit-2)",
-        "minHeight": "var(--seed-unit-7)"
-      },
-      "label": {
-        "fontSize": "var(--seed-font-size-75)"
-      },
-      "control": {
-        "size": "var(--seed-unit-4)",
-        "cornerRadius": "var(--seed-radii-1)"
-      },
-      "icon": {
-        "size": "var(--seed-unit-4)"
-      }
-    }
+  sizeSmall: {
+    enabled: {
+      root: {
+        gap: "var(--seed-unit-2)",
+        minHeight: "var(--seed-unit-7)",
+      },
+      label: {
+        fontSize: "var(--seed-font-size-75)",
+      },
+      control: {
+        size: "var(--seed-unit-4)",
+        cornerRadius: "var(--seed-radii-1)",
+      },
+      icon: {
+        size: "var(--seed-unit-4)",
+      },
+    },
+  },
+  sizeMedium: {
+    enabled: {
+      root: {
+        gap: "var(--seed-unit-2\\.5)",
+        minHeight: "var(--seed-unit-8)",
+      },
+      label: {
+        fontSize: "var(--seed-font-size-100)",
+      },
+      control: {
+        size: "var(--seed-unit-5)",
+        cornerRadius: "var(--seed-radii-1)",
+      },
+      icon: {
+        size: "var(--seed-unit-5)",
+      },
+    },
   },
-  "sizeMedium": {
-    "enabled": {
-      "root": {
-        "gap": "var(--seed-unit-2\\.5)",
-        "minHeight": "var(--seed-unit-8)"
-      },
-      "label": {
-        "fontSize": "var(--seed-font-size-100)"
-      },
-      "control": {
-        "size": "var(--seed-unit-5)",
-        "cornerRadius": "var(--seed-radii-1)"
-      },
-      "icon": {
-        "size": "var(--seed-unit-5)"
-      }
-    }
+  sizeLarge: {
+    enabled: {
+      root: {
+        gap: "var(--seed-unit-3)",
+        minHeight: "var(--seed-unit-9)",
+      },
+      label: {
+        fontSize: "var(--seed-font-size-200)",
+      },
+      control: {
+        size: "var(--seed-unit-6)",
+        cornerRadius: "var(--seed-radii-1)",
+      },
+      icon: {
+        size: "var(--seed-unit-6)",
+      },
+    },
   },
-  "sizeLarge": {
-    "enabled": {
-      "root": {
-        "gap": "var(--seed-unit-3)",
-        "minHeight": "var(--seed-unit-9)"
-      },
-      "label": {
-        "fontSize": "var(--seed-font-size-200)"
-      },
-      "control": {
-        "size": "var(--seed-unit-6)",
-        "cornerRadius": "var(--seed-radii-1)"
-      },
-      "icon": {
-        "size": "var(--seed-unit-6)"
-      }
-    }
-  }
-}
\ No newline at end of file
+};
diff --git a/packages/recipe-generator/preset/src/__generated__/chip.vars.ts b/packages/recipe-generator/preset/src/__generated__/chip.vars.ts
index ef4aaebc5..7eb7797e9 100644
--- a/packages/recipe-generator/preset/src/__generated__/chip.vars.ts
+++ b/packages/recipe-generator/preset/src/__generated__/chip.vars.ts
@@ -1,125 +1,125 @@
 export const vars = {
-  "base": {
-    "enabled": {
-      "root": {
-        "borderRadius": "var(--seed-radii-full)"
-      }
-    }
+  base: {
+    enabled: {
+      root: {
+        borderRadius: "var(--seed-radii-full)",
+      },
+    },
   },
-  "variantDefault": {
-    "enabled": {
-      "root": {
-        "strokeColor": "var(--seed-color-stroke-decorative)",
-        "strokeWidth": "1px"
+  variantDefault: {
+    enabled: {
+      root: {
+        strokeColor: "var(--seed-color-stroke-decorative)",
+        strokeWidth: "1px",
+      },
+      label: {
+        color: "var(--seed-color-fg-neutral)",
       },
-      "label": {
-        "color": "var(--seed-color-fg-neutral)"
+      prefix: {
+        color: "var(--seed-color-fg-neutral)",
       },
-      "prefix": {
-        "color": "var(--seed-color-fg-neutral)"
+      suffix: {
+        color: "var(--seed-color-fg-neutral)",
       },
-      "suffix": {
-        "color": "var(--seed-color-fg-neutral)"
+      count: {
+        color: "var(--seed-color-fg-neutral-subtle)",
       },
-      "count": {
-        "color": "var(--seed-color-fg-neutral-subtle)"
-      }
     },
-    "pressed": {
-      "root": {
-        "color": "var(--seed-color-bg-layer-1-pressed)"
-      }
+    pressed: {
+      root: {
+        color: "var(--seed-color-bg-layer-1-pressed)",
+      },
     },
-    "disabled": {
-      "label": {
-        "color": "var(--seed-color-fg-disabled)"
+    disabled: {
+      label: {
+        color: "var(--seed-color-fg-disabled)",
+      },
+      prefix: {
+        color: "var(--seed-color-fg-disabled)",
       },
-      "prefix": {
-        "color": "var(--seed-color-fg-disabled)"
+      suffix: {
+        color: "var(--seed-color-fg-disabled)",
       },
-      "suffix": {
-        "color": "var(--seed-color-fg-disabled)"
+      count: {
+        color: "var(--seed-color-fg-disabled)",
       },
-      "count": {
-        "color": "var(--seed-color-fg-disabled)"
-      }
-    }
+    },
   },
-  "variantInverted": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-bg-neutral-inverted)"
+  variantInverted: {
+    enabled: {
+      root: {
+        color: "var(--seed-color-bg-neutral-inverted)",
       },
-      "label": {
-        "color": "var(--seed-color-fg-neutral-inverted)"
+      label: {
+        color: "var(--seed-color-fg-neutral-inverted)",
       },
-      "prefix": {
-        "color": "var(--seed-color-fg-neutral-inverted)"
+      prefix: {
+        color: "var(--seed-color-fg-neutral-inverted)",
       },
-      "suffix": {
-        "color": "var(--seed-color-fg-neutral-inverted)"
+      suffix: {
+        color: "var(--seed-color-fg-neutral-inverted)",
+      },
+      count: {
+        color: "var(--seed-color-fg-neutral-inverted)",
+      },
+    },
+    pressed: {
+      root: {
+        color: "var(--seed-color-bg-neutral-inverted-pressed)",
       },
-      "count": {
-        "color": "var(--seed-color-fg-neutral-inverted)"
-      }
     },
-    "pressed": {
-      "root": {
-        "color": "var(--seed-color-bg-neutral-inverted-pressed)"
-      }
+    disabled: {
+      root: {
+        color: "var(--seed-color-bg-disabled)",
+      },
     },
-    "disabled": {
-      "root": {
-        "color": "var(--seed-color-bg-disabled)"
-      }
-    }
   },
-  "sizeSmall": {
-    "enabled": {
-      "root": {
-        "minHeight": "var(--seed-unit-8)",
-        "paddingY": "var(--seed-unit-1\\.5)",
-        "paddingX": "var(--seed-unit-3)",
-        "gap": "var(--seed-unit-1)"
-      },
-      "label": {
-        "fontSize": "var(--seed-font-size-75)",
-        "fontWeight": "var(--seed-font-weight-regular)"
-      },
-      "prefix": {
-        "size": "var(--seed-unit-3\\.5)"
-      },
-      "suffix": {
-        "size": "var(--seed-unit-3\\.5)"
-      },
-      "count": {
-        "fontSize": "var(--seed-font-size-75)",
-        "fontWeight": "var(--seed-font-weight-regular)"
-      }
-    }
+  sizeSmall: {
+    enabled: {
+      root: {
+        minHeight: "var(--seed-unit-8)",
+        paddingY: "var(--seed-unit-1\\.5)",
+        paddingX: "var(--seed-unit-3)",
+        gap: "var(--seed-unit-1)",
+      },
+      label: {
+        fontSize: "var(--seed-font-size-75)",
+        fontWeight: "var(--seed-font-weight-regular)",
+      },
+      prefix: {
+        size: "var(--seed-unit-3\\.5)",
+      },
+      suffix: {
+        size: "var(--seed-unit-3\\.5)",
+      },
+      count: {
+        fontSize: "var(--seed-font-size-75)",
+        fontWeight: "var(--seed-font-weight-regular)",
+      },
+    },
+  },
+  sizeMedium: {
+    enabled: {
+      root: {
+        minHeight: "38px",
+        paddingY: "var(--seed-unit-2)",
+        paddingX: "var(--seed-unit-4)",
+        gap: "var(--seed-unit-1)",
+      },
+      label: {
+        fontSize: "var(--seed-font-size-100)",
+        fontWeight: "var(--seed-font-weight-regular)",
+      },
+      prefix: {
+        size: "var(--seed-unit-4)",
+      },
+      suffix: {
+        size: "var(--seed-unit-3\\.5)",
+      },
+      count: {
+        fontSize: "var(--seed-font-size-75)",
+        fontWeight: "var(--seed-font-weight-regular)",
+      },
+    },
   },
-  "sizeMedium": {
-    "enabled": {
-      "root": {
-        "minHeight": "38px",
-        "paddingY": "var(--seed-unit-2)",
-        "paddingX": "var(--seed-unit-4)",
-        "gap": "var(--seed-unit-1)"
-      },
-      "label": {
-        "fontSize": "var(--seed-font-size-100)",
-        "fontWeight": "var(--seed-font-weight-regular)"
-      },
-      "prefix": {
-        "size": "var(--seed-unit-4)"
-      },
-      "suffix": {
-        "size": "var(--seed-unit-3\\.5)"
-      },
-      "count": {
-        "fontSize": "var(--seed-font-size-75)",
-        "fontWeight": "var(--seed-font-weight-regular)"
-      }
-    }
-  }
-}
\ No newline at end of file
+};
diff --git a/packages/recipe-generator/preset/src/__generated__/dialog.vars.ts b/packages/recipe-generator/preset/src/__generated__/dialog.vars.ts
index 48e6df976..ac75b0e7e 100644
--- a/packages/recipe-generator/preset/src/__generated__/dialog.vars.ts
+++ b/packages/recipe-generator/preset/src/__generated__/dialog.vars.ts
@@ -1,34 +1,34 @@
 export const vars = {
-  "base": {
-    "enabled": {
-      "backdrop": {
-        "background": "rgba(0, 0, 0, 0.32)"
+  base: {
+    enabled: {
+      backdrop: {
+        background: "rgba(0, 0, 0, 0.32)",
       },
-      "content": {
-        "background": "var(--seed-color-bg-layer-1)",
-        "borderRadius": "var(--seed-radii-4)",
-        "marginX": "var(--seed-unit-8)",
-        "paddingX": "var(--seed-unit-5)",
-        "paddingY": "var(--seed-unit-5)",
-        "maxWidth": "272px"
+      content: {
+        background: "var(--seed-color-bg-layer-1)",
+        borderRadius: "var(--seed-radii-4)",
+        marginX: "var(--seed-unit-8)",
+        paddingX: "var(--seed-unit-5)",
+        paddingY: "var(--seed-unit-5)",
+        maxWidth: "272px",
       },
-      "header": {
-        "gap": "var(--seed-unit-1\\.5)"
+      header: {
+        gap: "var(--seed-unit-1\\.5)",
       },
-      "footer": {
-        "paddingTop": "var(--seed-unit-4)",
-        "gap": "var(--seed-unit-2)"
+      footer: {
+        paddingTop: "var(--seed-unit-4)",
+        gap: "var(--seed-unit-2)",
       },
-      "title": {
-        "color": "var(--seed-color-fg-neutral)",
-        "fontSize": "var(--seed-font-size-250)",
-        "fontWeight": "var(--seed-font-weight-bold)"
+      title: {
+        color: "var(--seed-color-fg-neutral)",
+        fontSize: "var(--seed-font-size-250)",
+        fontWeight: "var(--seed-font-weight-bold)",
       },
-      "description": {
-        "color": "var(--seed-color-fg-neutral)",
-        "fontSize": "var(--seed-font-size-200)",
-        "fontWeight": "var(--seed-font-weight-regular)"
-      }
-    }
-  }
-}
\ No newline at end of file
+      description: {
+        color: "var(--seed-color-fg-neutral)",
+        fontSize: "var(--seed-font-size-200)",
+        fontWeight: "var(--seed-font-weight-regular)",
+      },
+    },
+  },
+};
diff --git a/packages/recipe-generator/preset/src/__generated__/fab.vars.ts b/packages/recipe-generator/preset/src/__generated__/fab.vars.ts
index 7c0ec025d..4af264476 100644
--- a/packages/recipe-generator/preset/src/__generated__/fab.vars.ts
+++ b/packages/recipe-generator/preset/src/__generated__/fab.vars.ts
@@ -1,38 +1,38 @@
 export const vars = {
-  "base": {
-    "enabled": {
-      "root": {
-        "color": "var(--seed-color-bg-layer-floating)",
-        "borderRadius": "var(--seed-radii-full)"
+  base: {
+    enabled: {
+      root: {
+        color: "var(--seed-color-bg-layer-floating)",
+        borderRadius: "var(--seed-radii-full)",
+      },
+      icon: {
+        color: "var(--seed-color-fg-neutral)",
+      },
+    },
+    pressed: {
+      root: {
+        color: "var(--seed-color-bg-layer-floating-pressed)",
       },
-      "icon": {
-        "color": "var(--seed-color-fg-neutral)"
-      }
     },
-    "pressed": {
-      "root": {
-        "color": "var(--seed-color-bg-layer-floating-pressed)"
-      }
-    }
   },
-  "sizeSmall": {
-    "enabled": {
-      "root": {
-        "size": "var(--seed-unit-10)"
+  sizeSmall: {
+    enabled: {
+      root: {
+        size: "var(--seed-unit-10)",
+      },
+      icon: {
+        size: "var(--seed-unit-5)",
       },
-      "icon": {
-        "size": "var(--seed-unit-5)"
-      }
-    }
+    },
   },
-  "sizeMedium": {
-    "enabled": {
-      "root": {
-        "size": "var(--seed-unit-12)"
+  sizeMedium: {
+    enabled: {
+      root: {
+        size: "var(--seed-unit-12)",
+      },
+      icon: {
+        size: "var(--seed-unit-6)",
       },
-      "icon": {
-        "size": "var(--seed-unit-6)"
-      }
-    }
-  }
-}
+    },
+  },
+};
diff --git a/packages/recipe-generator/preset/src/__generated__/radio.vars.ts b/packages/recipe-generator/preset/src/__generated__/radio.vars.ts
index 8a2426c53..950cb218a 100644
--- a/packages/recipe-generator/preset/src/__generated__/radio.vars.ts
+++ b/packages/recipe-generator/preset/src/__generated__/radio.vars.ts
@@ -1,117 +1,117 @@
 export const vars = {
-  "base": {
-    "enabled": {
-      "label": {
-        "color": "var(--seed-color-fg-neutral)"
-      },
-      "control": {
-        "strokeColor": "var(--seed-color-stroke-control)",
-        "strokeWidth": "1px",
-        "cornerRadius": "var(--seed-radii-full)"
-      }
+  base: {
+    enabled: {
+      label: {
+        color: "var(--seed-color-fg-neutral)",
+      },
+      control: {
+        strokeColor: "var(--seed-color-stroke-control)",
+        strokeWidth: "1px",
+        cornerRadius: "var(--seed-radii-full)",
+      },
+    },
+    enabledSelected: {
+      control: {
+        color: "var(--seed-color-bg-brand-emphasis)",
+      },
+      icon: {
+        color: "var(--seed-color-fg-static-white)",
+      },
     },
-    "enabledSelected": {
-      "control": {
-        "color": "var(--seed-color-bg-brand-emphasis)"
+    pressed: {
+      control: {
+        color: "var(--seed-color-bg-layer-1-pressed)",
       },
-      "icon": {
-        "color": "var(--seed-color-fg-static-white)"
-      }
     },
-    "pressed": {
-      "control": {
-        "color": "var(--seed-color-bg-layer-1-pressed)"
-      }
+    pressedSelected: {
+      control: {
+        color: "var(--seed-color-bg-brand-emphasis-pressed)",
+      },
+      icon: {
+        color: "var(--seed-color-fg-static-white)",
+      },
     },
-    "pressedSelected": {
-      "control": {
-        "color": "var(--seed-color-bg-brand-emphasis-pressed)"
+    disabled: {
+      label: {
+        color: "var(--seed-color-fg-disabled)",
+      },
+      control: {
+        color: "var(--seed-color-bg-disabled)",
       },
-      "icon": {
-        "color": "var(--seed-color-fg-static-white)"
-      }
     },
-    "disabled": {
-      "label": {
-        "color": "var(--seed-color-fg-disabled)"
+    disabledSelected: {
+      label: {
+        color: "var(--seed-color-fg-disabled)",
+      },
+      icon: {
+        color: "var(--seed-color-bg-disabled)",
       },
-      "control": {
-        "color": "var(--seed-color-bg-disabled)"
-      }
     },
-    "disabledSelected": {
-      "label": {
-        "color": "var(--seed-color-fg-disabled)"
-      },
-      "icon": {
-        "color": "var(--seed-color-bg-disabled)"
-      }
-    }
   },
-  "sizeSmall": {
-    "enabled": {
-      "root": {
-        "gap": "var(--seed-unit-2)",
-        "minHeight": "var(--seed-unit-7)"
+  sizeSmall: {
+    enabled: {
+      root: {
+        gap: "var(--seed-unit-2)",
+        minHeight: "var(--seed-unit-7)",
+      },
+      label: {
+        fontSize: "var(--seed-font-size-75)",
       },
-      "label": {
-        "fontSize": "var(--seed-font-size-75)"
+      control: {
+        size: "var(--seed-unit-4)",
       },
-      "control": {
-        "size": "var(--seed-unit-4)"
+      icon: {
+        size: "var(--seed-unit-2)",
+      },
+    },
+    disabled: {
+      icon: {
+        size: "var(--seed-unit-2)",
       },
-      "icon": {
-        "size": "var(--seed-unit-2)"
-      }
     },
-    "disabled": {
-      "icon": {
-        "size": "var(--seed-unit-2)"
-      }
-    }
   },
-  "sizeMedium": {
-    "enabled": {
-      "root": {
-        "gap": "var(--seed-unit-2\\.5)",
-        "minHeight": "var(--seed-unit-8)"
+  sizeMedium: {
+    enabled: {
+      root: {
+        gap: "var(--seed-unit-2\\.5)",
+        minHeight: "var(--seed-unit-8)",
+      },
+      label: {
+        fontSize: "var(--seed-font-size-100)",
       },
-      "label": {
-        "fontSize": "var(--seed-font-size-100)"
+      control: {
+        size: "var(--seed-unit-5)",
       },
-      "control": {
-        "size": "var(--seed-unit-5)"
+      icon: {
+        size: "var(--seed-unit-2)",
+      },
+    },
+    disabled: {
+      icon: {
+        size: "var(--seed-unit-2\\.5)",
       },
-      "icon": {
-        "size": "var(--seed-unit-2)"
-      }
     },
-    "disabled": {
-      "icon": {
-        "size": "var(--seed-unit-2\\.5)"
-      }
-    }
   },
-  "sizeLarge": {
-    "enabled": {
-      "root": {
-        "gap": "var(--seed-unit-3)",
-        "minHeight": "var(--seed-unit-9)"
+  sizeLarge: {
+    enabled: {
+      root: {
+        gap: "var(--seed-unit-3)",
+        minHeight: "var(--seed-unit-9)",
       },
-      "label": {
-        "fontSize": "var(--seed-font-size-200)"
+      label: {
+        fontSize: "var(--seed-font-size-200)",
       },
-      "control": {
-        "size": "var(--seed-unit-6)"
+      control: {
+        size: "var(--seed-unit-6)",
+      },
+      icon: {
+        size: "var(--seed-unit-2\\.5)",
+      },
+    },
+    disabled: {
+      icon: {
+        size: "var(--seed-unit-3)",
       },
-      "icon": {
-        "size": "var(--seed-unit-2\\.5)"
-      }
     },
-    "disabled": {
-      "icon": {
-        "size": "var(--seed-unit-3)"
-      }
-    }
-  }
-}
\ No newline at end of file
+  },
+};
diff --git a/packages/recipe-generator/preset/src/avatar.recipe.ts b/packages/recipe-generator/preset/src/avatar.recipe.ts
index cd62bea18..2552cc886 100644
--- a/packages/recipe-generator/preset/src/avatar.recipe.ts
+++ b/packages/recipe-generator/preset/src/avatar.recipe.ts
@@ -70,10 +70,7 @@ export const avatar = defineRecipe({
         badge: {
           width: vars.size20.enabled.badge.size,
           height: vars.size20.enabled.badge.size,
-          ...calculateBadgePosition(
-            vars.size20.enabled.root.size,
-            vars.size20.enabled.badge.size,
-          ),
+          ...calculateBadgePosition(vars.size20.enabled.root.size, vars.size20.enabled.badge.size),
         },
       },
       24: {
@@ -84,10 +81,7 @@ export const avatar = defineRecipe({
         badge: {
           width: vars.size24.enabled.badge.size,
           height: vars.size24.enabled.badge.size,
-          ...calculateBadgePosition(
-            vars.size24.enabled.root.size,
-            vars.size24.enabled.badge.size,
-          ),
+          ...calculateBadgePosition(vars.size24.enabled.root.size, vars.size24.enabled.badge.size),
         },
       },
       36: {
@@ -98,10 +92,7 @@ export const avatar = defineRecipe({
         badge: {
           width: vars.size36.enabled.badge.size,
           height: vars.size36.enabled.badge.size,
-          ...calculateBadgePosition(
-            vars.size36.enabled.root.size,
-            vars.size36.enabled.badge.size,
-          ),
+          ...calculateBadgePosition(vars.size36.enabled.root.size, vars.size36.enabled.badge.size),
         },
       },
       48: {
@@ -112,10 +103,7 @@ export const avatar = defineRecipe({
         badge: {
           width: vars.size48.enabled.badge.size,
           height: vars.size48.enabled.badge.size,
-          ...calculateBadgePosition(
-            vars.size48.enabled.root.size,
-            vars.size48.enabled.badge.size,
-          ),
+          ...calculateBadgePosition(vars.size48.enabled.root.size, vars.size48.enabled.badge.size),
         },
       },
       64: {
@@ -126,10 +114,7 @@ export const avatar = defineRecipe({
         badge: {
           width: vars.size64.enabled.badge.size,
           height: vars.size64.enabled.badge.size,
-          ...calculateBadgePosition(
-            vars.size64.enabled.root.size,
-            vars.size64.enabled.badge.size,
-          ),
+          ...calculateBadgePosition(vars.size64.enabled.root.size, vars.size64.enabled.badge.size),
         },
       },
       80: {
@@ -140,10 +125,7 @@ export const avatar = defineRecipe({
         badge: {
           width: vars.size80.enabled.badge.size,
           height: vars.size80.enabled.badge.size,
-          ...calculateBadgePosition(
-            vars.size80.enabled.root.size,
-            vars.size80.enabled.badge.size,
-          ),
+          ...calculateBadgePosition(vars.size80.enabled.root.size, vars.size80.enabled.badge.size),
         },
       },
       96: {
@@ -154,10 +136,7 @@ export const avatar = defineRecipe({
         badge: {
           width: vars.size96.enabled.badge.size,
           height: vars.size96.enabled.badge.size,
-          ...calculateBadgePosition(
-            vars.size96.enabled.root.size,
-            vars.size96.enabled.badge.size,
-          ),
+          ...calculateBadgePosition(vars.size96.enabled.root.size, vars.size96.enabled.badge.size),
         },
       },
     },
diff --git a/packages/recipe-generator/preset/src/callout.recipe.ts b/packages/recipe-generator/preset/src/callout.recipe.ts
index 3baec1a78..6979f7c8f 100644
--- a/packages/recipe-generator/preset/src/callout.recipe.ts
+++ b/packages/recipe-generator/preset/src/callout.recipe.ts
@@ -3,15 +3,7 @@ import { defineRecipe } from "./helper";
 
 export const callout = defineRecipe({
   name: "callout",
-  slots: [
-    "root",
-    "icon",
-    "content",
-    "title",
-    "description",
-    "actionIndicator",
-    "closeButton",
-  ],
+  slots: ["root", "icon", "content", "title", "description", "actionIndicator", "closeButton"],
   base: {
     root: {
       display: "flex",
diff --git a/packages/recipe-generator/preset/src/dialog.recipe.ts b/packages/recipe-generator/preset/src/dialog.recipe.ts
index 1089eb1d9..54f5493a7 100644
--- a/packages/recipe-generator/preset/src/dialog.recipe.ts
+++ b/packages/recipe-generator/preset/src/dialog.recipe.ts
@@ -3,16 +3,7 @@ import { defineRecipe } from "./helper";
 
 const dialog = defineRecipe({
   name: "dialog",
-  slots: [
-    "backdrop",
-    "container",
-    "content",
-    "header",
-    "footer",
-    "action",
-    "title",
-    "description",
-  ],
+  slots: ["backdrop", "container", "content", "header", "footer", "action", "title", "description"],
   base: {
     backdrop: {
       position: "fixed",
diff --git a/packages/recipe-generator/preset/src/helper.ts b/packages/recipe-generator/preset/src/helper.ts
index 66670e49b..1053d48ad 100644
--- a/packages/recipe-generator/preset/src/helper.ts
+++ b/packages/recipe-generator/preset/src/helper.ts
@@ -3,10 +3,9 @@ import type {
   SlotRecipeVariantRecord,
 } from "@seed-design/recipe-generator-core";
 
-export function defineRecipe<
-  S extends string,
-  V extends SlotRecipeVariantRecord<S>,
->(definition: SlotRecipeDefinition<S, V>): SlotRecipeDefinition<S, V> {
+export function defineRecipe<S extends string, V extends SlotRecipeVariantRecord<S>>(
+  definition: SlotRecipeDefinition<S, V>,
+): SlotRecipeDefinition<S, V> {
   return definition;
 }
 
diff --git a/packages/recipe-generator/preset/src/pseudo.ts b/packages/recipe-generator/preset/src/pseudo.ts
index 6912db325..2e0ae072c 100644
--- a/packages/recipe-generator/preset/src/pseudo.ts
+++ b/packages/recipe-generator/preset/src/pseudo.ts
@@ -11,10 +11,7 @@ export const checked = ":is(:checked, [data-checked])";
 export const open = ':is([data-state="open"], [data-open])';
 
 export function pseudo<T extends string>(selectorA: T): `&${T}`;
-export function pseudo<T extends string, U extends string>(
-  selectorA: T,
-  selectorB: U,
-): `&${T}${U}`;
+export function pseudo<T extends string, U extends string>(selectorA: T, selectorB: U): `&${T}${U}`;
 export function pseudo(...selectors: string[]) {
   return `&${selectors.join("")}`;
 }
diff --git a/packages/utils/dom-utils/src/index.ts b/packages/utils/dom-utils/src/index.ts
index 732710497..67822924a 100644
--- a/packages/utils/dom-utils/src/index.ts
+++ b/packages/utils/dom-utils/src/index.ts
@@ -1,26 +1,23 @@
-import * as React from "react";
+import type * as React from "react";
 
-type Booleanish = boolean | "true" | "false"
+type Booleanish = boolean | "true" | "false";
 export const dataAttr = (guard: boolean | undefined) => {
   return guard ? "" : undefined;
 };
 export const ariaAttr = (guard: boolean | undefined) => {
-  return guard ? "true" : undefined as Booleanish;
+  return guard ? "true" : (undefined as Booleanish);
 };
 
 export const elementProps = (
-  props: React.HTMLAttributes<HTMLElement> &
-    Record<`data-${string}`, string | undefined>,
+  props: React.HTMLAttributes<HTMLElement> & Record<`data-${string}`, string | undefined>,
 ) => props;
 
 export const inputProps = (
-  props: React.InputHTMLAttributes<HTMLInputElement> &
-    Record<`data-${string}`, string | undefined>,
+  props: React.InputHTMLAttributes<HTMLInputElement> & Record<`data-${string}`, string | undefined>,
 ) => props;
 
 export const labelProps = (
-  props: React.HTMLAttributes<HTMLLabelElement> &
-    Record<`data-${string}`, string | undefined>,
+  props: React.HTMLAttributes<HTMLLabelElement> & Record<`data-${string}`, string | undefined>,
 ) => props;
 
 export const buttonProps = (
@@ -29,6 +26,5 @@ export const buttonProps = (
 ) => props;
 
 export const imgProps = (
-  props: React.ImgHTMLAttributes<HTMLImageElement> &
-    Record<`data-${string}`, string | undefined>,
+  props: React.ImgHTMLAttributes<HTMLImageElement> & Record<`data-${string}`, string | undefined>,
 ) => props;
diff --git a/tools/figma-codegen/src/codegen/color.ts b/tools/figma-codegen/src/codegen/color.ts
index 96bf6cd8a..ec44fefa3 100644
--- a/tools/figma-codegen/src/codegen/color.ts
+++ b/tools/figma-codegen/src/codegen/color.ts
@@ -1,8 +1,6 @@
 import { getColorVariableName } from "./variable";
 
-export function createBackgroundProps(
-  node: DefaultShapeMixin,
-): Record<string, string> {
+export function createBackgroundProps(node: DefaultShapeMixin): Record<string, string> {
   const fills = node.fills;
   if (fills === figma.mixed || fills.length === 0) {
     return {};
@@ -21,15 +19,11 @@ export function createBackgroundProps(
 
   const color = fill.color;
   return {
-    backgroundColor: `rgba(${color.r * 255}, ${color.g * 255}, ${
-      color.b * 255
-    }, ${fill.opacity})`,
+    backgroundColor: `rgba(${color.r * 255}, ${color.g * 255}, ${color.b * 255}, ${fill.opacity})`,
   };
 }
 
-export function createColorProps(
-  node: DefaultShapeMixin,
-): Record<string, string> {
+export function createColorProps(node: DefaultShapeMixin): Record<string, string> {
   const fills = node.fills;
   if (fills === figma.mixed || fills.length === 0) {
     return {};
@@ -48,15 +42,11 @@ export function createColorProps(
 
   const color = fill.color;
   return {
-    color: `rgba(${color.r * 255}, ${color.g * 255}, ${color.b * 255}, ${
-      fill.opacity
-    })`,
+    color: `rgba(${color.r * 255}, ${color.g * 255}, ${color.b * 255}, ${fill.opacity})`,
   };
 }
 
-export function createBorderProps(
-  node: DefaultShapeMixin,
-): Record<string, string | number> {
+export function createBorderProps(node: DefaultShapeMixin): Record<string, string | number> {
   const strokes = node.strokes;
   if (strokes.length === 0) {
     return {};
@@ -77,8 +67,6 @@ export function createBorderProps(
   const color = stroke.color;
   return {
     borderWidth: node.strokeWeight as number,
-    borderColor: `rgba(${color.r * 255}, ${color.g * 255}, ${color.b * 255}, ${
-      stroke.opacity
-    })`,
+    borderColor: `rgba(${color.r * 255}, ${color.g * 255}, ${color.b * 255}, ${stroke.opacity})`,
   };
 }
diff --git a/tools/figma-codegen/src/codegen/component/type-helper.ts b/tools/figma-codegen/src/codegen/component/type-helper.ts
index 0226a938d..b22252bed 100644
--- a/tools/figma-codegen/src/codegen/component/type-helper.ts
+++ b/tools/figma-codegen/src/codegen/component/type-helper.ts
@@ -5,22 +5,19 @@ interface ComponentPropertyDefinition {
   variantOptions?: string[];
 }
 
-export type InferPropertyType<T extends ComponentPropertyDefinition> =
-  T["type"] extends "TEXT"
-    ? string
-    : T["type"] extends "BOOLEAN"
-      ? boolean
-      : T["type"] extends "INSTANCE_SWAP"
-        ? string
-        : T["type"] extends "VARIANT"
-          ? T["variantOptions"] extends string[]
-            ? T["variantOptions"][number]
-            : never
-          : never;
+export type InferPropertyType<T extends ComponentPropertyDefinition> = T["type"] extends "TEXT"
+  ? string
+  : T["type"] extends "BOOLEAN"
+    ? boolean
+    : T["type"] extends "INSTANCE_SWAP"
+      ? string
+      : T["type"] extends "VARIANT"
+        ? T["variantOptions"] extends string[]
+          ? T["variantOptions"][number]
+          : never
+        : never;
 
-export type InferFromDefinition<
-  T extends Record<string, ComponentPropertyDefinition>,
-> = {
+export type InferFromDefinition<T extends Record<string, ComponentPropertyDefinition>> = {
   [K in keyof T]: {
     type: T[K]["type"];
     value: InferPropertyType<T[K]>;
diff --git a/tools/figma-codegen/src/codegen/generate-code.ts b/tools/figma-codegen/src/codegen/generate-code.ts
index 77436e41b..208da91fa 100644
--- a/tools/figma-codegen/src/codegen/generate-code.ts
+++ b/tools/figma-codegen/src/codegen/generate-code.ts
@@ -1,21 +1,12 @@
 import { camelCase } from "change-case";
-import {
-  createBackgroundProps,
-  createBorderProps,
-  createColorProps,
-} from "./color";
+import { createBackgroundProps, createBorderProps, createColorProps } from "./color";
 import { componentHandlerMap } from "./component";
 import { createIconTagNameFromKey, isIconComponent } from "./icon";
 import type { ElementNode } from "./jsx";
 import { createElement, stringifyElement } from "./jsx";
 import { createLayoutProps } from "./layout";
 import { createSizingProps } from "./sizing";
-import {
-  createBodyProps,
-  createHeadingProps,
-  isBodyText,
-  isHeadingText,
-} from "./text";
+import { createBodyProps, createHeadingProps, isBodyText, isHeadingText } from "./text";
 
 export function generateCode(selection: SceneNode) {
   function handleFrameNode(node: FrameNode | InstanceNode | ComponentNode) {
@@ -43,12 +34,7 @@ export function generateCode(selection: SceneNode) {
       return createElement("span", {}, node.characters);
     }
     if (node.textStyleId === figma.mixed) {
-      return createElement(
-        "span",
-        {},
-        node.characters,
-        "Mixed text style is not supported",
-      );
+      return createElement("span", {}, node.characters, "Mixed text style is not supported");
     }
 
     const textStyle = figma.getStyleById(node.textStyleId) as TextStyle;
@@ -73,12 +59,7 @@ export function generateCode(selection: SceneNode) {
   }
 
   function handleRectangleNode(node: RectangleNode) {
-    return createElement(
-      "div",
-      createSizingProps(node),
-      undefined,
-      "Rectangle",
-    );
+    return createElement("div", createSizingProps(node), undefined, "Rectangle");
   }
 
   function handleComponentNode(node: ComponentNode) {
@@ -93,9 +74,7 @@ export function generateCode(selection: SceneNode) {
 
     const componentKey = mainComponent.key;
     const componentSetKey =
-      mainComponent.parent?.type === "COMPONENT_SET"
-        ? mainComponent.parent.key
-        : null;
+      mainComponent.parent?.type === "COMPONENT_SET" ? mainComponent.parent.key : null;
 
     if (isIconComponent(componentKey)) {
       return createElement("Icon", {
@@ -123,13 +102,8 @@ export function generateCode(selection: SceneNode) {
         : mainComponent.name,
       Object.fromEntries(
         Object.entries(node.componentProperties)
-          .filter(
-            ([_, props]) => props.type === "VARIANT" || props.type === "TEXT",
-          )
-          .map(([key, props]) => [
-            camelCase(key),
-            camelCase(props.value as string),
-          ]),
+          .filter(([_, props]) => props.type === "VARIANT" || props.type === "TEXT")
+          .map(([key, props]) => [camelCase(key), camelCase(props.value as string)]),
       ),
       undefined,
       "Custom Component",
diff --git a/tools/figma-codegen/src/codegen/jsx.ts b/tools/figma-codegen/src/codegen/jsx.ts
index 2d046f515..edd71094f 100644
--- a/tools/figma-codegen/src/codegen/jsx.ts
+++ b/tools/figma-codegen/src/codegen/jsx.ts
@@ -3,10 +3,7 @@ import { ensureArray, exists } from "./util";
 export interface ElementNode {
   __IS_JSX_ELEMENT_NODE: true;
   tag: string;
-  props: Record<
-    string,
-    string | number | boolean | ElementNode | object | undefined
-  >;
+  props: Record<string, string | number | boolean | ElementNode | object | undefined>;
   children: (ElementNode | string)[];
   comment?: string;
 }
@@ -14,11 +11,7 @@ export interface ElementNode {
 export function createElement(
   tag: string,
   props: Record<string, string | number | boolean | object | undefined> = {},
-  children?:
-    | ElementNode
-    | string
-    | undefined
-    | (ElementNode | string | undefined)[],
+  children?: ElementNode | string | undefined | (ElementNode | string | undefined)[],
   comment?: string,
 ): ElementNode {
   return {
diff --git a/tools/figma-codegen/src/codegen/layout.ts b/tools/figma-codegen/src/codegen/layout.ts
index 86aa8264c..b05abff2c 100644
--- a/tools/figma-codegen/src/codegen/layout.ts
+++ b/tools/figma-codegen/src/codegen/layout.ts
@@ -28,13 +28,10 @@ interface FigmaLayoutProps {
   children: readonly SceneNode[];
 }
 
-type LayoutPropHandler = (
-  props: FigmaLayoutProps,
-) => string | number | boolean | undefined;
+type LayoutPropHandler = (props: FigmaLayoutProps) => string | number | boolean | undefined;
 
 const layoutPropHandlers = {
-  flexDirection: ({ layoutMode }) =>
-    layoutMode === "HORIZONTAL" ? "row" : "column",
+  flexDirection: ({ layoutMode }) => (layoutMode === "HORIZONTAL" ? "row" : "column"),
   justifyContent: ({ primaryAxisAlignItems }) => {
     switch (primaryAxisAlignItems) {
       case "MIN":
@@ -89,10 +86,10 @@ const layoutPropHandlers = {
     children.length <= 1
       ? 0
       : primaryAxisAlignItems === "SPACE_BETWEEN"
-      ? 0
-      : boundVariables.itemSpacing
-      ? getLayoutVariableName(boundVariables.itemSpacing.id)
-      : unit(itemSpacing),
+        ? 0
+        : boundVariables.itemSpacing
+          ? getLayoutVariableName(boundVariables.itemSpacing.id)
+          : unit(itemSpacing),
   paddingTop: ({ paddingTop, boundVariables }) =>
     boundVariables.paddingTop
       ? getLayoutVariableName(boundVariables.paddingTop.id)
@@ -205,10 +202,7 @@ const layoutPropDefaults: Record<string, string | number | boolean> = {
   paddingRight: 0,
   paddingTop: 0,
   borderRadius: 0,
-} satisfies Record<
-  GeneratedLayoutProps | GeneratedShorthandLayoutProps,
-  string | number | boolean
->;
+} satisfies Record<GeneratedLayoutProps | GeneratedShorthandLayoutProps, string | number | boolean>;
 
 export function createLayoutProps(
   node: DefaultFrameMixin,
@@ -228,22 +222,17 @@ export function createLayoutProps(
     paddingTop: node.inferredAutoLayout?.paddingTop ?? node.paddingTop,
     paddingBottom: node.inferredAutoLayout?.paddingBottom ?? node.paddingBottom,
     primaryAxisAlignItems:
-      node.inferredAutoLayout?.primaryAxisAlignItems ??
-      node.primaryAxisAlignItems,
+      node.inferredAutoLayout?.primaryAxisAlignItems ?? node.primaryAxisAlignItems,
     counterAxisAlignItems:
-      node.inferredAutoLayout?.counterAxisAlignItems ??
-      node.counterAxisAlignItems,
+      node.inferredAutoLayout?.counterAxisAlignItems ?? node.counterAxisAlignItems,
     primaryAxisSizingMode:
-      node.inferredAutoLayout?.primaryAxisSizingMode ??
-      node.primaryAxisSizingMode,
+      node.inferredAutoLayout?.primaryAxisSizingMode ?? node.primaryAxisSizingMode,
     counterAxisSizingMode:
-      node.inferredAutoLayout?.counterAxisSizingMode ??
-      node.counterAxisSizingMode,
+      node.inferredAutoLayout?.counterAxisSizingMode ?? node.counterAxisSizingMode,
     layoutGrow: node.inferredAutoLayout?.layoutGrow ?? node.layoutGrow,
     layoutAlign: node.inferredAutoLayout?.layoutAlign ?? node.layoutAlign,
     itemSpacing: node.inferredAutoLayout?.itemSpacing ?? node.itemSpacing,
-    counterAxisSpacing:
-      node.inferredAutoLayout?.counterAxisSpacing ?? node.counterAxisSpacing,
+    counterAxisSpacing: node.inferredAutoLayout?.counterAxisSpacing ?? node.counterAxisSpacing,
   };
 
   const radiusProperties = {
diff --git a/tools/figma-codegen/src/codegen/sizing.ts b/tools/figma-codegen/src/codegen/sizing.ts
index 5c028003d..ac5e9991b 100644
--- a/tools/figma-codegen/src/codegen/sizing.ts
+++ b/tools/figma-codegen/src/codegen/sizing.ts
@@ -17,7 +17,9 @@ const sizingPropHandlers = {
       : undefined,
 } satisfies Record<string, SizingPropHandler>;
 
-export function createSizingProps(node: DefaultShapeMixin): Record<string, string | number | boolean> {
+export function createSizingProps(
+  node: DefaultShapeMixin,
+): Record<string, string | number | boolean> {
   const boundVariables = node.boundVariables;
   const layoutSizingHorizontal = node.layoutSizingHorizontal;
   const layoutSizingVertical = node.layoutSizingVertical;
diff --git a/tools/figma-spec-widget/manifest.json b/tools/figma-spec-widget/manifest.json
index 0aea5964c..3342f9061 100644
--- a/tools/figma-spec-widget/manifest.json
+++ b/tools/figma-spec-widget/manifest.json
@@ -8,9 +8,6 @@
   "main": "dist/code.js",
   "widgetApi": "1.0.0",
   "networkAccess": {
-    "allowedDomains": [
-      "https://raw.githubusercontent.com",
-      "https://httpbin.org"
-    ]
+    "allowedDomains": ["https://raw.githubusercontent.com", "https://httpbin.org"]
   }
 }
diff --git a/tools/figma-spec-widget/widget-src/code.tsx b/tools/figma-spec-widget/widget-src/code.tsx
index 3819ac8e1..edacb21f9 100644
--- a/tools/figma-spec-widget/widget-src/code.tsx
+++ b/tools/figma-spec-widget/widget-src/code.tsx
@@ -1,38 +1,16 @@
-import { parse, ParsedExpression } from "@seed-design/component-spec-core";
-import {
-  stringifyConditions,
-  stringifyToken,
-  stringifyVariants,
-} from "./stringify";
+import { parse, type ParsedExpression } from "@seed-design/component-spec-core";
+import { stringifyConditions, stringifyToken, stringifyVariants } from "./stringify";
 import YAML from "yaml";
 
 const { widget } = figma;
-const {
-  AutoLayout,
-  Fragment,
-  Text,
-  usePropertyMenu,
-  useSyncedState,
-  useEffect,
-} = widget;
+const { AutoLayout, Fragment, Text, usePropertyMenu, useSyncedState, useEffect } = widget;
 
-const COMPONENT_KEYS = [
-  "avatar",
-  "box-button",
-  "callout",
-  "chip",
-  "checkbox",
-  "dialog",
-  "radio",
-];
+const COMPONENT_KEYS = ["avatar", "box-button", "callout", "chip", "checkbox", "dialog", "radio"];
 const getSpecUrl = (key: string) =>
   `https://raw.githubusercontent.com/daangn/seed-design/wip/packages/component-spec/artifacts/${key}.yaml`;
 
 function Widget() {
-  const [componentKey, setComponentKey] = useSyncedState<string>(
-    "componentKey",
-    "",
-  );
+  const [componentKey, setComponentKey] = useSyncedState<string>("componentKey", "");
   const [spec, setSpec] = useSyncedState<ParsedExpression>("componentSpec", []);
 
   usePropertyMenu(
@@ -100,22 +78,12 @@ function Widget() {
       width={720}
     >
       {Object.values(spec).map(({ key, state }, i) => (
-        <AutoLayout
-          spacing={12}
-          direction="vertical"
-          width={"fill-parent"}
-          key={i}
-        >
+        <AutoLayout spacing={12} direction="vertical" width={"fill-parent"} key={i}>
           <Text fontSize={14} fontWeight={"semi-bold"}>
             {stringifyVariants(key)}
           </Text>
           <AutoLayout direction="vertical" width={"fill-parent"}>
-            <AutoLayout
-              fill="#dcdcdc"
-              padding={12}
-              width={"fill-parent"}
-              spacing="auto"
-            >
+            <AutoLayout fill="#dcdcdc" padding={12} width={"fill-parent"} spacing="auto">
               <AutoLayout width={"fill-parent"}>
                 <Text fontSize={12}>State</Text>
               </AutoLayout>
@@ -134,17 +102,10 @@ function Widget() {
                 <Fragment key={i}>
                   {slot.map(({ key: slot, property }, j) =>
                     property.map(({ key: property, value }, k) => (
-                      <AutoLayout
-                        key={k}
-                        padding={12}
-                        width={"fill-parent"}
-                        spacing="auto"
-                      >
+                      <AutoLayout key={k} padding={12} width={"fill-parent"} spacing="auto">
                         <AutoLayout width={"fill-parent"}>
                           <Text fontSize={12}>
-                            {j === 0 && k === 0
-                              ? stringifyConditions(state)
-                              : ""}
+                            {j === 0 && k === 0 ? stringifyConditions(state) : ""}
                           </Text>
                         </AutoLayout>
                         <AutoLayout width={"fill-parent"}>
@@ -155,9 +116,7 @@ function Widget() {
                         </AutoLayout>
                         <AutoLayout width={"fill-parent"}>
                           <Text fontSize={12}>
-                            {typeof value === "string"
-                              ? value
-                              : stringifyToken(value)}
+                            {typeof value === "string" ? value : stringifyToken(value)}
                           </Text>
                         </AutoLayout>
                       </AutoLayout>
diff --git a/tools/figma-spec-widget/widget-src/stringify.ts b/tools/figma-spec-widget/widget-src/stringify.ts
index e4aa6568f..8f2de30db 100644
--- a/tools/figma-spec-widget/widget-src/stringify.ts
+++ b/tools/figma-spec-widget/widget-src/stringify.ts
@@ -1,4 +1,4 @@
-import { Token } from "../../../packages/component-spec/core/lib/types";
+import type { Token } from "../../../packages/component-spec/core/lib/types";
 
 export function stringifyVariants(variants: Record<string, string>) {
   const entries = Object.entries(variants);