diff --git a/.github/workflows/pr.yaml b/.github/workflows/pr.yaml
index bc73cd04..2a1e2305 100644
--- a/.github/workflows/pr.yaml
+++ b/.github/workflows/pr.yaml
@@ -27,6 +27,9 @@ jobs:
       - name: Patch
         run: yarn patch-package
 
+      - name: Lint
+        run: yarn lint
+
       - name: Test
         run: yarn test:ci
 
diff --git a/.storybook/preview.jsx b/.storybook/preview.jsx
index 882ffe6f..d35f7267 100644
--- a/.storybook/preview.jsx
+++ b/.storybook/preview.jsx
@@ -22,12 +22,14 @@ export const parameters = {
   },
   docs: {
     container: (context) => {
+      // eslint-disable-next-line react-hooks/rules-of-hooks
       const [isDark, setDark] = React.useState();
 
+      // eslint-disable-next-line react-hooks/rules-of-hooks
       React.useEffect(() => {
         channel.on(DARK_MODE_EVENT_NAME, setDark);
         return () => channel.removeListener(DARK_MODE_EVENT_NAME, setDark);
-      }, [channel, setDark]);
+      }, [setDark]);
 
       const props = {
         ...context,
diff --git a/components/AccessibleIcon/AccessibleIcon.stories.tsx b/components/AccessibleIcon/AccessibleIcon.stories.tsx
index e400b257..db0d8b3e 100644
--- a/components/AccessibleIcon/AccessibleIcon.stories.tsx
+++ b/components/AccessibleIcon/AccessibleIcon.stories.tsx
@@ -1,9 +1,10 @@
-import React from 'react';
-import { Meta, StoryFn } from '@storybook/react';
-import { AccessibleIcon } from './AccessibleIcon';
 import * as Icons from '@radix-ui/react-icons';
+import { Meta, StoryFn } from '@storybook/react';
+import React from 'react';
+
 import { Flex } from '../Flex';
 import { IconButton } from '../IconButton';
+import { AccessibleIcon } from './AccessibleIcon';
 
 const Component: Meta<typeof AccessibleIcon> = {
   title: 'Components/AccessibleIcon',
diff --git a/components/Accordion/Accordion.stories.tsx b/components/Accordion/Accordion.stories.tsx
index d46984b6..96117d9b 100644
--- a/components/Accordion/Accordion.stories.tsx
+++ b/components/Accordion/Accordion.stories.tsx
@@ -1,15 +1,16 @@
+import { MagnifyingGlassIcon } from '@radix-ui/react-icons';
 import { Meta, StoryFn } from '@storybook/react';
 import React, { useState } from 'react';
-import { AccordionRoot, AccordionItem, AccordionTrigger, AccordionContent } from '.';
-import { modifyVariantsForStory } from '../../utils/modifyVariantsForStory';
+
 import { VariantProps } from '../../stitches.config';
-import { Dialog, DialogContent, DialogTrigger, DialogOverlay, DialogPortal } from '../Dialog';
+import { modifyVariantsForStory } from '../../utils/modifyVariantsForStory';
 import { Badge } from '../Badge';
-import { Button } from '../Button';
-import { Text } from '../Text';
 import { Box } from '../Box';
+import { Button } from '../Button';
+import { Dialog, DialogContent, DialogOverlay, DialogPortal, DialogTrigger } from '../Dialog';
 import { Flex } from '../Flex';
-import { MagnifyingGlassIcon } from '@radix-ui/react-icons';
+import { Text } from '../Text';
+import { AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger } from '.';
 
 type AccordionVariants = VariantProps<typeof AccordionRoot>;
 
@@ -119,6 +120,7 @@ Complex.argTypes = {
   },
 };
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const Customize: StoryFn<typeof AccordionForStory> = ({ size, ...args }) => (
   <Box css={{ width: 300 }}>
     <AccordionForStory css={{ maxWidth: 250 }} {...args}>
diff --git a/components/Accordion/Accordion.themes.ts b/components/Accordion/Accordion.themes.ts
index 81b54acd..a22097a5 100644
--- a/components/Accordion/Accordion.themes.ts
+++ b/components/Accordion/Accordion.themes.ts
@@ -1,7 +1,8 @@
 import { Property } from '@stitches/react/types/css';
-import { ColorInfo } from '../../utils/getPrimaryColorInfo';
 import tinycolor from 'tinycolor2';
 
+import { ColorInfo } from '../../utils/getPrimaryColorInfo';
+
 export namespace Theme {
   type Colors = {
     accordionBackground: Property.Color;
diff --git a/components/Accordion/Accordion.tsx b/components/Accordion/Accordion.tsx
index 7d3d3bdb..b7fa93d0 100644
--- a/components/Accordion/Accordion.tsx
+++ b/components/Accordion/Accordion.tsx
@@ -1,9 +1,10 @@
 // @ts-nocheck
-import React from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import { keyframes, styled, VariantProps, CSS } from '../../stitches.config';
-import { elevationVariants } from '../Elevation';
 import { ChevronRightIcon } from '@radix-ui/react-icons';
+import React from 'react';
+
+import { CSS, keyframes, styled, VariantProps } from '../../stitches.config';
+import { elevationVariants } from '../Elevation';
 
 const open = keyframes({
   from: { height: 0 },
diff --git a/components/Alert/Alert.stories.tsx b/components/Alert/Alert.stories.tsx
index 4127c289..5e86cb78 100644
--- a/components/Alert/Alert.stories.tsx
+++ b/components/Alert/Alert.stories.tsx
@@ -1,9 +1,10 @@
-import React from 'react';
 import { Meta, StoryFn } from '@storybook/react';
-import { Text } from '../Text';
+import React from 'react';
+
+import { modifyVariantsForStory } from '../../utils/modifyVariantsForStory';
 import { H2 } from '../Heading';
+import { Text } from '../Text';
 import { Alert, AlertProps, AlertVariants } from './Alert';
-import { modifyVariantsForStory } from '../../utils/modifyVariantsForStory';
 
 const BaseAlert = (props: AlertProps): JSX.Element => <Alert {...props} />;
 const AlertForStory = modifyVariantsForStory<AlertVariants, AlertProps>(BaseAlert);
@@ -38,6 +39,7 @@ Variants.argTypes = {
   },
 };
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const Customize: StoryFn<typeof AlertForStory> = (args) => (
   <Alert {...args} css={{ mt: '$1' }}>
     <H2 css={{ mb: '$3' }}>Alert</H2>
diff --git a/components/Alert/Alert.tsx b/components/Alert/Alert.tsx
index 13b5a1dd..fcf4fa60 100644
--- a/components/Alert/Alert.tsx
+++ b/components/Alert/Alert.tsx
@@ -37,4 +37,4 @@ export const Alert = styled(Card, {
 });
 
 export type AlertVariants = VariantProps<typeof Alert>;
-export type AlertProps = AlertVariants & {};
+export type AlertProps = AlertVariants & NonNullable<unknown>;
diff --git a/components/AriaTable/AriaTable.stories.tsx b/components/AriaTable/AriaTable.stories.tsx
index bcca4f33..e999c406 100644
--- a/components/AriaTable/AriaTable.stories.tsx
+++ b/components/AriaTable/AriaTable.stories.tsx
@@ -1,24 +1,25 @@
 import { Meta, StoryFn } from '@storybook/react';
 import React, { useCallback, useState } from 'react';
+
+import { modifyVariantsForStory } from '../../utils/modifyVariantsForStory';
+import { Badge } from '../Badge';
+import { Button } from '../Button';
+import { Flex } from '../Flex';
+import { Image } from '../Image';
+import { UnstyledLink } from '../Link';
+import { Text } from '../Text';
 import {
+  Caption,
   Table,
   TableProps,
   TableVariants,
   Tbody,
   Td,
+  Tfoot,
   Th,
   Thead,
   Tr,
-  Caption,
-  Tfoot,
 } from './AriaTable';
-import { Badge } from '../Badge';
-import { Button } from '../Button';
-import { Flex } from '../Flex';
-import { UnstyledLink } from '../Link';
-import { modifyVariantsForStory } from '../../utils/modifyVariantsForStory';
-import { Image } from '../Image';
-import { Text } from '../Text';
 
 const BaseTable = (props: TableProps): JSX.Element => <Table {...props} />;
 const TableForStory = modifyVariantsForStory<TableVariants, TableProps>(BaseTable);
@@ -281,6 +282,7 @@ export const Links: StoryFn<any> = (args) => (
   </Table>
 );
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const Customize: StoryFn<any> = (args) => (
   <TableForStory
     css={{ c: '$hiContrast' }}
@@ -572,7 +574,7 @@ const FlexIssue = () => (
   </Flex>
 );
 
-export const VerticalAlignment: StoryFn<any> = (args) => (
+export const VerticalAlignment: StoryFn<any> = () => (
   <TableForStory>
     <Thead>
       <Tr>
diff --git a/components/AriaTable/AriaTable.test.tsx b/components/AriaTable/AriaTable.test.tsx
index fa7079f4..2f4761c7 100644
--- a/components/AriaTable/AriaTable.test.tsx
+++ b/components/AriaTable/AriaTable.test.tsx
@@ -1,17 +1,7 @@
-import {
-  Table,
-  TableProps,
-  TableVariants,
-  Tbody,
-  Td,
-  Th,
-  Thead,
-  Tr,
-  Caption,
-  Tfoot,
-} from './AriaTable';
-import { axe } from 'jest-axe';
 import { render } from '@testing-library/react';
+import { axe } from 'jest-axe';
+
+import { Table, Tbody, Td, Tfoot, Th, Thead, Tr } from './AriaTable';
 
 describe('AriaTable', () => {
   it('should render table with no a11y issue', async () => {
diff --git a/components/AriaTable/AriaTable.tsx b/components/AriaTable/AriaTable.tsx
index 670c424f..a50e0822 100644
--- a/components/AriaTable/AriaTable.tsx
+++ b/components/AriaTable/AriaTable.tsx
@@ -1,29 +1,30 @@
+import { ChevronRightIcon } from '@radix-ui/react-icons';
+import { Slot } from '@radix-ui/react-slot';
+import merge from 'lodash.merge';
 import React, {
+  Children,
+  cloneElement,
   ComponentProps,
   ElementRef,
   forwardRef,
-  useMemo,
-  Children,
   isValidElement,
-  useState,
   ReactNode,
-  cloneElement,
+  useMemo,
+  useState,
 } from 'react';
-import { Slot } from '@radix-ui/react-slot';
-import { styled, VariantProps, CSS } from '../../stitches.config';
+
+import { styled, VariantProps } from '../../stitches.config';
+import { Box } from '../Box';
 import {
   Caption as TableCaption,
+  StyledTr as TableTr,
+  Table as TableTable,
   Tbody as TableTbody,
+  Td as TableTd,
   Tfoot as TableTfoot,
-  StyledTr as TableTr,
   Th as TableTh,
-  Td as TableTd,
   Thead as TableThead,
-  Table as TableTable,
 } from '../Table';
-import merge from 'lodash.merge';
-import { Box } from '../Box';
-import { ChevronRightIcon } from '@radix-ui/react-icons';
 
 export const Caption = styled('div', TableCaption, {
   display: 'table-caption',
@@ -130,7 +131,7 @@ export const Tr = forwardRef<ElementRef<typeof StyledTr>, TrProps>(
           ) : (
             <Td key="empty-td" />
           )
-        ) : !!collapsedContent ? (
+        ) : collapsedContent ? (
           <Td key="chevron-td">
             <Box
               onClick={(e) => {
@@ -149,6 +150,7 @@ export const Tr = forwardRef<ElementRef<typeof StyledTr>, TrProps>(
             </Box>
           </Td>
         ) : null,
+      // eslint-disable-next-line react-hooks/exhaustive-deps
       [isCollapsed]
     );
 
@@ -161,7 +163,7 @@ export const Tr = forwardRef<ElementRef<typeof StyledTr>, TrProps>(
             ...children?.props,
           },
           // @ts-ignore: Object is possibly 'null'.
-          [TdEl, ...children?.props?.children]
+          [TdEl, ...(children?.props?.children || [])]
         );
       }
 
@@ -252,7 +254,7 @@ const StyledThead = styled('div', TableThead, {
 });
 export const Thead = forwardRef<
   ElementRef<typeof StyledThead>,
-  ComponentProps<typeof StyledThead> & VariantProps<typeof StyledThead> & {}
+  ComponentProps<typeof StyledThead> & VariantProps<typeof StyledThead> & NonNullable<unknown>
 >((props, ref) => <StyledThead ref={ref} role="rowgroup" {...props} />);
 
 const StyledTable = styled('div', TableTable, {
@@ -272,4 +274,4 @@ export const Table = forwardRef<
 ));
 
 export type TableVariants = VariantProps<typeof Table>;
-export type TableProps = TableVariants & {};
+export type TableProps = TableVariants & NonNullable<unknown>;
diff --git a/components/Avatar/Avatar.stories.tsx b/components/Avatar/Avatar.stories.tsx
index 7ceabe0f..9740124a 100644
--- a/components/Avatar/Avatar.stories.tsx
+++ b/components/Avatar/Avatar.stories.tsx
@@ -1,5 +1,6 @@
-import React from 'react';
 import { Meta, StoryFn } from '@storybook/react';
+import React from 'react';
+
 import { Avatar } from './Avatar';
 
 const Component: Meta<typeof Avatar> = {
@@ -90,6 +91,8 @@ Variants.argTypes = {
     options: ['gray', 'red', 'purple', 'blue', 'green', 'orange'],
   },
 };
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const Customize: StoryFn<typeof Avatar> = (args) => <Avatar css={{ c: '$hiContrast' }} {...args} />;
 
 export default Component;
diff --git a/components/Avatar/Avatar.tsx b/components/Avatar/Avatar.tsx
index 5198408d..471aecf6 100644
--- a/components/Avatar/Avatar.tsx
+++ b/components/Avatar/Avatar.tsx
@@ -1,6 +1,7 @@
-import React from 'react';
-import { styled, VariantProps, CSS } from '../../stitches.config';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import React from 'react';
+
+import { CSS, styled, VariantProps } from '../../stitches.config';
 import { Box } from '../Box';
 
 const StyledAvatar = styled(AvatarPrimitive.Root, {
diff --git a/components/Badge/Badge.stories.tsx b/components/Badge/Badge.stories.tsx
index d91a83e7..0727e523 100644
--- a/components/Badge/Badge.stories.tsx
+++ b/components/Badge/Badge.stories.tsx
@@ -1,13 +1,14 @@
 import { Meta, StoryFn } from '@storybook/react';
 import React from 'react';
+
 import { VariantProps } from '../../stitches.config';
-import { Badge, COLORS } from './Badge';
-import { Flex } from '../Flex';
 import { modifyVariantsForStory } from '../../utils/modifyVariantsForStory';
+import { Flex } from '../Flex';
 import { UnstyledLink } from '../Link';
+import { Badge, COLORS } from './Badge';
 
 type BadgeVariants = VariantProps<typeof Badge>;
-type BadgeProps = BadgeVariants & {};
+type BadgeProps = BadgeVariants & NonNullable<unknown>;
 
 const BaseBadge = (props: BadgeProps): JSX.Element => <Badge {...props} />;
 const BadgeForStory = modifyVariantsForStory<BadgeVariants, BadgeProps>(BaseBadge);
@@ -82,6 +83,7 @@ Interactive.args = {
   borderless: false,
 };
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const Customize: StoryFn<typeof BadgeForStory> = (args) => (
   <Badge css={{ c: '$hiContrast' }} {...args}>
     Customize
diff --git a/components/Badge/Badge.test.tsx b/components/Badge/Badge.test.tsx
index e4cc5314..7f374fba 100644
--- a/components/Badge/Badge.test.tsx
+++ b/components/Badge/Badge.test.tsx
@@ -1,7 +1,8 @@
-import { Badge } from './Badge';
-import { UnstyledLink } from '../Link';
 import { render } from '@testing-library/react';
 
+import { UnstyledLink } from '../Link';
+import { Badge } from './Badge';
+
 describe('Badge', () => {
   it('should render Badge as link', () => {
     const { getByRole } = render(
diff --git a/components/Badge/Badge.themes.ts b/components/Badge/Badge.themes.ts
index 9296fcd5..0e69de38 100644
--- a/components/Badge/Badge.themes.ts
+++ b/components/Badge/Badge.themes.ts
@@ -1,5 +1,6 @@
 import { Property } from '@stitches/react/types/css';
 import tinycolor from 'tinycolor2';
+
 import { ColorInfo } from '../../utils/getPrimaryColorInfo';
 
 export namespace Theme {
diff --git a/components/Badge/Badge.tsx b/components/Badge/Badge.tsx
index b860d291..20f64470 100644
--- a/components/Badge/Badge.tsx
+++ b/components/Badge/Badge.tsx
@@ -1,9 +1,10 @@
+import { Slot } from '@radix-ui/react-slot';
 import React, { ComponentProps, useMemo } from 'react';
+
 import { styled, VariantProps } from '../../stitches.config';
-import { Slot } from '@radix-ui/react-slot';
 
 export const COLORS = ['gray', 'red', 'blue', 'green', 'neon', 'orange', 'purple'] as const;
-type COLOR_VALUES = typeof COLORS[number];
+type COLOR_VALUES = (typeof COLORS)[number];
 
 const getColorBadgeStyles = (color: COLOR_VALUES) => ({
   bc: `$${color}6`,
@@ -146,6 +147,7 @@ export const Badge = React.forwardRef<React.ElementRef<typeof StyledButtonBadge>
         return asChild ? StyledButtonBadgeSlot : StyledButtonBadge;
       }
       return asChild ? StyledSpanBadgeSlot : StyledSpanBadge;
+      // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [asChild]);
 
     return <Component {...props} ref={forwardedRef} />;
diff --git a/components/Box/Box.stories.tsx b/components/Box/Box.stories.tsx
index 30952fb5..2e45c89d 100644
--- a/components/Box/Box.stories.tsx
+++ b/components/Box/Box.stories.tsx
@@ -1,13 +1,13 @@
+import { Meta, StoryFn } from '@storybook/react';
 import React from 'react';
-import { StoryFn, Meta } from '@storybook/react';
-import { VariantProps } from '../../stitches.config';
 
+import { VariantProps } from '../../stitches.config';
 import { modifyVariantsForStory } from '../../utils/modifyVariantsForStory';
-import { Box } from './Box';
 import { Text } from '../Text';
+import { Box } from './Box';
 
 type BoxVariants = VariantProps<typeof Box>;
-type BoxProps = BoxVariants & {};
+type BoxProps = BoxVariants & NonNullable<unknown>;
 
 const BaseBox = (props: BoxProps): JSX.Element => <Box {...props} />;
 const BoxForStory = modifyVariantsForStory<BoxVariants, BoxProps & React.HTMLAttributes<any>>(
diff --git a/components/Bubble/Bubble.stories.tsx b/components/Bubble/Bubble.stories.tsx
index 79f7b70c..7ead7261 100644
--- a/components/Bubble/Bubble.stories.tsx
+++ b/components/Bubble/Bubble.stories.tsx
@@ -1,12 +1,13 @@
-import React from 'react';
 import { Meta, StoryFn } from '@storybook/react';
+import React from 'react';
+
 import { VariantProps } from '../../stitches.config';
-import { Bubble } from './Bubble';
-import { Flex } from '../Flex';
 import { modifyVariantsForStory } from '../../utils/modifyVariantsForStory';
+import { Flex } from '../Flex';
+import { Bubble } from './Bubble';
 
 type BubbleVariants = VariantProps<typeof Bubble>;
-type BubbleProps = BubbleVariants & {};
+type BubbleProps = BubbleVariants & NonNullable<unknown>;
 
 const BaseBubble = (props: BubbleProps): JSX.Element => <Bubble {...props} />;
 const BubbleForStory = modifyVariantsForStory<BubbleVariants, BubbleProps>(BaseBubble);
@@ -64,6 +65,7 @@ Sizes.argTypes = {
   },
 };
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const Customize: StoryFn<typeof BubbleForStory> = (args) => (
   <Bubble {...args} css={{ c: '$hiContrast' }} />
 );
diff --git a/components/Bubble/Bubble.tsx b/components/Bubble/Bubble.tsx
index 9ba27a03..3287fb11 100644
--- a/components/Bubble/Bubble.tsx
+++ b/components/Bubble/Bubble.tsx
@@ -1,4 +1,4 @@
-import { keyframes, styled, config } from '../../stitches.config';
+import { keyframes, styled } from '../../stitches.config';
 
 const bip = keyframes({
   '0%': {
diff --git a/components/Button/Button.stories.tsx b/components/Button/Button.stories.tsx
index a9f10244..19606b57 100644
--- a/components/Button/Button.stories.tsx
+++ b/components/Button/Button.stories.tsx
@@ -1,11 +1,11 @@
+import { InfoCircledIcon } from '@radix-ui/react-icons';
+import { Meta, StoryFn } from '@storybook/react';
 import React from 'react';
-import { StoryFn, Meta } from '@storybook/react';
 
-import { ButtonForStory } from './Button';
 import { Flex } from '../Flex';
-import { Text } from '../Text';
-import { InfoCircledIcon } from '@radix-ui/react-icons';
 import { UnstyledLink } from '../Link';
+import { Text } from '../Text';
+import { ButtonForStory } from './Button';
 
 const Component: Meta<typeof ButtonForStory> = {
   title: 'Components/Button',
@@ -57,6 +57,7 @@ const TemplateWithIcon: StoryFn<typeof ButtonForStory> = (args) => (
 
 export const WithIcon: StoryFn<typeof ButtonForStory> = TemplateWithIcon.bind({});
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const TemplateWithActive: StoryFn<typeof ButtonForStory> = ({ state, ...args }) => {
   const [active, setActive] = React.useState(0);
 
@@ -88,6 +89,7 @@ Waiting.args = {
   state: 'waiting',
 };
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const Customize: StoryFn<typeof ButtonForStory> = (args) => (
   <ButtonForStory css={{ c: '$hiContrast' }} {...args}>
     Button
diff --git a/components/Button/Button.test.tsx b/components/Button/Button.test.tsx
index f52f58fb..2a1c84b3 100644
--- a/components/Button/Button.test.tsx
+++ b/components/Button/Button.test.tsx
@@ -1,7 +1,8 @@
-import { Button } from './Button';
-import { UnstyledLink } from '../Link';
 import { render } from '@testing-library/react';
 
+import { UnstyledLink } from '../Link';
+import { Button } from './Button';
+
 describe('Button', () => {
   it('should render Button as link', () => {
     const { getByRole } = render(
diff --git a/components/Button/Button.themes.ts b/components/Button/Button.themes.ts
index 70373272..19b0b6a7 100644
--- a/components/Button/Button.themes.ts
+++ b/components/Button/Button.themes.ts
@@ -1,5 +1,6 @@
 import { Property } from '@stitches/react/types/css';
 import tinycolor from 'tinycolor2';
+
 import { ColorInfo } from '../../utils/getPrimaryColorInfo';
 
 export namespace Theme {
diff --git a/components/Button/Button.tsx b/components/Button/Button.tsx
index 3a252001..33e40bce 100644
--- a/components/Button/Button.tsx
+++ b/components/Button/Button.tsx
@@ -1,7 +1,8 @@
+import { Slot } from '@radix-ui/react-slot';
 import React, { ComponentProps, useMemo } from 'react';
-import { styled, keyframes, CSS, VariantProps } from '../../stitches.config';
+
+import { CSS, keyframes, styled, VariantProps } from '../../stitches.config';
 import { modifyVariantsForStory } from '../../utils/modifyVariantsForStory';
-import { Slot } from '@radix-ui/react-slot';
 
 export const BUTTON_BASE_STYLES = {
   appearance: 'none',
diff --git a/components/ButtonSwitch/ButtonSwitch.stories.tsx b/components/ButtonSwitch/ButtonSwitch.stories.tsx
index 1d19d433..09c7c69b 100644
--- a/components/ButtonSwitch/ButtonSwitch.stories.tsx
+++ b/components/ButtonSwitch/ButtonSwitch.stories.tsx
@@ -1,8 +1,9 @@
-import React from 'react';
 import { Meta, StoryFn } from '@storybook/react';
-import { ButtonSwitchContainer, ButtonSwitchItem } from './ButtonSwitch';
+import React from 'react';
 import { useState } from 'react';
 
+import { ButtonSwitchContainer, ButtonSwitchItem } from './ButtonSwitch';
+
 const Component: Meta<typeof ButtonSwitchContainer> = {
   title: 'Components/ButtonSwitch',
   component: ButtonSwitchContainer,
diff --git a/components/ButtonSwitch/ButtonSwitch.themes.ts b/components/ButtonSwitch/ButtonSwitch.themes.ts
index 125a6552..7cf8b2ff 100644
--- a/components/ButtonSwitch/ButtonSwitch.themes.ts
+++ b/components/ButtonSwitch/ButtonSwitch.themes.ts
@@ -1,4 +1,5 @@
 import { Property } from '@stitches/react/types/css';
+
 import { ColorInfo } from '../../utils/getPrimaryColorInfo';
 
 export namespace Theme {
diff --git a/components/ButtonSwitch/ButtonSwitch.tsx b/components/ButtonSwitch/ButtonSwitch.tsx
index 2888101f..db4d141a 100644
--- a/components/ButtonSwitch/ButtonSwitch.tsx
+++ b/components/ButtonSwitch/ButtonSwitch.tsx
@@ -1,4 +1,5 @@
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+
 import { styled } from '../../stitches.config';
 
 export const ButtonSwitchContainer = styled(ToggleGroupPrimitive.Root, {
diff --git a/components/Card/Card.stories.tsx b/components/Card/Card.stories.tsx
index 1807d20c..f7d48efb 100644
--- a/components/Card/Card.stories.tsx
+++ b/components/Card/Card.stories.tsx
@@ -1,9 +1,10 @@
-import React from 'react';
 import { Meta, StoryFn } from '@storybook/react';
+import React from 'react';
+
+import { Flex } from '../Flex';
+import { H2 } from '../Heading';
 import { Text } from '../Text';
 import { Card } from './Card';
-import { H2 } from '../Heading';
-import { Flex } from '../Flex';
 
 const Component: Meta<typeof Card> = {
   title: 'Components/Card',
@@ -56,7 +57,7 @@ Inner.args = {
   variant: 'inner',
 };
 
-export const Elevation: StoryFn<typeof Card> = (args) => (
+export const Elevation: StoryFn<typeof Card> = () => (
   <Flex css={{ gap: '$3' }}>
     <Card elevation={0}>
       <H2 css={{ mb: '$3' }}>No Elevation</H2>
@@ -123,6 +124,7 @@ export const Elevation: StoryFn<typeof Card> = (args) => (
 
 Elevation.args = {};
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const Customize: StoryFn<typeof Card> = (args) => (
   <Card css={{ c: '$hiContrast' }} {...args}></Card>
 );
diff --git a/components/Card/Card.themes.ts b/components/Card/Card.themes.ts
index 48808789..35a82c1d 100644
--- a/components/Card/Card.themes.ts
+++ b/components/Card/Card.themes.ts
@@ -1,5 +1,6 @@
-import tinycolor from 'tinycolor2';
 import { Property } from '@stitches/react/types/css';
+import tinycolor from 'tinycolor2';
+
 import { ColorInfo } from '../../utils/getPrimaryColorInfo';
 
 export namespace Theme {
diff --git a/components/Card/Card.tsx b/components/Card/Card.tsx
index fca6795f..030bfca7 100644
--- a/components/Card/Card.tsx
+++ b/components/Card/Card.tsx
@@ -1,4 +1,5 @@
 import React, { ComponentProps, ElementRef } from 'react';
+
 import { styled, VariantProps } from '../../stitches.config';
 import { elevationVariants } from '../Elevation/Elevation';
 
diff --git a/components/Checkbox/Checkbox.stories.tsx b/components/Checkbox/Checkbox.stories.tsx
index 64a40ad9..ce31ac34 100644
--- a/components/Checkbox/Checkbox.stories.tsx
+++ b/components/Checkbox/Checkbox.stories.tsx
@@ -1,5 +1,5 @@
+import { Meta, StoryFn } from '@storybook/react';
 import React from 'react';
-import { StoryFn, Meta } from '@storybook/react';
 
 import { modifyVariantsForStory } from '../../utils/modifyVariantsForStory';
 import { Checkbox, CheckboxProps, CheckboxVariants } from './Checkbox';
@@ -36,6 +36,7 @@ Disabled.args = {
   size: 'large',
 };
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const Customize: StoryFn<typeof CheckboxForStory> = (args) => (
   <CheckboxForStory css={{ c: '$hiContrast' }} {...args} />
 );
diff --git a/components/Checkbox/Checkbox.themes.ts b/components/Checkbox/Checkbox.themes.ts
index 4f52ca38..9c403976 100644
--- a/components/Checkbox/Checkbox.themes.ts
+++ b/components/Checkbox/Checkbox.themes.ts
@@ -1,5 +1,6 @@
-import tinycolor from 'tinycolor2';
 import { Property } from '@stitches/react/types/css';
+import tinycolor from 'tinycolor2';
+
 import { ColorInfo } from '../../utils/getPrimaryColorInfo';
 
 export namespace Theme {
diff --git a/components/Checkbox/Checkbox.tsx b/components/Checkbox/Checkbox.tsx
index 1d39ee8f..79a1a4ba 100644
--- a/components/Checkbox/Checkbox.tsx
+++ b/components/Checkbox/Checkbox.tsx
@@ -1,7 +1,8 @@
-import React from 'react';
-import { styled, CSS, VariantProps } from '../../stitches.config';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { CheckIcon } from '@radix-ui/react-icons';
+import React from 'react';
+
+import { CSS, styled, VariantProps } from '../../stitches.config';
 
 const StyledIndicator = styled(CheckboxPrimitive.Indicator, {
   alignItems: 'center',
diff --git a/components/Container/Container.stories.tsx b/components/Container/Container.stories.tsx
index e4593c13..ce0c793f 100644
--- a/components/Container/Container.stories.tsx
+++ b/components/Container/Container.stories.tsx
@@ -1,13 +1,13 @@
+import { Meta, StoryFn } from '@storybook/react';
 import React from 'react';
-import { StoryFn, Meta } from '@storybook/react';
-import { VariantProps } from '../../stitches.config';
 
+import { VariantProps } from '../../stitches.config';
 import { modifyVariantsForStory } from '../../utils/modifyVariantsForStory';
-import { Container } from './Container';
 import { Paragraph } from '../Paragraph';
+import { Container } from './Container';
 
 type ContainerVariants = VariantProps<typeof Container>;
-type ContainerProps = ContainerVariants & {};
+type ContainerProps = ContainerVariants & NonNullable<unknown>;
 
 const BaseContainer = (props: ContainerProps): JSX.Element => <Container {...props} />;
 const ContainerForStory = modifyVariantsForStory<
diff --git a/components/Dialog/Dialog.stories.tsx b/components/Dialog/Dialog.stories.tsx
index b21f11d2..abc180b4 100644
--- a/components/Dialog/Dialog.stories.tsx
+++ b/components/Dialog/Dialog.stories.tsx
@@ -1,17 +1,18 @@
-import React from 'react';
 import { Meta, StoryFn } from '@storybook/react';
+import React from 'react';
+import { useState } from 'react';
+
+import { Box } from '../Box';
+import { Button } from '../Button';
+import { Text } from '../Text';
 import {
   Dialog,
   DialogContent,
-  DialogTrigger,
-  StyledContent,
   DialogOverlay,
   DialogPortal,
+  DialogTrigger,
+  StyledContent,
 } from './Dialog';
-import { Text } from '../Text';
-import { useState } from 'react';
-import { Button } from '../Button';
-import { Box } from '../Box';
 
 const Component: Meta<typeof Dialog> = {
   title: 'Components/Dialog',
@@ -75,6 +76,7 @@ export const Basic: StoryFn<typeof Dialog> = () => {
   );
 };
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const Customize: StoryFn<typeof Dialog> = () => {
   const [open, setOpen] = useState(false);
 
diff --git a/components/Dialog/Dialog.themes.ts b/components/Dialog/Dialog.themes.ts
index 699d366b..b4338533 100644
--- a/components/Dialog/Dialog.themes.ts
+++ b/components/Dialog/Dialog.themes.ts
@@ -1,4 +1,5 @@
 import { Property } from '@stitches/react/types/css';
+
 import { ColorInfo } from '../../utils/getPrimaryColorInfo';
 
 export namespace Theme {
diff --git a/components/Dialog/Dialog.tsx b/components/Dialog/Dialog.tsx
index ed87528b..343846ee 100644
--- a/components/Dialog/Dialog.tsx
+++ b/components/Dialog/Dialog.tsx
@@ -1,11 +1,12 @@
-import React, { ComponentProps } from 'react';
-import { CSS, styled, VariantProps } from '../../stitches.config';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { Cross1Icon } from '@radix-ui/react-icons';
-import { overlayStyles } from '../Overlay';
-import { IconButton } from '../IconButton';
+import React, { ComponentProps } from 'react';
+
+import { CSS, styled, VariantProps } from '../../stitches.config';
 import { Card } from '../Card';
 import { elevationVariants } from '../Elevation/Elevation';
+import { IconButton } from '../IconButton';
+import { overlayStyles } from '../Overlay';
 
 type DialogProps = React.ComponentProps<typeof DialogPrimitive.Root> & {
   children: React.ReactNode;
diff --git a/components/DropdownMenu/DropdownMenu.stories.tsx b/components/DropdownMenu/DropdownMenu.stories.tsx
index bede9045..1c53f2f9 100644
--- a/components/DropdownMenu/DropdownMenu.stories.tsx
+++ b/components/DropdownMenu/DropdownMenu.stories.tsx
@@ -1,20 +1,20 @@
+import { Meta, StoryFn } from '@storybook/react';
 import React from 'react';
-import { StoryFn, Meta } from '@storybook/react';
 
+import { Button } from '../Button';
 import {
   DropdownMenu,
-  DropdownMenuTrigger,
-  DropdownMenuContent,
-  DropdownMenuItem,
   DropdownMenuCheckboxItem,
-  DropdownMenuRadioItem,
+  DropdownMenuContent,
   DropdownMenuGroup,
-  DropdownMenuRadioGroup,
+  DropdownMenuItem,
   DropdownMenuLabel,
-  DropdownMenuSeparator,
   DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
 } from './DropdownMenu';
-import { Button } from '../Button';
 
 const Component: Meta<typeof DropdownMenu> = {
   title: 'Components/DropdownMenu',
@@ -64,6 +64,7 @@ DefaultOpen.args = {
   defaultOpen: true,
 };
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const Customize: StoryFn<typeof DropdownMenu> = (args) => (
   <DropdownMenu {...args}>
     <DropdownMenuTrigger asChild>
diff --git a/components/DropdownMenu/DropdownMenu.tsx b/components/DropdownMenu/DropdownMenu.tsx
index f0dc6f00..f134865c 100644
--- a/components/DropdownMenu/DropdownMenu.tsx
+++ b/components/DropdownMenu/DropdownMenu.tsx
@@ -1,10 +1,11 @@
-import React from 'react';
-import { CheckIcon } from '@radix-ui/react-icons';
-import { styled, CSS } from '../../stitches.config';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import { menuCss, separatorCss, itemCss, labelCss } from '../Menu';
+import { CheckIcon } from '@radix-ui/react-icons';
+import React from 'react';
+
+import { CSS, styled } from '../../stitches.config';
 import { Box } from '../Box';
 import { Flex } from '../Flex';
+import { itemCss, labelCss, menuCss, separatorCss } from '../Menu';
 import { panelStyles } from '../Panel';
 
 export const DropdownMenu = DropdownMenuPrimitive.Root;
diff --git a/components/Elevation/Elevation.stories.tsx b/components/Elevation/Elevation.stories.tsx
index 952c58f5..4a9bfcdb 100644
--- a/components/Elevation/Elevation.stories.tsx
+++ b/components/Elevation/Elevation.stories.tsx
@@ -1,15 +1,16 @@
-import React from 'react';
 import { Meta, StoryFn } from '@storybook/react';
-import { Elevation } from './Elevation';
+import React from 'react';
+
 import { Flex } from '../Flex';
 import { Text } from '../Text';
+import { Elevation } from './Elevation';
 
 const Component: Meta<typeof Elevation> = {
   title: 'Components/Elevation',
   component: Elevation,
 };
 
-export const Basic: StoryFn<typeof Elevation> = (args) => (
+export const Basic: StoryFn<typeof Elevation> = () => (
   <Flex gap={3}>
     <Elevation variant={0}>
       <Flex
@@ -77,6 +78,7 @@ Basic.argTypes = {
   },
 };
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const Customize: StoryFn<typeof Elevation> = () => (
   <Elevation css={{ c: '$hiContrast' }} variant={0} />
 );
diff --git a/components/Elevation/Elevation.tsx b/components/Elevation/Elevation.tsx
index 3cfc76de..a8656da8 100644
--- a/components/Elevation/Elevation.tsx
+++ b/components/Elevation/Elevation.tsx
@@ -1,4 +1,4 @@
-import { styled, CSS } from '../../stitches.config';
+import { CSS, styled } from '../../stitches.config';
 
 type ElevationVariant = Record<number, CSS>;
 
diff --git a/components/FaencyProvider.tsx b/components/FaencyProvider.tsx
index 1edf4649..65459af7 100644
--- a/components/FaencyProvider.tsx
+++ b/components/FaencyProvider.tsx
@@ -1,5 +1,5 @@
-import React from 'react';
 import { Provider as TooltipProvider } from '@radix-ui/react-tooltip';
+import React from 'react';
 
 interface FaencyProviderProps {
   children?: React.ReactNode;
diff --git a/components/Flex/Flex.stories.tsx b/components/Flex/Flex.stories.tsx
index 54cee373..fafea997 100644
--- a/components/Flex/Flex.stories.tsx
+++ b/components/Flex/Flex.stories.tsx
@@ -1,8 +1,8 @@
+import { Meta, StoryFn } from '@storybook/react';
 import React from 'react';
-import { StoryFn, Meta } from '@storybook/react';
 
-import { Flex } from './Flex';
 import { Box } from '../Box';
+import { Flex } from './Flex';
 
 const Component: Meta<typeof Flex> = {
   title: 'Components/Flex',
@@ -23,6 +23,7 @@ Basic.args = {
   gap: '6',
 };
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const Customize: StoryFn<typeof Flex> = (args) => <Flex {...args} css={{ c: '$hiContrast' }} />;
 
 export default Component;
diff --git a/components/Grid/Grid.stories.tsx b/components/Grid/Grid.stories.tsx
index 032746d5..2bd13c78 100644
--- a/components/Grid/Grid.stories.tsx
+++ b/components/Grid/Grid.stories.tsx
@@ -1,9 +1,9 @@
+import { Meta, StoryFn } from '@storybook/react';
 import React from 'react';
-import { StoryFn, Meta } from '@storybook/react';
 
-import { Grid } from './Grid';
 import { Box } from '../Box';
 import { Text } from '../Text';
+import { Grid } from './Grid';
 
 const Component: Meta<typeof Grid> = {
   title: 'Components/Grid',
@@ -41,6 +41,7 @@ Basic.args = {
   gap: '6',
 };
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const Customize: StoryFn<typeof Grid> = (args) => <Grid {...args} css={{ c: '$hiContrast' }} />;
 
 export default Component;
diff --git a/components/Heading/Heading.stories.tsx b/components/Heading/Heading.stories.tsx
index cf8b26e0..c17eee31 100644
--- a/components/Heading/Heading.stories.tsx
+++ b/components/Heading/Heading.stories.tsx
@@ -1,5 +1,5 @@
+import { Meta, StoryFn } from '@storybook/react';
 import React from 'react';
-import { StoryFn, Meta } from '@storybook/react';
 
 import { Flex } from '../Flex';
 import { H1, H2, H3, H4, H5, H6 } from './Heading';
@@ -45,6 +45,7 @@ export const Transform: StoryFn<typeof H1> = (args) => (
   </Flex>
 );
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const Customize: StoryFn<typeof H1> = (args) => (
   <H1 css={{ fontWeight: '$semiBold' }} {...args}>
     Heading level 1 SemiBold
diff --git a/components/Heading/Heading.test.tsx b/components/Heading/Heading.test.tsx
index a35ae704..0e8a6499 100644
--- a/components/Heading/Heading.test.tsx
+++ b/components/Heading/Heading.test.tsx
@@ -1,6 +1,7 @@
-import { H1, H2, H3, H4, H5, H6 } from './Heading';
 import { render } from '@testing-library/react';
 
+import { H1, H2, H3, H4, H5, H6 } from './Heading';
+
 const HEADINGS = [H1, H2, H3, H4, H5, H6];
 
 describe('Heading', () => {
diff --git a/components/Heading/Heading.themes.ts b/components/Heading/Heading.themes.ts
index 6a899c2f..365f78ef 100644
--- a/components/Heading/Heading.themes.ts
+++ b/components/Heading/Heading.themes.ts
@@ -1,5 +1,6 @@
 import { Property } from '@stitches/react/types/css';
 import tinycolor from 'tinycolor2';
+
 import { ColorInfo } from '../../utils/getPrimaryColorInfo';
 
 export namespace Theme {
diff --git a/components/IconButton/IconButton.stories.tsx b/components/IconButton/IconButton.stories.tsx
index c6fee8af..1a8c46c2 100644
--- a/components/IconButton/IconButton.stories.tsx
+++ b/components/IconButton/IconButton.stories.tsx
@@ -1,8 +1,9 @@
-import React from 'react';
-import { Meta, StoryFn } from '@storybook/react';
-import { IconButton } from './IconButton';
 import * as Icons from '@radix-ui/react-icons';
+import { Meta, StoryFn } from '@storybook/react';
+import React from 'react';
+
 import { Flex } from '../Flex';
+import { IconButton } from './IconButton';
 
 const Component: Meta<typeof IconButton> = {
   title: 'Components/IconButton',
@@ -71,6 +72,7 @@ Variants.argTypes = {
   },
 };
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const Customize: StoryFn<typeof IconButton> = (args) => (
   <IconButton css={{ c: '$hiContrast' }} {...args} size="1"></IconButton>
 );
diff --git a/components/IconButton/IconButton.themes.ts b/components/IconButton/IconButton.themes.ts
index a48bea57..35122552 100644
--- a/components/IconButton/IconButton.themes.ts
+++ b/components/IconButton/IconButton.themes.ts
@@ -1,4 +1,5 @@
 import { Property } from '@stitches/react/types/css';
+
 import { ColorInfo } from '../../utils/getPrimaryColorInfo';
 
 export namespace Theme {
diff --git a/components/Image/Image.stories.tsx b/components/Image/Image.stories.tsx
index a9ca3058..c0e2f995 100644
--- a/components/Image/Image.stories.tsx
+++ b/components/Image/Image.stories.tsx
@@ -1,5 +1,5 @@
+import { Meta, StoryFn } from '@storybook/react';
 import React from 'react';
-import { StoryFn, Meta } from '@storybook/react';
 
 import { Image } from './Image';
 
@@ -22,6 +22,7 @@ Large.args = {
   src: 'https://picsum.photos/2000/3000',
 };
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const Customize: StoryFn<typeof Image> = (args) => <Image css={{ c: '$hiContrast' }} {...args} />;
 
 export default Component;
diff --git a/components/Input/Input.stories.tsx b/components/Input/Input.stories.tsx
index 75a10fbf..dab39dd6 100644
--- a/components/Input/Input.stories.tsx
+++ b/components/Input/Input.stories.tsx
@@ -1,15 +1,14 @@
+import { EyeOpenIcon, MagnifyingGlassIcon } from '@radix-ui/react-icons';
+import { Meta, StoryFn } from '@storybook/react';
 import React from 'react';
-import { StoryFn, Meta } from '@storybook/react';
+
 import { styled } from '../../stitches.config';
+import ignoreArgType from '../../utils/ignoreArgType';
 import { modifyVariantsForStory } from '../../utils/modifyVariantsForStory';
-
-import { Input, InputProps, InputVariants } from './Input';
 import { Box } from '../Box';
 import { Flex } from '../Flex';
 import { Label } from '../Label';
-
-import { MagnifyingGlassIcon, EyeOpenIcon } from '@radix-ui/react-icons';
-import ignoreArgType from '../../utils/ignoreArgType';
+import { Input, InputProps, InputVariants } from './Input';
 
 const StyledEyeOpenIcon = styled(EyeOpenIcon, {
   '@hover': {
@@ -90,6 +89,7 @@ const INPUT_TYPES = [
   'url',
 ];
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 export const Types: StoryFn<typeof InputForStory> = ({ type, ...args }) => (
   <Flex direction="column" gap={2}>
     {INPUT_TYPES.map((type) => (
@@ -248,6 +248,7 @@ export const Autofill: StoryFn<typeof InputForStory> = (args) => (
   </form>
 );
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const Customize: StoryFn<typeof InputForStory> = ({ id, ...args }) => (
   <InputForStory css={{ c: '$hiContrast' }} {...args} />
 );
diff --git a/components/Input/Input.themes.ts b/components/Input/Input.themes.ts
index 89c5c351..ebdbd5d1 100644
--- a/components/Input/Input.themes.ts
+++ b/components/Input/Input.themes.ts
@@ -1,5 +1,6 @@
 import { Property } from '@stitches/react/types/css';
 import tinycolor from 'tinycolor2';
+
 import { ColorInfo } from '../../utils/getPrimaryColorInfo';
 
 export namespace Theme {
diff --git a/components/Input/Input.tsx b/components/Input/Input.tsx
index 4a43275f..2c376abf 100644
--- a/components/Input/Input.tsx
+++ b/components/Input/Input.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
-import { styled, CSS, VariantProps } from '../../stitches.config';
+
+import { CSS, styled, VariantProps } from '../../stitches.config';
 import { elevationVariants } from '../Elevation';
 
 // CONSTANTS
diff --git a/components/Label/Label.stories.tsx b/components/Label/Label.stories.tsx
index a02697ea..88e538e2 100644
--- a/components/Label/Label.stories.tsx
+++ b/components/Label/Label.stories.tsx
@@ -1,14 +1,14 @@
+import { Meta, StoryFn } from '@storybook/react';
 import React from 'react';
-import { StoryFn, Meta } from '@storybook/react';
-import { VariantProps } from '../../stitches.config';
 
+import { VariantProps } from '../../stitches.config';
+import ignoreArgType from '../../utils/ignoreArgType';
 import { modifyVariantsForStory } from '../../utils/modifyVariantsForStory';
-import { Label } from './Label';
 import { Box } from '../Box';
-import ignoreArgType from '../../utils/ignoreArgType';
+import { Label } from './Label';
 
 type LabelVariants = VariantProps<typeof Label>;
-type LabelProps = LabelVariants & {};
+type LabelProps = LabelVariants & NonNullable<unknown>;
 
 const BaseLabel = (props: LabelProps): JSX.Element => <Label {...props} />;
 const LabelForStory = modifyVariantsForStory<
diff --git a/components/Label/Label.tsx b/components/Label/Label.tsx
index 146adfb7..63e311f6 100644
--- a/components/Label/Label.tsx
+++ b/components/Label/Label.tsx
@@ -1,4 +1,5 @@
 import * as LabelPrimitive from '@radix-ui/react-label';
+
 import { styled } from '../../stitches.config';
 import { Text } from '../Text';
 
diff --git a/components/Link/Link.stories.tsx b/components/Link/Link.stories.tsx
index dbd727ca..4b7ee974 100644
--- a/components/Link/Link.stories.tsx
+++ b/components/Link/Link.stories.tsx
@@ -1,12 +1,12 @@
+import { Meta, StoryFn } from '@storybook/react';
 import React, { LinkHTMLAttributes } from 'react';
-import { StoryFn, Meta } from '@storybook/react';
-import { VariantProps } from '../../stitches.config';
 
+import { VariantProps } from '../../stitches.config';
 import { modifyVariantsForStory } from '../../utils/modifyVariantsForStory';
 import { Link } from './Link';
 
 type LinkVariants = VariantProps<typeof Link>;
-type LinkProps = LinkVariants & {};
+type LinkProps = LinkVariants & NonNullable<unknown>;
 
 const BaseLink = (props: LinkProps): JSX.Element => <Link {...props} />;
 const LinkForStory = modifyVariantsForStory<LinkVariants, LinkProps & LinkHTMLAttributes<any>>(
@@ -40,6 +40,7 @@ Variant.argTypes = {
   },
 };
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const Customize: StoryFn<typeof LinkForStory> = (args) => (
   <Link css={{ c: '$hiContraqt' }} href="https://traefik.io" {...args}>
     https://traefik.io
diff --git a/components/Link/Link.themes.ts b/components/Link/Link.themes.ts
index 32687cfd..ce868f04 100644
--- a/components/Link/Link.themes.ts
+++ b/components/Link/Link.themes.ts
@@ -1,5 +1,6 @@
 import { Property } from '@stitches/react/types/css';
 import tinycolor from 'tinycolor2';
+
 import { ColorInfo } from '../../utils/getPrimaryColorInfo';
 export namespace Theme {
   type Colors = {
diff --git a/components/List/List.stories.tsx b/components/List/List.stories.tsx
index bb3a8025..866902ce 100644
--- a/components/List/List.stories.tsx
+++ b/components/List/List.stories.tsx
@@ -1,14 +1,13 @@
+import { InfoCircledIcon } from '@radix-ui/react-icons';
+import { Meta, StoryFn } from '@storybook/react';
 import React from 'react';
-import { StoryFn, Meta } from '@storybook/react';
 
-import { Ul, Li, ListProps } from './List';
 import { Avatar } from '../Avatar';
+import { Button } from '../Button';
+import { Checkbox } from '../Checkbox';
 import { Flex } from '../Flex';
 import { Text } from '../Text';
-import { Checkbox } from '../Checkbox';
-import { Button } from '../Button';
-
-import { InfoCircledIcon } from '@radix-ui/react-icons';
+import { Li, Ul } from './List';
 
 const Component: Meta<typeof Ul> = {
   title: 'Components/List',
@@ -24,6 +23,7 @@ const Template: StoryFn<typeof Ul> = (args) => (
   </Ul>
 );
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const Customize: StoryFn<typeof Ul> = (args) => (
   <Ul css={{ mt: '$1' }} {...args}>
     <Li css={{ color: '$hiContrast' }}>Dashboard</Li>
diff --git a/components/List/List.themes.ts b/components/List/List.themes.ts
index 5b9077db..e21206fb 100644
--- a/components/List/List.themes.ts
+++ b/components/List/List.themes.ts
@@ -1,4 +1,5 @@
 import { Property } from '@stitches/react/types/css';
+
 import { ColorInfo } from '../../utils/getPrimaryColorInfo';
 
 export namespace Theme {
diff --git a/components/List/List.tsx b/components/List/List.tsx
index a4fd692b..ceb742cf 100644
--- a/components/List/List.tsx
+++ b/components/List/List.tsx
@@ -1,5 +1,6 @@
 import React, { ComponentProps, createContext, ReactNode, useContext, useMemo } from 'react';
-import { styled, VariantProps, CSS } from '../../stitches.config';
+
+import { styled, VariantProps } from '../../stitches.config';
 import { BUTTON_BASE_STYLES } from '../Button';
 import { elevationVariants } from '../Elevation';
 import { Flex } from '../Flex';
diff --git a/components/Menu.tsx b/components/Menu.tsx
index 5f162f87..af47ba86 100644
--- a/components/Menu.tsx
+++ b/components/Menu.tsx
@@ -1,11 +1,12 @@
-import React from 'react';
-import * as MenuPrimitive from '@radix-ui/react-menu';
 import { CheckIcon } from '@radix-ui/react-icons';
-import { styled, css, CSS } from '../stitches.config';
+import * as MenuPrimitive from '@radix-ui/react-menu';
+import React from 'react';
+
+import { CSS, css, styled } from '../stitches.config';
 import { Box } from './Box';
+import { elevationVariants } from './Elevation/Elevation';
 import { Flex } from './Flex';
 import { panelStyles } from './Panel';
-import { elevationVariants } from './Elevation/Elevation';
 
 export const baseItemCss = css({
   display: 'flex',
diff --git a/components/Navigation/Navigation.stories.tsx b/components/Navigation/Navigation.stories.tsx
index e0340b0f..a7aff73b 100644
--- a/components/Navigation/Navigation.stories.tsx
+++ b/components/Navigation/Navigation.stories.tsx
@@ -1,23 +1,23 @@
-import React, { useState } from 'react';
-import { StoryFn, Meta } from '@storybook/react';
 import {
   DashboardIcon,
-  PersonIcon,
   GearIcon,
+  PersonIcon,
   QuestionMarkCircledIcon,
 } from '@radix-ui/react-icons';
+import { Meta, StoryFn } from '@storybook/react';
+import React, { useState } from 'react';
+import { useDebouncedCallback } from 'use-debounce';
 
+import { modifyVariantsForStory } from '../../utils/modifyVariantsForStory';
+import { Badge } from '../Badge';
+import { Text } from '../Text';
 import {
-  NavigationDrawer,
   NavigationContainer,
+  NavigationDrawer,
   NavigationDrawerProps,
   NavigationDrawerVariants,
   NavigationItem,
 } from './Navigation';
-import { modifyVariantsForStory } from '../../utils/modifyVariantsForStory';
-import { Badge } from '../Badge';
-import { Text } from '../Text';
-import { useDebouncedCallback } from 'use-debounce';
 
 const Component: Meta<typeof NavigationDrawer> = {
   title: 'Components/Navigation',
diff --git a/components/Navigation/Navigation.themes.ts b/components/Navigation/Navigation.themes.ts
index a9baa775..2cd9c0a5 100644
--- a/components/Navigation/Navigation.themes.ts
+++ b/components/Navigation/Navigation.themes.ts
@@ -1,5 +1,6 @@
-import tinycolor from 'tinycolor2';
 import { Property } from '@stitches/react/types/css';
+import tinycolor from 'tinycolor2';
+
 import { ColorInfo } from '../../utils/getPrimaryColorInfo';
 export namespace Theme {
   type Colors = {
diff --git a/components/Navigation/Navigation.tsx b/components/Navigation/Navigation.tsx
index c386ee15..1a1b8e9d 100644
--- a/components/Navigation/Navigation.tsx
+++ b/components/Navigation/Navigation.tsx
@@ -1,5 +1,6 @@
-import React, { useMemo, ReactNode } from 'react';
-import { styled, css, CSS, VariantProps } from '../../stitches.config';
+import React, { ReactNode, useMemo } from 'react';
+
+import { CSS, css, styled, VariantProps } from '../../stitches.config';
 import { elevationVariants } from '../Elevation';
 import { Flex } from '../Flex';
 
@@ -127,7 +128,7 @@ export const NavigationContainer = styled('div', {
 });
 
 export type NavigationContainerVariants = VariantProps<typeof NavigationContainer>;
-export type NavigationContainerProps = NavigationContainerVariants & {};
+export type NavigationContainerProps = NavigationContainerVariants & NonNullable<unknown>;
 
 export const NavigationDrawer = styled('nav', {
   display: 'flex',
@@ -166,7 +167,7 @@ export const NavigationDrawer = styled('nav', {
 });
 
 export type NavigationDrawerVariants = VariantProps<typeof NavigationDrawer>;
-export type NavigationDrawerProps = NavigationDrawerVariants & {};
+export type NavigationDrawerProps = NavigationDrawerVariants & NonNullable<unknown>;
 
 const StyledLink = styled('a', baseNavItemCss, {
   textDecoration: 'none',
@@ -228,4 +229,4 @@ export const NavigationLink = (props: Omit<NavigationItemLinkProps, 'as'>) => (
 
 export type NavigationLinkVariants = VariantProps<typeof NavigationLink>;
 
-export type NavigationLinkProps = NavigationLinkVariants & {};
+export type NavigationLinkProps = NavigationLinkVariants & NonNullable<unknown>;
diff --git a/components/Navigation/NavigationItem.stories.tsx b/components/Navigation/NavigationItem.stories.tsx
index fb5e5dc8..871a924a 100644
--- a/components/Navigation/NavigationItem.stories.tsx
+++ b/components/Navigation/NavigationItem.stories.tsx
@@ -1,20 +1,20 @@
-import React from 'react';
-import { StoryFn, Meta } from '@storybook/react';
 import {
   DashboardIcon,
-  PersonIcon,
   GearIcon,
+  PersonIcon,
   QuestionMarkCircledIcon,
 } from '@radix-ui/react-icons';
+import { Meta, StoryFn } from '@storybook/react';
+import React from 'react';
 
+import { modifyVariantsForStory } from '../../utils/modifyVariantsForStory';
+import { Badge } from '../Badge';
 import {
   NavigationDrawer,
   NavigationItem,
   NavigationItemProps,
   NavigationItemVariants,
 } from './Navigation';
-import { modifyVariantsForStory } from '../../utils/modifyVariantsForStory';
-import { Badge } from '../Badge';
 
 const Component: Meta<typeof NavigationDrawer> = {
   title: 'Components/NavigationItem',
@@ -49,6 +49,8 @@ const Component: Meta<typeof NavigationDrawer> = {
 const BaseNavigationItem = (props: NavigationItemProps): JSX.Element => (
   <NavigationItem {...props} />
 );
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const NavigationItemForStory = modifyVariantsForStory<NavigationItemVariants, NavigationItemProps>(
   BaseNavigationItem
 );
@@ -97,20 +99,14 @@ export const ButtonProps: StoryFn<typeof NavigationItem> = (args) => {
       </NavigationItem>
     </NavigationDrawer>
   );
-  ButtonProps.args = {
-    as: 'button',
-  };
 };
 
-export const LinkProps: StoryFn<typeof NavigationItem> = (args) => (
+export const LinkProps: StoryFn<typeof NavigationItem> = () => (
   <NavigationDrawer css={{ height: '200px' }}>
     <NavigationItem as="a" href="https://traefik.io">
       Navigation Item
     </NavigationItem>
   </NavigationDrawer>
 );
-LinkProps.args = {
-  as: 'a',
-};
 
 export default Component;
diff --git a/components/NavigationTree/NavigationTree.stories.tsx b/components/NavigationTree/NavigationTree.stories.tsx
index 7b593510..2d91b1d3 100644
--- a/components/NavigationTree/NavigationTree.stories.tsx
+++ b/components/NavigationTree/NavigationTree.stories.tsx
@@ -1,15 +1,16 @@
-import React, { useState } from 'react';
-import { StoryFn, Meta } from '@storybook/react';
-import { NavigationTreeItem } from './NavigationTreeItem';
-import { NavigationTreeContainer } from './NavigationTreeContainer';
 import {
   ArchiveIcon,
-  EyeOpenIcon,
-  EyeClosedIcon,
   EnvelopeClosedIcon,
   EnvelopeOpenIcon,
+  EyeClosedIcon,
+  EyeOpenIcon,
 } from '@radix-ui/react-icons';
+import { Meta, StoryFn } from '@storybook/react';
+import React, { useState } from 'react';
+
 import { NavigationTreeDrawer } from '.';
+import { NavigationTreeContainer } from './NavigationTreeContainer';
+import { NavigationTreeItem } from './NavigationTreeItem';
 
 const Component: Meta<typeof NavigationTreeContainer> = {
   title: 'Components/NavigationTree',
diff --git a/components/NavigationTree/NavigationTreeContainer.tsx b/components/NavigationTree/NavigationTreeContainer.tsx
index 796d54b6..e3cf8837 100644
--- a/components/NavigationTree/NavigationTreeContainer.tsx
+++ b/components/NavigationTree/NavigationTreeContainer.tsx
@@ -1,7 +1,8 @@
 import { ChevronDownIcon, ChevronRightIcon } from '@radix-ui/react-icons';
 import React from 'react';
-import { NavigationContainer, NavigationContainerProps } from '../Navigation';
+
 import { CSS } from '../../stitches.config';
+import { NavigationContainer, NavigationContainerProps } from '../Navigation';
 
 export interface NavigationTreeProps {
   children: React.ReactNode;
diff --git a/components/NavigationTree/NavigationTreeDrawer.tsx b/components/NavigationTree/NavigationTreeDrawer.tsx
index fde4d423..cdb1bc6f 100644
--- a/components/NavigationTree/NavigationTreeDrawer.tsx
+++ b/components/NavigationTree/NavigationTreeDrawer.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
-import { NavigationDrawer, NavigationDrawerProps } from '../Navigation';
+
 import { CSS } from '../../stitches.config';
+import { NavigationDrawer, NavigationDrawerProps } from '../Navigation';
 
 export interface NavigationTreeDrawerProps {
   children: React.ReactNode;
diff --git a/components/NavigationTree/NavigationTreeItem.stories.tsx b/components/NavigationTree/NavigationTreeItem.stories.tsx
index 01dc0e6e..c0a0b053 100644
--- a/components/NavigationTree/NavigationTreeItem.stories.tsx
+++ b/components/NavigationTree/NavigationTreeItem.stories.tsx
@@ -1,19 +1,20 @@
-import React, { useState } from 'react';
-import { StoryFn, Meta } from '@storybook/react';
-import { NavigationTreeItem } from './NavigationTreeItem';
-import { NavigationTreeContainer } from './NavigationTreeContainer';
-import { NavigationDrawer } from '../Navigation';
 import {
   ArchiveIcon,
-  EyeOpenIcon,
-  EyeClosedIcon,
+  DashboardIcon,
   EnvelopeClosedIcon,
   EnvelopeOpenIcon,
-  DashboardIcon,
-  PersonIcon,
+  EyeClosedIcon,
+  EyeOpenIcon,
   GearIcon,
+  PersonIcon,
   QuestionMarkCircledIcon,
 } from '@radix-ui/react-icons';
+import { Meta, StoryFn } from '@storybook/react';
+import React, { useState } from 'react';
+
+import { NavigationDrawer } from '../Navigation';
+import { NavigationTreeContainer } from './NavigationTreeContainer';
+import { NavigationTreeItem } from './NavigationTreeItem';
 
 const Component: Meta<typeof NavigationTreeItem> = {
   title: 'Components/NavigationTree',
diff --git a/components/NavigationTree/NavigationTreeItem.tsx b/components/NavigationTree/NavigationTreeItem.tsx
index 2dab39aa..a4d2dad5 100644
--- a/components/NavigationTree/NavigationTreeItem.tsx
+++ b/components/NavigationTree/NavigationTreeItem.tsx
@@ -1,10 +1,11 @@
 import React, { useMemo, useState } from 'react';
+
+import { CSS } from '../..';
 import { Box } from '../Box';
-import { NavigationItem, NavigationItemProps } from '../Navigation';
-import { NavigationTreeContainer } from './NavigationTreeContainer';
 import { Flex } from '../Flex';
+import { NavigationItem, NavigationItemProps } from '../Navigation';
 import { Text } from '../Text';
-import { CSS } from '../..';
+import { NavigationTreeContainer } from './NavigationTreeContainer';
 
 export interface NavigationTreeItemProps {
   label: string;
@@ -69,6 +70,7 @@ export const NavigationTreeItem = ({
         },
       },
     };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isExpandable, nestedChildrenLevel]);
 
   const focusStyle = useMemo(() => {
diff --git a/components/NavigationTree/index.tsx b/components/NavigationTree/index.tsx
index 8a200d88..edac6d01 100644
--- a/components/NavigationTree/index.tsx
+++ b/components/NavigationTree/index.tsx
@@ -1,3 +1,3 @@
-export * from './NavigationTreeItem';
 export * from './NavigationTreeContainer';
 export * from './NavigationTreeDrawer';
+export * from './NavigationTreeItem';
diff --git a/components/Overlay.tsx b/components/Overlay.tsx
index d859bb7b..b756ff3c 100644
--- a/components/Overlay.tsx
+++ b/components/Overlay.tsx
@@ -1,4 +1,4 @@
-import { styled, CSS } from '../stitches.config';
+import { CSS, styled } from '../stitches.config';
 
 export const overlayStyles: CSS = {
   backgroundColor: 'hsla(0, 0%, 0%, 0.7)',
diff --git a/components/Paragraph.tsx b/components/Paragraph.tsx
index 67fc1679..7a37dae7 100644
--- a/components/Paragraph.tsx
+++ b/components/Paragraph.tsx
@@ -1,7 +1,8 @@
+import merge from 'lodash.merge';
 import React from 'react';
+
+import { CSS, VariantProps } from '../stitches.config';
 import { Text } from './Text';
-import { VariantProps, CSS } from '../stitches.config';
-import merge from 'lodash.merge';
 
 const DEFAULT_TAG = 'p';
 
diff --git a/components/Popover/Popover.stories.tsx b/components/Popover/Popover.stories.tsx
index 611ede11..02471235 100644
--- a/components/Popover/Popover.stories.tsx
+++ b/components/Popover/Popover.stories.tsx
@@ -1,22 +1,22 @@
+import { HamburgerMenuIcon } from '@radix-ui/react-icons';
+import { PopoverAnchor, PopoverPortal } from '@radix-ui/react-popover';
+import { Meta, StoryFn } from '@storybook/react';
 import React from 'react';
-import { StoryFn, Meta } from '@storybook/react';
 
+import { modifyVariantsForStory } from '../../utils/modifyVariantsForStory';
+import { Box } from '../Box';
+import { Button } from '../Button';
+import { Container } from '../Container';
+import { Flex } from '../Flex';
+import { Text } from '../Text';
 import {
   Popover,
+  PopoverClose,
+  PopoverContent,
   PopoverProps,
-  PopoverVariants,
   PopoverTrigger,
-  PopoverContent,
-  PopoverClose,
+  PopoverVariants,
 } from './Popover';
-import { modifyVariantsForStory } from '../../utils/modifyVariantsForStory';
-import { Container } from '../Container';
-import { Button } from '../Button';
-import { Text } from '../Text';
-import { Flex } from '../Flex';
-import { HamburgerMenuIcon } from '@radix-ui/react-icons';
-import { PopoverAnchor, PopoverPortal } from '@radix-ui/react-popover';
-import { Box } from '../Box';
 
 const BasePopover = (props: PopoverProps): JSX.Element => <Popover {...props} />;
 const PopoverForStory = modifyVariantsForStory<PopoverVariants, PopoverProps>(BasePopover);
diff --git a/components/Popover/Popover.tsx b/components/Popover/Popover.tsx
index e86bf910..769b20bc 100644
--- a/components/Popover/Popover.tsx
+++ b/components/Popover/Popover.tsx
@@ -1,8 +1,9 @@
-import React from 'react';
-import { styled, CSS, VariantProps } from '../../stitches.config';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
-import { panelStyles } from '../Panel';
+import React from 'react';
+
+import { CSS, styled, VariantProps } from '../../stitches.config';
 import { elevationVariants } from '../Elevation';
+import { panelStyles } from '../Panel';
 
 export type PopoverProps = React.ComponentProps<typeof PopoverPrimitive.Root> & {
   children: React.ReactNode;
diff --git a/components/Radio/Radio.stories.tsx b/components/Radio/Radio.stories.tsx
index 61a32559..10961fa5 100644
--- a/components/Radio/Radio.stories.tsx
+++ b/components/Radio/Radio.stories.tsx
@@ -1,15 +1,15 @@
+import { Meta, StoryFn } from '@storybook/react';
 import React from 'react';
-import { VariantProps } from '../../stitches.config';
-import { StoryFn, Meta } from '@storybook/react';
 
-import { Radio, RadioVariants, RadioProps, RadioGroup } from './Radio';
+import { VariantProps } from '../../stitches.config';
 import { modifyVariantsForStory } from '../../utils/modifyVariantsForStory';
+import { Radio, RadioGroup, RadioProps, RadioVariants } from './Radio';
 
 const BaseRadio = (props: RadioProps): JSX.Element => <Radio {...props} />;
 const RadioForStory = modifyVariantsForStory<RadioVariants, RadioProps>(BaseRadio);
 
 type RadioGroupVariants = VariantProps<typeof RadioGroup>;
-type RadioGroupProps = RadioGroupVariants & {};
+type RadioGroupProps = RadioGroupVariants & NonNullable<unknown>;
 
 const BaseRadioGroup = (props: RadioGroupProps): JSX.Element => <RadioGroup {...props} />;
 const RadioGroupForStory = modifyVariantsForStory<
@@ -22,6 +22,7 @@ const Component: Meta<typeof RadioForStory> = {
   component: RadioForStory,
 };
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const Template: StoryFn<typeof RadioForStory> = ({ value, ...args }) => (
   <RadioGroupForStory defaultValue="1">
     <RadioForStory value="1" css={{ mr: '$5' }} {...args} />
@@ -46,6 +47,7 @@ Disabled.args = {
   size: 2,
 };
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const Customize: StoryFn<typeof RadioForStory> = ({ value, ...args }) => (
   <RadioGroup css={{ c: '$hiContrast' }} defaultValue="1">
     <RadioForStory value="1" css={{ mr: '$5' }} {...args} />
diff --git a/components/Radio/Radio.themes.ts b/components/Radio/Radio.themes.ts
index b32303aa..281f0fce 100644
--- a/components/Radio/Radio.themes.ts
+++ b/components/Radio/Radio.themes.ts
@@ -1,5 +1,6 @@
 import { Property } from '@stitches/react/types/css';
 import tinycolor from 'tinycolor2';
+
 import { ColorInfo } from '../../utils/getPrimaryColorInfo';
 export namespace Theme {
   type Colors = {
diff --git a/components/Radio/Radio.tsx b/components/Radio/Radio.tsx
index 0a8fc22d..f39ab87a 100644
--- a/components/Radio/Radio.tsx
+++ b/components/Radio/Radio.tsx
@@ -1,6 +1,7 @@
-import React from 'react';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
-import { styled, CSS, VariantProps } from '../../stitches.config';
+import React from 'react';
+
+import { CSS, styled, VariantProps } from '../../stitches.config';
 
 export const RadioGroup = styled(RadioGroupPrimitive.Root, {
   display: 'flex',
diff --git a/components/RadioAccordion/RadioAccordion.stories.tsx b/components/RadioAccordion/RadioAccordion.stories.tsx
index 1902e9d9..bc264f7b 100644
--- a/components/RadioAccordion/RadioAccordion.stories.tsx
+++ b/components/RadioAccordion/RadioAccordion.stories.tsx
@@ -1,15 +1,15 @@
+import { Meta, StoryFn } from '@storybook/react';
 import React from 'react';
-import { StoryFn, Meta } from '@storybook/react';
 
+import { AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger } from '../Accordion';
+import { Box } from '../Box';
+import { Text } from '../Text';
 import {
-  RadioAccordionRoot,
-  RadioAccordionItem,
   RadioAccordionContent,
+  RadioAccordionItem,
+  RadioAccordionRoot,
   RadioAccordionTrigger,
 } from './RadioAccordion';
-import { Box } from '../Box';
-import { AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger } from '../Accordion';
-import { Text } from '../Text';
 
 const Component: Meta<typeof RadioAccordionRoot> = {
   title: 'Components/RadioAccordion',
@@ -61,6 +61,7 @@ export const UnderAccordion: StoryFn<typeof RadioAccordionRoot> = (args) => (
   </AccordionRoot>
 );
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const Customize: StoryFn<typeof RadioAccordionRoot> = (args) => (
   <Box css={{ width: 300 }}>
     <RadioAccordionRoot {...args} css={{ bc: '$red9' }}>
diff --git a/components/RadioAccordion/RadioAccordion.tsx b/components/RadioAccordion/RadioAccordion.tsx
index fd3a21f1..82ba6299 100644
--- a/components/RadioAccordion/RadioAccordion.tsx
+++ b/components/RadioAccordion/RadioAccordion.tsx
@@ -1,15 +1,16 @@
+import type { AccordionSingleProps } from '@radix-ui/react-accordion';
 import React, { ComponentProps } from 'react';
-import { styled, VariantProps, CSS } from '../../stitches.config';
+
+import { CSS, styled, VariantProps } from '../../stitches.config';
 import {
-  StyledAccordionTrigger,
-  StyledAccordionHeader,
-  AccordionRoot,
   AccordionContent,
   AccordionItem,
+  AccordionRoot,
   AccordionTriggerProps,
+  StyledAccordionHeader,
+  StyledAccordionTrigger,
 } from '../Accordion';
 import { INDICATOR_BASE_STYLES, RADIO_BASE_STYLES } from '../Radio';
-import type { AccordionSingleProps } from '@radix-ui/react-accordion';
 
 export interface RadioAccordionRootProps
   extends Omit<AccordionSingleProps, 'type' | 'collapsible'>,
diff --git a/components/Select/Select.stories.tsx b/components/Select/Select.stories.tsx
index e72c4459..658fb081 100644
--- a/components/Select/Select.stories.tsx
+++ b/components/Select/Select.stories.tsx
@@ -1,8 +1,8 @@
+import { Meta, StoryFn } from '@storybook/react';
 import React from 'react';
-import { StoryFn, Meta } from '@storybook/react';
 
-import { Select, SelectProps, SelectVariants } from './Select';
 import { modifyVariantsForStory } from '../../utils/modifyVariantsForStory';
+import { Select, SelectProps, SelectVariants } from './Select';
 
 const BaseSelect = (props: SelectProps): JSX.Element => <Select {...props} />;
 const SelectForStory = modifyVariantsForStory<
@@ -73,6 +73,7 @@ Overflow.argTypes = {
   },
 };
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const Customize: StoryFn<typeof SelectForStory> = (args) => (
   <Select css={{ c: '$hiContrast' }} {...args}>
     <option value="option1">Option 1</option>
diff --git a/components/Select/Select.themes.ts b/components/Select/Select.themes.ts
index ad2ae7b9..984011ce 100644
--- a/components/Select/Select.themes.ts
+++ b/components/Select/Select.themes.ts
@@ -1,4 +1,5 @@
 import { Property } from '@stitches/react/types/css';
+
 import { ColorInfo } from '../../utils/getPrimaryColorInfo';
 import { Theme as InputTheme } from '../Input/Input.themes';
 
diff --git a/components/Select/Select.tsx b/components/Select/Select.tsx
index 33f2dc82..067f71e6 100644
--- a/components/Select/Select.tsx
+++ b/components/Select/Select.tsx
@@ -1,6 +1,7 @@
-import React from 'react';
-import { styled, CSS, VariantProps } from '../../stitches.config';
 import { CaretSortIcon } from '@radix-ui/react-icons';
+import React from 'react';
+
+import { CSS, styled, VariantProps } from '../../stitches.config';
 import { elevationVariants } from '../Elevation';
 
 // CONSTANTS
diff --git a/components/Skeleton/Skeleton.stories.tsx b/components/Skeleton/Skeleton.stories.tsx
index cef463bb..c081ee37 100644
--- a/components/Skeleton/Skeleton.stories.tsx
+++ b/components/Skeleton/Skeleton.stories.tsx
@@ -1,17 +1,17 @@
+import { Cross1Icon } from '@radix-ui/react-icons';
 import { Meta, StoryFn } from '@storybook/react';
 import React from 'react';
 
-import { Skeleton, SkeletonProps, SkeletonVariants } from './Skeleton';
-import { Flex } from '../Flex';
-import { Box } from '../Box';
-import { H1, H2, H3, H4, H5, H6 } from '../Heading';
-import { Text as FaencyText } from '../Text';
+import { modifyVariantsForStory } from '../../utils/modifyVariantsForStory';
 import { Avatar } from '../Avatar';
 import { Badge as FaencyBadge } from '../Badge';
+import { Box } from '../Box';
 import { Bubble } from '../Bubble';
 import { Button as FaencyButton } from '../Button';
-import { modifyVariantsForStory } from '../../utils/modifyVariantsForStory';
-import { Cross1Icon } from '@radix-ui/react-icons';
+import { Flex } from '../Flex';
+import { H1, H2, H3, H4, H5, H6 } from '../Heading';
+import { Text as FaencyText } from '../Text';
+import { Skeleton, SkeletonProps, SkeletonVariants } from './Skeleton';
 
 const BaseSkeleton = (props: SkeletonProps): JSX.Element => <Skeleton {...props} />;
 const SkeletonForStory = modifyVariantsForStory<SkeletonVariants, SkeletonProps>(BaseSkeleton);
diff --git a/components/Skeleton/Skeleton.themes.ts b/components/Skeleton/Skeleton.themes.ts
index bed92178..7def0ff7 100644
--- a/components/Skeleton/Skeleton.themes.ts
+++ b/components/Skeleton/Skeleton.themes.ts
@@ -1,4 +1,5 @@
 import { Property } from '@stitches/react/types/css';
+
 import { ColorInfo } from '../../utils/getPrimaryColorInfo';
 
 export namespace Theme {
diff --git a/components/Skeleton/Skeleton.tsx b/components/Skeleton/Skeleton.tsx
index 95ba69b7..684fc112 100644
--- a/components/Skeleton/Skeleton.tsx
+++ b/components/Skeleton/Skeleton.tsx
@@ -65,4 +65,4 @@ export const Skeleton = styled('div', {
 });
 
 export type SkeletonVariants = VariantProps<typeof Skeleton>;
-export type SkeletonProps = SkeletonVariants & {};
+export type SkeletonProps = SkeletonVariants & NonNullable<unknown>;
diff --git a/components/Switch/Switch.stories.tsx b/components/Switch/Switch.stories.tsx
index 3de5b533..5f4b71ea 100644
--- a/components/Switch/Switch.stories.tsx
+++ b/components/Switch/Switch.stories.tsx
@@ -1,11 +1,11 @@
+import { Meta, StoryFn } from '@storybook/react';
 import React from 'react';
-import { StoryFn, Meta } from '@storybook/react';
 
-import { Switch, SwitchProps, SwitchVariants } from './Switch';
+import ignoreArgType from '../../utils/ignoreArgType';
+import { modifyVariantsForStory } from '../../utils/modifyVariantsForStory';
 import { Flex } from '../Flex';
 import { Label } from '../Label';
-import { modifyVariantsForStory } from '../../utils/modifyVariantsForStory';
-import ignoreArgType from '../../utils/ignoreArgType';
+import { Switch, SwitchProps, SwitchVariants } from './Switch';
 
 const BaseSwitch = (props: SwitchProps): JSX.Element => <Switch {...props} />;
 const SwitchForStory = modifyVariantsForStory<
@@ -130,6 +130,7 @@ LabelAndTitle.args = {
 };
 ignoreArgType('id', LabelAndTitle);
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const Customize: StoryFn<typeof SwitchForStory> = (args) => (
   <SwitchForStory css={{ c: '$hiContrast' }} {...args} />
 );
diff --git a/components/Switch/Switch.themes.ts b/components/Switch/Switch.themes.ts
index 32e6c474..50544a12 100644
--- a/components/Switch/Switch.themes.ts
+++ b/components/Switch/Switch.themes.ts
@@ -1,5 +1,6 @@
-import tinycolor from 'tinycolor2';
 import { Property } from '@stitches/react/types/css';
+import tinycolor from 'tinycolor2';
+
 import { ColorInfo } from '../../utils/getPrimaryColorInfo';
 
 export namespace Theme {
diff --git a/components/Switch/Switch.tsx b/components/Switch/Switch.tsx
index bbbc2374..298467e2 100644
--- a/components/Switch/Switch.tsx
+++ b/components/Switch/Switch.tsx
@@ -1,6 +1,7 @@
-import React from 'react';
-import { styled, VariantProps, CSS } from '../../stitches.config';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
+import React from 'react';
+
+import { CSS, styled, VariantProps } from '../../stitches.config';
 import { elevationVariants } from '../Elevation';
 
 // CONSTANTS
diff --git a/components/Table/Table.stories.tsx b/components/Table/Table.stories.tsx
index 9203a0a5..4b73d09c 100644
--- a/components/Table/Table.stories.tsx
+++ b/components/Table/Table.stories.tsx
@@ -1,27 +1,26 @@
 import { Meta, StoryFn } from '@storybook/react';
 import React, { useCallback, useState } from 'react';
+
+import { modifyVariantsForStory } from '../../utils/modifyVariantsForStory';
+import { VerticalAlignment as AriaTableStory } from '../AriaTable/AriaTable.stories';
+import { Badge } from '../Badge';
+import { Button } from '../Button';
+import { Flex } from '../Flex';
+import { H1 } from '../Heading';
+import { Text } from '../Text';
+import { VisuallyHidden } from '../VisuallyHidden';
 import {
+  Caption,
   Table,
   TableProps,
   TableVariants,
   Tbody,
   Td,
+  Tfoot,
   Th,
   Thead,
   Tr,
-  Tfoot,
-  Caption,
 } from './Table';
-import { Badge } from '../Badge';
-import { Flex } from '../Flex';
-import { H1 } from '../Heading';
-import { modifyVariantsForStory } from '../../utils/modifyVariantsForStory';
-import { VisuallyHidden } from '../VisuallyHidden';
-import { Button } from '../Button';
-
-import { VerticalAlignment as AriaTableStory } from '../AriaTable/AriaTable.stories';
-import { Box } from '../Box';
-import { Text } from '../Text';
 
 const BaseTable = (props: TableProps): JSX.Element => <Table {...props} />;
 const TableForStory = modifyVariantsForStory<TableVariants, TableProps>(BaseTable);
@@ -635,6 +634,7 @@ export const Empty: StoryFn<any> = (args) => (
   </Flex>
 );
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const Customize: StoryFn<any> = (args) => (
   <TableForStory css={{ c: '$hiContrast' }} {...args}>
     <Thead css={{ c: '$hiContrast' }}>
diff --git a/components/Table/Table.themes.ts b/components/Table/Table.themes.ts
index 3efc645e..3fe1cce2 100644
--- a/components/Table/Table.themes.ts
+++ b/components/Table/Table.themes.ts
@@ -1,5 +1,6 @@
-import tinycolor from 'tinycolor2';
 import { Property } from '@stitches/react/types/css';
+import tinycolor from 'tinycolor2';
+
 import { ColorInfo } from '../../utils/getPrimaryColorInfo';
 
 export namespace Theme {
diff --git a/components/Table/Table.tsx b/components/Table/Table.tsx
index ef6bd727..6a1f15f2 100644
--- a/components/Table/Table.tsx
+++ b/components/Table/Table.tsx
@@ -1,19 +1,12 @@
 import { ChevronRightIcon } from '@radix-ui/react-icons';
-import React, {
-  useState,
-  useMemo,
-  forwardRef,
-  ElementRef,
-  ComponentProps,
-  ReactNode,
-  Children,
-} from 'react';
+import React, { ComponentProps, ElementRef, forwardRef, ReactNode, useMemo, useState } from 'react';
+
 import { styled, VariantProps } from '../../stitches.config';
+import { Box } from '../Box';
 import { elevationVariants } from '../Elevation';
+import { Flex } from '../Flex';
 import { Label } from '../Label';
 import { Text } from '../Text';
-import { Box } from '../Box';
-import { Flex } from '../Flex';
 
 export const Caption = styled('caption', Text, {
   display: 'table-caption',
@@ -333,4 +326,4 @@ export const Table = styled('table', {
 });
 
 export type TableVariants = VariantProps<typeof Table>;
-export type TableProps = TableVariants & {};
+export type TableProps = TableVariants & NonNullable<unknown>;
diff --git a/components/Tabs/Tabs.stories.tsx b/components/Tabs/Tabs.stories.tsx
index 24ff03f8..2a45b762 100644
--- a/components/Tabs/Tabs.stories.tsx
+++ b/components/Tabs/Tabs.stories.tsx
@@ -1,15 +1,16 @@
-import React from 'react';
 import { Meta, StoryFn } from '@storybook/react';
+import React from 'react';
+
 import { H2 } from '../Heading';
 import { Text } from '../Text';
-import { TabsContainer, TabsList, TabsTrigger, TabsContent } from './Tabs';
+import { TabsContainer, TabsContent, TabsList, TabsTrigger } from './Tabs';
 
 const Component: Meta<typeof TabsContainer> = {
   title: 'Components/Tabs',
   component: TabsContainer,
 };
 
-export const Basic: StoryFn<typeof TabsContainer> = (args) => {
+export const Basic: StoryFn<typeof TabsContainer> = () => {
   return (
     <TabsContainer defaultValue="tab1">
       <TabsList aria-label="Tabs Group">
diff --git a/components/Tabs/Tabs.tsx b/components/Tabs/Tabs.tsx
index 118b911b..27911d40 100644
--- a/components/Tabs/Tabs.tsx
+++ b/components/Tabs/Tabs.tsx
@@ -1,4 +1,5 @@
 import * as TabsPrimitive from '@radix-ui/react-tabs';
+
 import { styled } from '../../stitches.config';
 
 export const TabsContainer = styled(TabsPrimitive.Root, {
diff --git a/components/Text/Text.stories.tsx b/components/Text/Text.stories.tsx
index a9b70886..9a60ee8b 100644
--- a/components/Text/Text.stories.tsx
+++ b/components/Text/Text.stories.tsx
@@ -1,10 +1,10 @@
+import { Meta, StoryFn } from '@storybook/react';
 import React from 'react';
-import { StoryFn, Meta } from '@storybook/react';
 
-import { Text, TextProps, TextVariants } from './Text';
 import { modifyVariantsForStory } from '../../utils/modifyVariantsForStory';
-import { Flex } from '../Flex';
 import { Box } from '../Box';
+import { Flex } from '../Flex';
+import { Text, TextProps, TextVariants } from './Text';
 
 const BaseText = (props: TextProps): JSX.Element => <Text {...props} />;
 const TextForStory = modifyVariantsForStory<TextVariants, TextProps & React.HTMLAttributes<any>>(
@@ -26,6 +26,7 @@ Basic.args = {};
 
 const VARIANT_PARENTS = ['$primary', '$purple10'];
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 export const Variant: StoryFn<typeof TextForStory> = ({ variant, ...args }) => (
   <Flex
     align="center"
@@ -53,6 +54,7 @@ export const Variant: StoryFn<typeof TextForStory> = ({ variant, ...args }) => (
   </Flex>
 );
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 export const Transform: StoryFn<typeof TextForStory> = ({ transform, ...args }) => (
   <Flex gap={2}>
     <TextForStory {...args}>default text</TextForStory>
@@ -89,6 +91,7 @@ export const Transform: StoryFn<typeof TextForStory> = ({ transform, ...args })
 
 const SIZE_PARENTS = ['$4', '$12'];
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 export const Size: StoryFn<typeof TextForStory> = ({ size, ...args }) => (
   <Flex gap={2} direction="column">
     <TextForStory {...args} size="0">
@@ -168,6 +171,7 @@ export const Weight: StoryFn<typeof TextForStory> = (args) => (
   </Flex>
 );
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const Customize: StoryFn<typeof TextForStory> = (args) => (
   <TextForStory css={{ fontWeight: '$semiBold' }} {...args}>
     SemiBold
diff --git a/components/Text/Text.themes.ts b/components/Text/Text.themes.ts
index 222345bb..89db0aa7 100644
--- a/components/Text/Text.themes.ts
+++ b/components/Text/Text.themes.ts
@@ -1,5 +1,6 @@
 import { Property } from '@stitches/react/types/css';
 import tinycolor from 'tinycolor2';
+
 import { ColorInfo } from '../../utils/getPrimaryColorInfo';
 
 export namespace Theme {
@@ -13,7 +14,7 @@ export namespace Theme {
 
   type Factory = (primaryColor: ColorInfo) => Colors;
 
-  export const getLight: Factory = (primaryColor) => ({
+  export const getLight: Factory = () => ({
     textSubtle: tinycolor('black').setAlpha(0.51).toHslString(),
     textDefault: tinycolor('black').setAlpha(0.74).toHslString(),
     textContrast: 'black',
@@ -21,7 +22,7 @@ export namespace Theme {
     textRed: '$red10',
   });
 
-  export const getDark: Factory = (primaryColor) => ({
+  export const getDark: Factory = () => ({
     textSubtle: tinycolor('white').setAlpha(0.51).toHslString(),
     textDefault: tinycolor('white').setAlpha(0.74).toHslString(),
     textContrast: 'white',
diff --git a/components/Text/Text.tsx b/components/Text/Text.tsx
index 28a6b010..b0304f69 100644
--- a/components/Text/Text.tsx
+++ b/components/Text/Text.tsx
@@ -1,4 +1,4 @@
-import { styled, CSS, VariantProps } from '../../stitches.config';
+import { CSS, styled, VariantProps } from '../../stitches.config';
 
 export const Text = styled('span', {
   // Reset
diff --git a/components/TextField/TextField.stories.tsx b/components/TextField/TextField.stories.tsx
index d7f2367c..95875fba 100644
--- a/components/TextField/TextField.stories.tsx
+++ b/components/TextField/TextField.stories.tsx
@@ -1,20 +1,20 @@
-import React, { useCallback, useEffect, useState } from 'react';
-import { StoryFn, Meta } from '@storybook/react';
-
-import { Flex } from '../Flex';
-import { Label } from '../Label';
-import { Text } from '../Text';
-import { Popover, PopoverTrigger, PopoverContent } from '../Popover';
-import { TextField, TextFieldProps, TextFieldVariants } from './TextField';
 import {
-  MagnifyingGlassIcon,
-  InfoCircledIcon,
-  CopyIcon,
   CheckCircledIcon,
+  CopyIcon,
+  InfoCircledIcon,
+  MagnifyingGlassIcon,
 } from '@radix-ui/react-icons';
+import { Meta, StoryFn } from '@storybook/react';
+import React, { useCallback, useState } from 'react';
+
 import { styled } from '../../stitches.config';
-import { modifyVariantsForStory } from '../../utils/modifyVariantsForStory';
 import ignoreArgType from '../../utils/ignoreArgType';
+import { modifyVariantsForStory } from '../../utils/modifyVariantsForStory';
+import { Flex } from '../Flex';
+import { Label } from '../Label';
+import { Popover, PopoverContent, PopoverTrigger } from '../Popover';
+import { Text } from '../Text';
+import { TextField, TextFieldProps, TextFieldVariants } from './TextField';
 
 const BaseTextField = (props: TextFieldProps): JSX.Element => <TextField {...props} />;
 const TextFieldForStory = modifyVariantsForStory<
@@ -199,6 +199,7 @@ LabelComponent.args = {
 };
 ignoreArgType('id', LabelComponent);
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const Customize: StoryFn<typeof TextFieldForStory> = (args) => (
   <TextFieldForStory css={{ c: '$hiContrast' }} {...args} />
 );
diff --git a/components/TextField/TextField.tsx b/components/TextField/TextField.tsx
index 89a491e3..cc039a20 100644
--- a/components/TextField/TextField.tsx
+++ b/components/TextField/TextField.tsx
@@ -1,16 +1,16 @@
+import {
+  CrossCircledIcon,
+  ExclamationTriangleIcon,
+  EyeClosedIcon,
+  EyeOpenIcon,
+} from '@radix-ui/react-icons';
 import React from 'react';
-import { styled } from '../../stitches.config';
 
+import { styled } from '../../stitches.config';
 import { Box } from '../Box';
 import { Input, InputHandle, InputProps, InputVariants } from '../Input';
 import { Label } from '../Label';
 import { Tooltip } from '../Tooltip';
-import {
-  ExclamationTriangleIcon,
-  CrossCircledIcon,
-  EyeOpenIcon,
-  EyeClosedIcon,
-} from '@radix-ui/react-icons';
 
 // TYPES
 export interface TextFieldLabelProps {
@@ -117,17 +117,15 @@ export const TextField = React.forwardRef<React.ElementRef<typeof Input>, TextFi
 
     const isPasswordType = React.useMemo(() => type === 'password', [type]);
 
-    const typeOrInnerType = React.useMemo(() => (isPasswordType ? innerType : type), [
-      isPasswordType,
-      type,
-      innerType,
-    ]);
+    const typeOrInnerType = React.useMemo(
+      () => (isPasswordType ? innerType : type),
+      [isPasswordType, type, innerType]
+    );
 
-    const hasInnerAdornment = React.useMemo(() => clearable || isPasswordType || invalid, [
-      clearable,
-      isPasswordType,
-      invalid,
-    ]);
+    const hasInnerAdornment = React.useMemo(
+      () => clearable || isPasswordType || invalid,
+      [clearable, isPasswordType, invalid]
+    );
 
     const hasAdornmentGroup = React.useMemo(
       () => (clearable && invalid) || (clearable && isPasswordType) || (invalid && isPasswordType),
diff --git a/components/Textarea/Textarea.stories.tsx b/components/Textarea/Textarea.stories.tsx
index f6a65a43..ff2782bc 100644
--- a/components/Textarea/Textarea.stories.tsx
+++ b/components/Textarea/Textarea.stories.tsx
@@ -1,13 +1,13 @@
-import React, { useState, useCallback } from 'react';
-import { StoryFn, Meta } from '@storybook/react';
-import { modifyVariantsForStory } from '../../utils/modifyVariantsForStory';
+import { CheckCircledIcon, CopyIcon, InfoCircledIcon } from '@radix-ui/react-icons';
+import { Meta, StoryFn } from '@storybook/react';
+import React, { useCallback, useState } from 'react';
 
-import { Textarea, TextareaProps, TextareaVariants } from './Textarea';
+import { styled } from '../../stitches.config';
+import ignoreArgType from '../../utils/ignoreArgType';
+import { modifyVariantsForStory } from '../../utils/modifyVariantsForStory';
 import { Box } from '../Box';
 import { Flex } from '../Flex';
-import ignoreArgType from '../../utils/ignoreArgType';
-import { CopyIcon, CheckCircledIcon, InfoCircledIcon } from '@radix-ui/react-icons';
-import { styled } from '../../stitches.config';
+import { Textarea, TextareaProps, TextareaVariants } from './Textarea';
 
 const BaseTextarea = (props: TextareaProps): JSX.Element => <Textarea {...props} />;
 
@@ -158,6 +158,7 @@ export const ReadOnlyCopy: StoryFn<typeof TextareaForStory> = (args) => {
   );
 };
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const Customize: StoryFn<typeof TextareaForStory> = (args) => (
   <Textarea {...args} css={{ c: '$hiContrast' }} />
 );
diff --git a/components/Textarea/Textarea.themes.ts b/components/Textarea/Textarea.themes.ts
index 3134acf5..88d9da5a 100644
--- a/components/Textarea/Textarea.themes.ts
+++ b/components/Textarea/Textarea.themes.ts
@@ -1,5 +1,6 @@
 import { Property } from '@stitches/react/types/css';
 import tinycolor from 'tinycolor2';
+
 import { ColorInfo } from '../../utils/getPrimaryColorInfo';
 
 export namespace Theme {
diff --git a/components/Textarea/Textarea.tsx b/components/Textarea/Textarea.tsx
index ce8108dd..72b06d0e 100644
--- a/components/Textarea/Textarea.tsx
+++ b/components/Textarea/Textarea.tsx
@@ -1,8 +1,9 @@
 import React from 'react';
-import { styled, VariantProps, CSS } from '../../stitches.config';
+
+import { CSS, styled, VariantProps } from '../../stitches.config';
+import { Box } from '../Box';
 import { elevationVariants } from '../Elevation';
 import { Label } from '../Label';
-import { Box } from '../Box';
 
 // CONSTANTS
 const FOCUS_SHADOW = elevationVariants[1].boxShadow; // apply elevation $1 when focus
diff --git a/components/Tooltip/Tooltip.stories.tsx b/components/Tooltip/Tooltip.stories.tsx
index bab7420d..2b849d23 100644
--- a/components/Tooltip/Tooltip.stories.tsx
+++ b/components/Tooltip/Tooltip.stories.tsx
@@ -1,23 +1,16 @@
+import { CrossCircledIcon, ExclamationTriangleIcon } from '@radix-ui/react-icons';
+import { Meta, StoryFn } from '@storybook/react';
 import React from 'react';
-import { StoryFn, Meta } from '@storybook/react';
 
-import { Tooltip, TooltipProps, TooltipVariants } from './Tooltip';
 import { modifyVariantsForStory } from '../../utils/modifyVariantsForStory';
-import { Text } from '../Text';
 import { Container } from '../Container';
 import { Flex } from '../Flex';
-import { Box } from '../Box';
-import { CrossCircledIcon, ExclamationTriangleIcon } from '@radix-ui/react-icons';
-import { styled } from '../../stitches.config';
+import { Text } from '../Text';
+import { Tooltip, TooltipProps, TooltipVariants } from './Tooltip';
 
 const BaseTooltip = (props: TooltipProps): JSX.Element => <Tooltip {...props} />;
 const TooltipForStory = modifyVariantsForStory<TooltipVariants, TooltipProps>(BaseTooltip);
 
-const SpacedBox = styled(Box, {
-  my: '$8',
-  border: '1px dashed $primary',
-});
-
 const Component: Meta<typeof TooltipForStory> = {
   title: 'Components/Tooltip',
   component: TooltipForStory,
@@ -82,6 +75,7 @@ NodeContent.argTypes = {
   },
 };
 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const Customize: StoryFn<typeof TooltipForStory> = (args) => (
   <Container>
     <TooltipForStory css={{ c: '$hiContrast' }} {...args}>
diff --git a/components/Tooltip/Tooltip.themes.ts b/components/Tooltip/Tooltip.themes.ts
index 0401fd9f..24f5507b 100644
--- a/components/Tooltip/Tooltip.themes.ts
+++ b/components/Tooltip/Tooltip.themes.ts
@@ -1,4 +1,5 @@
 import { Property } from '@stitches/react/types/css';
+
 import { ColorInfo } from '../../utils/getPrimaryColorInfo';
 
 export namespace Theme {
diff --git a/components/Tooltip/Tooltip.tsx b/components/Tooltip/Tooltip.tsx
index 7e6c4a7f..c62fda1b 100644
--- a/components/Tooltip/Tooltip.tsx
+++ b/components/Tooltip/Tooltip.tsx
@@ -1,9 +1,9 @@
-import React from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import React from 'react';
 
-import { styled, CSS, VariantProps } from '../../stitches.config';
-import { Text } from '../Text';
+import { CSS, styled, VariantProps } from '../../stitches.config';
 import { Box } from '../Box';
+import { Text } from '../Text';
 
 export type TooltipProps = React.ComponentProps<typeof TooltipPrimitive.Root> &
   React.ComponentProps<typeof TooltipPrimitive.Content> & {
diff --git a/components/VisuallyHidden/VisuallyHidden.stories.tsx b/components/VisuallyHidden/VisuallyHidden.stories.tsx
index 2a7b890d..9d8b2e79 100644
--- a/components/VisuallyHidden/VisuallyHidden.stories.tsx
+++ b/components/VisuallyHidden/VisuallyHidden.stories.tsx
@@ -1,10 +1,11 @@
+import { GearIcon } from '@radix-ui/react-icons';
 import { Meta, StoryFn } from '@storybook/react';
 import React from 'react';
-import { VisuallyHidden } from './VisuallyHidden';
-import { Table, Caption } from '../Table';
-import { Card } from '../Card';
-import { GearIcon } from '@radix-ui/react-icons';
+
 import { styled } from '../../stitches.config';
+import { Card } from '../Card';
+import { Caption, Table } from '../Table';
+import { VisuallyHidden } from './VisuallyHidden';
 
 const FlexButton = styled('button', {
   m: 0,
diff --git a/eslint.config.js b/eslint.config.js
new file mode 100644
index 00000000..2f25473a
--- /dev/null
+++ b/eslint.config.js
@@ -0,0 +1,36 @@
+import { fixupPluginRules } from '@eslint/compat';
+import pluginJs from '@eslint/js';
+import eslintPluginJsxA11y from 'eslint-plugin-jsx-a11y';
+import eslintPluginPrettier from 'eslint-plugin-prettier/recommended';
+import eslintPluginReact from 'eslint-plugin-react/configs/recommended.js';
+import eslintPluginReactHooks from 'eslint-plugin-react-hooks';
+import eslintPluginSimpleImportSort from 'eslint-plugin-simple-import-sort';
+import globals from 'globals';
+import tseslint from 'typescript-eslint';
+
+export default [
+  pluginJs.configs.recommended,
+  ...tseslint.configs.recommended,
+  { files: ['**/*.{js,mjs,cjs,ts,jsx,tsx}'] },
+  { languageOptions: { parserOptions: { ecmaFeatures: { jsx: true } } } },
+  { languageOptions: { globals: globals.browser } },
+  {
+    plugins: {
+      'jsx-a11y': eslintPluginJsxA11y,
+      prettier: eslintPluginPrettier,
+      react: eslintPluginReact,
+      'react-hooks': fixupPluginRules(eslintPluginReactHooks),
+      'simple-import-sort': eslintPluginSimpleImportSort,
+    },
+  },
+  {
+    rules: {
+      ...eslintPluginReactHooks.configs.recommended.rules,
+      '@typescript-eslint/ban-ts-comment': 'off',
+      '@typescript-eslint/no-explicit-any': 'off',
+      '@typescript-eslint/no-namespace': 'off',
+      'simple-import-sort/imports': 'error',
+      'simple-import-sort/exports': 'error',
+    },
+  },
+];
diff --git a/package.json b/package.json
index 4b7b49bc..9a0764a3 100644
--- a/package.json
+++ b/package.json
@@ -33,6 +33,8 @@
   "scripts": {
     "prettier": "prettier --write .",
     "build": "rollup -c",
+    "lint": "eslint \"./components/**/*.{ts,tsx}\"",
+    "lint:fix": "eslint --fix \"./components/**/*.{ts,tsx}\"",
     "release": "yarn build && np",
     "storybook": "cross-env NODE_OPTIONS=--openssl-legacy-provider storybook dev -p 6006 -h localhost",
     "storybook-docs": "storybook dev --docs",
@@ -126,12 +128,23 @@
     "vite": "^5.1.5"
   },
   "devDependencies": {
+    "@eslint/compat": "^1.1.1",
+    "@eslint/js": "^9.7.0",
     "@storybook/types": "^8.2.2",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "babel-jest": "^27.5.1",
+    "eslint": "9.x",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-jsx-a11y": "^6.9.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-react": "^7.34.4",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-simple-import-sort": "^12.1.1",
+    "globals": "^15.8.0",
     "jest": "^27.5.1",
-    "jest-axe": "^6.0.0"
+    "jest-axe": "^6.0.0",
+    "typescript-eslint": "^7.16.0"
   },
   "publishConfig": {
     "access": "public",
diff --git a/stories/colors.stories.tsx b/stories/colors.stories.tsx
index 19805b89..7ba10e17 100644
--- a/stories/colors.stories.tsx
+++ b/stories/colors.stories.tsx
@@ -1,6 +1,7 @@
-import React from 'react';
 import { Property } from '@stitches/react/types/css';
+import React from 'react';
 import { useDarkMode } from 'storybook-dark-mode';
+
 import { Box, Flex, H1, H2, Text } from '../index';
 import { colors } from '../stitches.config';
 
diff --git a/stories/examples/dashboard.stories.tsx b/stories/examples/dashboard.stories.tsx
index 7c6478c9..36416bbb 100644
--- a/stories/examples/dashboard.stories.tsx
+++ b/stories/examples/dashboard.stories.tsx
@@ -1,7 +1,7 @@
+import { MagnifyingGlassIcon } from '@radix-ui/react-icons';
 import React from 'react';
 
 import { Badge, Box, Button, Card, Flex, H1, H2, H3, Text, TextField } from '../../index';
-import { MagnifyingGlassIcon } from '@radix-ui/react-icons';
 
 export const Dashboard = () => (
   <Box css={{ p: '$6' }}>
diff --git a/stories/examples/form.stories.tsx b/stories/examples/form.stories.tsx
index c3c00d65..7f0c1e2a 100644
--- a/stories/examples/form.stories.tsx
+++ b/stories/examples/form.stories.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
-import { Link } from '../../components/Link';
 
-import { Button, Card, Checkbox, Flex, Label, H1, TextField } from '../../index';
+import { Link } from '../../components/Link';
+import { Button, Card, Checkbox, Flex, H1, Label, TextField } from '../../index';
 
 export const Form = () => (
   <Flex css={{ flexDirection: 'column', alignItems: 'center', justifyContent: 'center' }}>
diff --git a/utils/getPrimaryColorInfo.ts b/utils/getPrimaryColorInfo.ts
index 8ae1d4ff..a5a094ff 100644
--- a/utils/getPrimaryColorInfo.ts
+++ b/utils/getPrimaryColorInfo.ts
@@ -1,6 +1,7 @@
 import { Property } from '@stitches/react/types/css';
-import { PrimaryColor } from '../stitches.config';
+
 import { ColorMap } from '../colors';
+import { PrimaryColor } from '../stitches.config';
 
 type ColorScale = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
 
diff --git a/yarn.lock b/yarn.lock
index 225fd9f1..d91a8074 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2997,6 +2997,73 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@eslint-community/eslint-utils@npm:^4.2.0, @eslint-community/eslint-utils@npm:^4.4.0":
+  version: 4.4.0
+  resolution: "@eslint-community/eslint-utils@npm:4.4.0"
+  dependencies:
+    eslint-visitor-keys: "npm:^3.3.0"
+  peerDependencies:
+    eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+  checksum: 10c0/7e559c4ce59cd3a06b1b5a517b593912e680a7f981ae7affab0d01d709e99cd5647019be8fafa38c350305bc32f1f7d42c7073edde2ab536c745e365f37b607e
+  languageName: node
+  linkType: hard
+
+"@eslint-community/regexpp@npm:^4.10.0, @eslint-community/regexpp@npm:^4.11.0":
+  version: 4.11.0
+  resolution: "@eslint-community/regexpp@npm:4.11.0"
+  checksum: 10c0/0f6328869b2741e2794da4ad80beac55cba7de2d3b44f796a60955b0586212ec75e6b0253291fd4aad2100ad471d1480d8895f2b54f1605439ba4c875e05e523
+  languageName: node
+  linkType: hard
+
+"@eslint/compat@npm:^1.1.1":
+  version: 1.1.1
+  resolution: "@eslint/compat@npm:1.1.1"
+  checksum: 10c0/ca8aa3811fa22d45913f5724978e6f3ae05fb7685b793de4797c9db3b0e22b530f0f492011b253754bffce879d7cece65762cc3391239b5d2249aef8230edc9a
+  languageName: node
+  linkType: hard
+
+"@eslint/config-array@npm:^0.17.0":
+  version: 0.17.0
+  resolution: "@eslint/config-array@npm:0.17.0"
+  dependencies:
+    "@eslint/object-schema": "npm:^2.1.4"
+    debug: "npm:^4.3.1"
+    minimatch: "npm:^3.1.2"
+  checksum: 10c0/97eb23ef0948dbc5f24884a3b75c537ca37ee2b1f27a864cd0d9189c089bc1a724dc6e1a4d9b7dd304d9f732ca02aa7916243a7715d6f1f17159d8a8c83f0c9e
+  languageName: node
+  linkType: hard
+
+"@eslint/eslintrc@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "@eslint/eslintrc@npm:3.1.0"
+  dependencies:
+    ajv: "npm:^6.12.4"
+    debug: "npm:^4.3.2"
+    espree: "npm:^10.0.1"
+    globals: "npm:^14.0.0"
+    ignore: "npm:^5.2.0"
+    import-fresh: "npm:^3.2.1"
+    js-yaml: "npm:^4.1.0"
+    minimatch: "npm:^3.1.2"
+    strip-json-comments: "npm:^3.1.1"
+  checksum: 10c0/5b7332ed781edcfc98caa8dedbbb843abfb9bda2e86538529c843473f580e40c69eb894410eddc6702f487e9ee8f8cfa8df83213d43a8fdb549f23ce06699167
+  languageName: node
+  linkType: hard
+
+"@eslint/js@npm:9.7.0, @eslint/js@npm:^9.7.0":
+  version: 9.7.0
+  resolution: "@eslint/js@npm:9.7.0"
+  checksum: 10c0/73fc10666f6f4aed6f58e407e09f42ceb0d42fa60c52701c64ea9f59a81a6a8ad5caecdfd423d03088481515fe7ec17eb461acb4ef1ad70b649b6eae465b3164
+  languageName: node
+  linkType: hard
+
+"@eslint/object-schema@npm:^2.1.4":
+  version: 2.1.4
+  resolution: "@eslint/object-schema@npm:2.1.4"
+  checksum: 10c0/e9885532ea70e483fb007bf1275968b05bb15ebaa506d98560c41a41220d33d342e19023d5f2939fed6eb59676c1bda5c847c284b4b55fce521d282004da4dda
+  languageName: node
+  linkType: hard
+
 "@floating-ui/core@npm:^1.0.0":
   version: 1.6.2
   resolution: "@floating-ui/core@npm:1.6.2"
@@ -3042,6 +3109,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@humanwhocodes/module-importer@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "@humanwhocodes/module-importer@npm:1.0.1"
+  checksum: 10c0/909b69c3b86d482c26b3359db16e46a32e0fb30bd306a3c176b8313b9e7313dba0f37f519de6aa8b0a1921349e505f259d19475e123182416a506d7f87e7f529
+  languageName: node
+  linkType: hard
+
+"@humanwhocodes/retry@npm:^0.3.0":
+  version: 0.3.0
+  resolution: "@humanwhocodes/retry@npm:0.3.0"
+  checksum: 10c0/7111ec4e098b1a428459b4e3be5a5d2a13b02905f805a2468f4fa628d072f0de2da26a27d04f65ea2846f73ba51f4204661709f05bfccff645e3cedef8781bb6
+  languageName: node
+  linkType: hard
+
 "@inquirer/figures@npm:^1.0.2":
   version: 1.0.2
   resolution: "@inquirer/figures@npm:1.0.2"
@@ -3433,7 +3514,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@nodelib/fs.walk@npm:^1.2.3":
+"@nodelib/fs.walk@npm:^1.2.3, @nodelib/fs.walk@npm:^1.2.8":
   version: 1.2.8
   resolution: "@nodelib/fs.walk@npm:1.2.8"
   dependencies:
@@ -3808,6 +3889,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@pkgr/core@npm:^0.1.0":
+  version: 0.1.1
+  resolution: "@pkgr/core@npm:0.1.1"
+  checksum: 10c0/3f7536bc7f57320ab2cf96f8973664bef624710c403357429fbf680a5c3b4843c1dbd389bb43daa6b1f6f1f007bb082f5abcb76bb2b5dc9f421647743b71d3d8
+  languageName: node
+  linkType: hard
+
 "@pnpm/config.env-replace@npm:^1.1.0":
   version: 1.1.0
   resolution: "@pnpm/config.env-replace@npm:1.1.0"
@@ -5716,6 +5804,8 @@ __metadata:
     "@babel/preset-env": "npm:^7.16.11"
     "@babel/preset-react": "npm:^7.16.7"
     "@babel/preset-typescript": "npm:^7.16.7"
+    "@eslint/compat": "npm:^1.1.1"
+    "@eslint/js": "npm:^9.7.0"
     "@mdx-js/react": "npm:^2.1.5"
     "@radix-ui/colors": "npm:^2.1.0"
     "@radix-ui/react-accessible-icon": "npm:^1.0.3"
@@ -5775,6 +5865,14 @@ __metadata:
     babel-loader: "npm:^8.2.2"
     conventional-changelog-conventionalcommits: "npm:^4.6.3"
     cross-env: "npm:^7.0.3"
+    eslint: "npm:9.x"
+    eslint-config-prettier: "npm:^9.1.0"
+    eslint-plugin-jsx-a11y: "npm:^6.9.0"
+    eslint-plugin-prettier: "npm:^5.1.3"
+    eslint-plugin-react: "npm:^7.34.4"
+    eslint-plugin-react-hooks: "npm:^4.6.2"
+    eslint-plugin-simple-import-sort: "npm:^12.1.1"
+    globals: "npm:^15.8.0"
     husky: "npm:^8.0.0"
     jest: "npm:^27.5.1"
     jest-axe: "npm:^6.0.0"
@@ -5792,6 +5890,7 @@ __metadata:
     storybook-dark-mode: "npm:^4.0.2"
     tinycolor2: "npm:^1.4.2"
     typescript: "npm:5.4.5"
+    typescript-eslint: "npm:^7.16.0"
     use-debounce: "npm:9.0.2"
     vite: "npm:^5.1.5"
   peerDependencies:
@@ -6330,6 +6429,124 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@typescript-eslint/eslint-plugin@npm:7.16.0":
+  version: 7.16.0
+  resolution: "@typescript-eslint/eslint-plugin@npm:7.16.0"
+  dependencies:
+    "@eslint-community/regexpp": "npm:^4.10.0"
+    "@typescript-eslint/scope-manager": "npm:7.16.0"
+    "@typescript-eslint/type-utils": "npm:7.16.0"
+    "@typescript-eslint/utils": "npm:7.16.0"
+    "@typescript-eslint/visitor-keys": "npm:7.16.0"
+    graphemer: "npm:^1.4.0"
+    ignore: "npm:^5.3.1"
+    natural-compare: "npm:^1.4.0"
+    ts-api-utils: "npm:^1.3.0"
+  peerDependencies:
+    "@typescript-eslint/parser": ^7.0.0
+    eslint: ^8.56.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10c0/a6c4c93bd7ec1604079018b95416d8ac28af3345d50620f815ffd36e705c4964d88edc434e710ef8722690497f1eeab1e9a0f48faa6d448405980f5d05c888b7
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/parser@npm:7.16.0":
+  version: 7.16.0
+  resolution: "@typescript-eslint/parser@npm:7.16.0"
+  dependencies:
+    "@typescript-eslint/scope-manager": "npm:7.16.0"
+    "@typescript-eslint/types": "npm:7.16.0"
+    "@typescript-eslint/typescript-estree": "npm:7.16.0"
+    "@typescript-eslint/visitor-keys": "npm:7.16.0"
+    debug: "npm:^4.3.4"
+  peerDependencies:
+    eslint: ^8.56.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10c0/bf809c5a59dddc72fc2f11a5d10c78825fa2ffbec72a711e3f783b022d77266a1b709ad450912ebbff24ca9ac20c6baae1d12477735e00aafce662fdbdfa66ef
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/scope-manager@npm:7.16.0":
+  version: 7.16.0
+  resolution: "@typescript-eslint/scope-manager@npm:7.16.0"
+  dependencies:
+    "@typescript-eslint/types": "npm:7.16.0"
+    "@typescript-eslint/visitor-keys": "npm:7.16.0"
+  checksum: 10c0/e00f57908a1b30fb93ae0e35c46a798669782428e98f927a4d39ef3b1e7d5ad4a48e4e121bd136ed9732c2d1c09cf0b99e4029b1a1a11aadf6f2b92e1003f41c
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/type-utils@npm:7.16.0":
+  version: 7.16.0
+  resolution: "@typescript-eslint/type-utils@npm:7.16.0"
+  dependencies:
+    "@typescript-eslint/typescript-estree": "npm:7.16.0"
+    "@typescript-eslint/utils": "npm:7.16.0"
+    debug: "npm:^4.3.4"
+    ts-api-utils: "npm:^1.3.0"
+  peerDependencies:
+    eslint: ^8.56.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10c0/91ef86e173d2d86487d669ddda7a0f754485e82a671a64cfbf7790639dfb4c691f6f002ae19d4d82a90e4cca9cd7563e38100c1dfabab461632b0da1eac2b39b
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/types@npm:7.16.0":
+  version: 7.16.0
+  resolution: "@typescript-eslint/types@npm:7.16.0"
+  checksum: 10c0/5d7080991241232072c50c1e1be35976631f764fe0f4fd43cf1026a2722aab772a14906dfaa322183b040c6ca8ae4494a78f653dd3b22bcdbdfe063a301240b0
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/typescript-estree@npm:7.16.0":
+  version: 7.16.0
+  resolution: "@typescript-eslint/typescript-estree@npm:7.16.0"
+  dependencies:
+    "@typescript-eslint/types": "npm:7.16.0"
+    "@typescript-eslint/visitor-keys": "npm:7.16.0"
+    debug: "npm:^4.3.4"
+    globby: "npm:^11.1.0"
+    is-glob: "npm:^4.0.3"
+    minimatch: "npm:^9.0.4"
+    semver: "npm:^7.6.0"
+    ts-api-utils: "npm:^1.3.0"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10c0/2b4e7cbdb1b43d937d1dde057ab18111e0f2bb16cb2d3f48a60c5611ff81d0b64455b325475bcce6213c54653b6c4d3b475526f7ffcf8f74014ab9b64a3d6d92
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/utils@npm:7.16.0":
+  version: 7.16.0
+  resolution: "@typescript-eslint/utils@npm:7.16.0"
+  dependencies:
+    "@eslint-community/eslint-utils": "npm:^4.4.0"
+    "@typescript-eslint/scope-manager": "npm:7.16.0"
+    "@typescript-eslint/types": "npm:7.16.0"
+    "@typescript-eslint/typescript-estree": "npm:7.16.0"
+  peerDependencies:
+    eslint: ^8.56.0
+  checksum: 10c0/1b835cbd243a4266a84655bcfcd08a14003e9740efbb032d60ab4403f03838280e7ad759b1f362d88939beaee08d7a1752fa6b049aad8d33793758853469fe76
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/visitor-keys@npm:7.16.0":
+  version: 7.16.0
+  resolution: "@typescript-eslint/visitor-keys@npm:7.16.0"
+  dependencies:
+    "@typescript-eslint/types": "npm:7.16.0"
+    eslint-visitor-keys: "npm:^3.4.3"
+  checksum: 10c0/a3c614cdc2e9c37e007e15e1ee169a9ad040fac189d0abd2b840f78910b499b362493bbf0019c5979785567ae30839a799b4dd219f70a668bac930fd79fdc5d3
+  languageName: node
+  linkType: hard
+
 "@ungap/structured-clone@npm:^1.0.0":
   version: 1.2.0
   resolution: "@ungap/structured-clone@npm:1.2.0"
@@ -6432,7 +6649,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"acorn-jsx@npm:^5.3.1":
+"acorn-jsx@npm:^5.3.1, acorn-jsx@npm:^5.3.2":
   version: 5.3.2
   resolution: "acorn-jsx@npm:5.3.2"
   peerDependencies:
@@ -6466,6 +6683,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"acorn@npm:^8.12.0":
+  version: 8.12.1
+  resolution: "acorn@npm:8.12.1"
+  bin:
+    acorn: bin/acorn
+  checksum: 10c0/51fb26cd678f914e13287e886da2d7021f8c2bc0ccc95e03d3e0447ee278dd3b40b9c57dc222acd5881adcf26f3edc40901a4953403232129e3876793cd17386
+  languageName: node
+  linkType: hard
+
 "agent-base@npm:6, agent-base@npm:^6.0.2":
   version: 6.0.2
   resolution: "agent-base@npm:6.0.2"
@@ -6744,7 +6970,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"aria-query@npm:5.1.3":
+"aria-query@npm:5.1.3, aria-query@npm:~5.1.3":
   version: 5.1.3
   resolution: "aria-query@npm:5.1.3"
   dependencies:
@@ -6786,6 +7012,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"array-includes@npm:^3.1.6, array-includes@npm:^3.1.8":
+  version: 3.1.8
+  resolution: "array-includes@npm:3.1.8"
+  dependencies:
+    call-bind: "npm:^1.0.7"
+    define-properties: "npm:^1.2.1"
+    es-abstract: "npm:^1.23.2"
+    es-object-atoms: "npm:^1.0.0"
+    get-intrinsic: "npm:^1.2.4"
+    is-string: "npm:^1.0.7"
+  checksum: 10c0/5b1004d203e85873b96ddc493f090c9672fd6c80d7a60b798da8a14bff8a670ff95db5aafc9abc14a211943f05220dacf8ea17638ae0af1a6a47b8c0b48ce370
+  languageName: node
+  linkType: hard
+
 "array-union@npm:^2.1.0":
   version: 2.1.0
   resolution: "array-union@npm:2.1.0"
@@ -6793,6 +7033,69 @@ __metadata:
   languageName: node
   linkType: hard
 
+"array.prototype.findlast@npm:^1.2.5":
+  version: 1.2.5
+  resolution: "array.prototype.findlast@npm:1.2.5"
+  dependencies:
+    call-bind: "npm:^1.0.7"
+    define-properties: "npm:^1.2.1"
+    es-abstract: "npm:^1.23.2"
+    es-errors: "npm:^1.3.0"
+    es-object-atoms: "npm:^1.0.0"
+    es-shim-unscopables: "npm:^1.0.2"
+  checksum: 10c0/ddc952b829145ab45411b9d6adcb51a8c17c76bf89c9dd64b52d5dffa65d033da8c076ed2e17091779e83bc892b9848188d7b4b33453c5565e65a92863cb2775
+  languageName: node
+  linkType: hard
+
+"array.prototype.flat@npm:^1.3.1":
+  version: 1.3.2
+  resolution: "array.prototype.flat@npm:1.3.2"
+  dependencies:
+    call-bind: "npm:^1.0.2"
+    define-properties: "npm:^1.2.0"
+    es-abstract: "npm:^1.22.1"
+    es-shim-unscopables: "npm:^1.0.0"
+  checksum: 10c0/a578ed836a786efbb6c2db0899ae80781b476200617f65a44846cb1ed8bd8b24c8821b83703375d8af639c689497b7b07277060024b9919db94ac3e10dc8a49b
+  languageName: node
+  linkType: hard
+
+"array.prototype.flatmap@npm:^1.3.2":
+  version: 1.3.2
+  resolution: "array.prototype.flatmap@npm:1.3.2"
+  dependencies:
+    call-bind: "npm:^1.0.2"
+    define-properties: "npm:^1.2.0"
+    es-abstract: "npm:^1.22.1"
+    es-shim-unscopables: "npm:^1.0.0"
+  checksum: 10c0/67b3f1d602bb73713265145853128b1ad77cc0f9b833c7e1e056b323fbeac41a4ff1c9c99c7b9445903caea924d9ca2450578d9011913191aa88cc3c3a4b54f4
+  languageName: node
+  linkType: hard
+
+"array.prototype.toreversed@npm:^1.1.2":
+  version: 1.1.2
+  resolution: "array.prototype.toreversed@npm:1.1.2"
+  dependencies:
+    call-bind: "npm:^1.0.2"
+    define-properties: "npm:^1.2.0"
+    es-abstract: "npm:^1.22.1"
+    es-shim-unscopables: "npm:^1.0.0"
+  checksum: 10c0/2b7627ea85eae1e80ecce665a500cc0f3355ac83ee4a1a727562c7c2a1d5f1c0b4dd7b65c468ec6867207e452ba01256910a2c0b41486bfdd11acf875a7a3435
+  languageName: node
+  linkType: hard
+
+"array.prototype.tosorted@npm:^1.1.4":
+  version: 1.1.4
+  resolution: "array.prototype.tosorted@npm:1.1.4"
+  dependencies:
+    call-bind: "npm:^1.0.7"
+    define-properties: "npm:^1.2.1"
+    es-abstract: "npm:^1.23.3"
+    es-errors: "npm:^1.3.0"
+    es-shim-unscopables: "npm:^1.0.2"
+  checksum: 10c0/eb3c4c4fc0381b0bf6dba2ea4d48d367c2827a0d4236a5718d97caaccc6b78f11f4cadf090736e86301d295a6aa4967ed45568f92ced51be8cbbacd9ca410943
+  languageName: node
+  linkType: hard
+
 "arraybuffer.prototype.slice@npm:^1.0.3":
   version: 1.0.3
   resolution: "arraybuffer.prototype.slice@npm:1.0.3"
@@ -6823,6 +7126,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ast-types-flow@npm:^0.0.8":
+  version: 0.0.8
+  resolution: "ast-types-flow@npm:0.0.8"
+  checksum: 10c0/f2a0ba8055353b743c41431974521e5e852a9824870cd6fce2db0e538ac7bf4da406bbd018d109af29ff3f8f0993f6a730c9eddbd0abd031fbcb29ca75c1014e
+  languageName: node
+  linkType: hard
+
 "ast-types@npm:^0.16.1":
   version: 0.16.1
   resolution: "ast-types@npm:0.16.1"
@@ -6876,6 +7186,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"axe-core@npm:^4.9.1":
+  version: 4.9.1
+  resolution: "axe-core@npm:4.9.1"
+  checksum: 10c0/ac9e5a0c6fa115a43ebffc32a1d2189e1ca6431b5a78e88cdcf94a72a25c5964185682edd94fe6bdb1cb4266c0d06301b022866e0e50dcdf6e3cefe556470110
+  languageName: node
+  linkType: hard
+
+"axobject-query@npm:~3.1.1":
+  version: 3.1.1
+  resolution: "axobject-query@npm:3.1.1"
+  dependencies:
+    deep-equal: "npm:^2.0.5"
+  checksum: 10c0/fff3175a22fd1f41fceb7ae0cd25f6594a0d7fba28c2335dd904538b80eb4e1040432564a3c643025cd2bb748f68d35aaabffb780b794da97ecfc748810b25ad
+  languageName: node
+  linkType: hard
+
 "babel-core@npm:^7.0.0-bridge.0":
   version: 7.0.0-bridge.0
   resolution: "babel-core@npm:7.0.0-bridge.0"
@@ -8085,7 +8411,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cross-spawn@npm:^7.0.0, cross-spawn@npm:^7.0.1, cross-spawn@npm:^7.0.3":
+"cross-spawn@npm:^7.0.0, cross-spawn@npm:^7.0.1, cross-spawn@npm:^7.0.2, cross-spawn@npm:^7.0.3":
   version: 7.0.3
   resolution: "cross-spawn@npm:7.0.3"
   dependencies:
@@ -8158,6 +8484,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"damerau-levenshtein@npm:^1.0.8":
+  version: 1.0.8
+  resolution: "damerau-levenshtein@npm:1.0.8"
+  checksum: 10c0/4c2647e0f42acaee7d068756c1d396e296c3556f9c8314bac1ac63ffb236217ef0e7e58602b18bb2173deec7ec8e0cac8e27cccf8f5526666b4ff11a13ad54a3
+  languageName: node
+  linkType: hard
+
 "data-urls@npm:^2.0.0":
   version: 2.0.0
   resolution: "data-urls@npm:2.0.0"
@@ -8237,6 +8570,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"debug@npm:^4.3.2":
+  version: 4.3.5
+  resolution: "debug@npm:4.3.5"
+  dependencies:
+    ms: "npm:2.1.2"
+  peerDependenciesMeta:
+    supports-color:
+      optional: true
+  checksum: 10c0/082c375a2bdc4f4469c99f325ff458adad62a3fc2c482d59923c260cb08152f34e2659f72b3767db8bb2f21ca81a60a42d1019605a412132d7b9f59363a005cc
+  languageName: node
+  linkType: hard
+
 "debuglog@npm:^1.0.1":
   version: 1.0.1
   resolution: "debuglog@npm:1.0.1"
@@ -8317,6 +8662,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"deep-is@npm:^0.1.3":
+  version: 0.1.4
+  resolution: "deep-is@npm:0.1.4"
+  checksum: 10c0/7f0ee496e0dff14a573dc6127f14c95061b448b87b995fc96c017ce0a1e66af1675e73f1d6064407975bc4ea6ab679497a29fff7b5b9c4e99cb10797c1ad0b4c
+  languageName: node
+  linkType: hard
+
 "deepmerge@npm:^4.2.2":
   version: 4.3.1
   resolution: "deepmerge@npm:4.3.1"
@@ -8380,7 +8732,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"define-properties@npm:^1.2.0, define-properties@npm:^1.2.1":
+"define-properties@npm:^1.1.3, define-properties@npm:^1.2.0, define-properties@npm:^1.2.1":
   version: 1.2.1
   resolution: "define-properties@npm:1.2.1"
   dependencies:
@@ -8533,6 +8885,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"doctrine@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "doctrine@npm:2.1.0"
+  dependencies:
+    esutils: "npm:^2.0.2"
+  checksum: 10c0/b6416aaff1f380bf56c3b552f31fdf7a69b45689368deca72d28636f41c16bb28ec3ebc40ace97db4c1afc0ceeb8120e8492fe0046841c94c2933b2e30a7d5ac
+  languageName: node
+  linkType: hard
+
 "doctrine@npm:^3.0.0":
   version: 3.0.0
   resolution: "doctrine@npm:3.0.0"
@@ -8725,7 +9086,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"es-abstract@npm:^1.22.1, es-abstract@npm:^1.22.3, es-abstract@npm:^1.23.0":
+"es-abstract@npm:^1.17.5, es-abstract@npm:^1.22.1, es-abstract@npm:^1.22.3, es-abstract@npm:^1.23.0, es-abstract@npm:^1.23.1, es-abstract@npm:^1.23.2, es-abstract@npm:^1.23.3":
   version: 1.23.3
   resolution: "es-abstract@npm:1.23.3"
   dependencies:
@@ -8812,6 +9173,28 @@ __metadata:
   languageName: node
   linkType: hard
 
+"es-iterator-helpers@npm:^1.0.19":
+  version: 1.0.19
+  resolution: "es-iterator-helpers@npm:1.0.19"
+  dependencies:
+    call-bind: "npm:^1.0.7"
+    define-properties: "npm:^1.2.1"
+    es-abstract: "npm:^1.23.3"
+    es-errors: "npm:^1.3.0"
+    es-set-tostringtag: "npm:^2.0.3"
+    function-bind: "npm:^1.1.2"
+    get-intrinsic: "npm:^1.2.4"
+    globalthis: "npm:^1.0.3"
+    has-property-descriptors: "npm:^1.0.2"
+    has-proto: "npm:^1.0.3"
+    has-symbols: "npm:^1.0.3"
+    internal-slot: "npm:^1.0.7"
+    iterator.prototype: "npm:^1.1.2"
+    safe-array-concat: "npm:^1.1.2"
+  checksum: 10c0/ae8f0241e383b3d197383b9842c48def7fce0255fb6ed049311b686ce295595d9e389b466f6a1b7d4e7bb92d82f5e716d6fae55e20c1040249bf976743b038c5
+  languageName: node
+  linkType: hard
+
 "es-module-lexer@npm:^1.5.0":
   version: 1.5.4
   resolution: "es-module-lexer@npm:1.5.4"
@@ -8839,6 +9222,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"es-shim-unscopables@npm:^1.0.0, es-shim-unscopables@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "es-shim-unscopables@npm:1.0.2"
+  dependencies:
+    hasown: "npm:^2.0.0"
+  checksum: 10c0/f495af7b4b7601a4c0cfb893581c352636e5c08654d129590386a33a0432cf13a7bdc7b6493801cadd990d838e2839b9013d1de3b880440cb537825e834fe783
+  languageName: node
+  linkType: hard
+
 "es-to-primitive@npm:^1.2.1":
   version: 1.2.1
   resolution: "es-to-primitive@npm:1.2.1"
@@ -9063,6 +9455,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"escape-string-regexp@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "escape-string-regexp@npm:4.0.0"
+  checksum: 10c0/9497d4dd307d845bd7f75180d8188bb17ea8c151c1edbf6b6717c100e104d629dc2dfb687686181b0f4b7d732c7dfdc4d5e7a8ff72de1b0ca283a75bbb3a9cd9
+  languageName: node
+  linkType: hard
+
 "escodegen@npm:^2.0.0, escodegen@npm:^2.1.0":
   version: 2.1.0
   resolution: "escodegen@npm:2.1.0"
@@ -9081,6 +9480,189 @@ __metadata:
   languageName: node
   linkType: hard
 
+"eslint-config-prettier@npm:^9.1.0":
+  version: 9.1.0
+  resolution: "eslint-config-prettier@npm:9.1.0"
+  peerDependencies:
+    eslint: ">=7.0.0"
+  bin:
+    eslint-config-prettier: bin/cli.js
+  checksum: 10c0/6d332694b36bc9ac6fdb18d3ca2f6ac42afa2ad61f0493e89226950a7091e38981b66bac2b47ba39d15b73fff2cd32c78b850a9cf9eed9ca9a96bfb2f3a2f10d
+  languageName: node
+  linkType: hard
+
+"eslint-plugin-jsx-a11y@npm:^6.9.0":
+  version: 6.9.0
+  resolution: "eslint-plugin-jsx-a11y@npm:6.9.0"
+  dependencies:
+    aria-query: "npm:~5.1.3"
+    array-includes: "npm:^3.1.8"
+    array.prototype.flatmap: "npm:^1.3.2"
+    ast-types-flow: "npm:^0.0.8"
+    axe-core: "npm:^4.9.1"
+    axobject-query: "npm:~3.1.1"
+    damerau-levenshtein: "npm:^1.0.8"
+    emoji-regex: "npm:^9.2.2"
+    es-iterator-helpers: "npm:^1.0.19"
+    hasown: "npm:^2.0.2"
+    jsx-ast-utils: "npm:^3.3.5"
+    language-tags: "npm:^1.0.9"
+    minimatch: "npm:^3.1.2"
+    object.fromentries: "npm:^2.0.8"
+    safe-regex-test: "npm:^1.0.3"
+    string.prototype.includes: "npm:^2.0.0"
+  peerDependencies:
+    eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
+  checksum: 10c0/72ac719ca90b6149c8f3c708ac5b1177f6757668b6e174d72a78512d4ac10329331b9c666c21e9561237a96a45d7f147f6a5d270dadbb99eb4ee093f127792c3
+  languageName: node
+  linkType: hard
+
+"eslint-plugin-prettier@npm:^5.1.3":
+  version: 5.1.3
+  resolution: "eslint-plugin-prettier@npm:5.1.3"
+  dependencies:
+    prettier-linter-helpers: "npm:^1.0.0"
+    synckit: "npm:^0.8.6"
+  peerDependencies:
+    "@types/eslint": ">=8.0.0"
+    eslint: ">=8.0.0"
+    eslint-config-prettier: "*"
+    prettier: ">=3.0.0"
+  peerDependenciesMeta:
+    "@types/eslint":
+      optional: true
+    eslint-config-prettier:
+      optional: true
+  checksum: 10c0/f45d5fc1fcfec6b0cf038a7a65ddd10a25df4fe3f9e1f6b7f0d5100e66f046a26a2492e69ee765dddf461b93c114cf2e1eb18d4970aafa6f385448985c136e09
+  languageName: node
+  linkType: hard
+
+"eslint-plugin-react-hooks@npm:^4.6.2":
+  version: 4.6.2
+  resolution: "eslint-plugin-react-hooks@npm:4.6.2"
+  peerDependencies:
+    eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0
+  checksum: 10c0/4844e58c929bc05157fb70ba1e462e34f1f4abcbc8dd5bbe5b04513d33e2699effb8bca668297976ceea8e7ebee4e8fc29b9af9d131bcef52886feaa2308b2cc
+  languageName: node
+  linkType: hard
+
+"eslint-plugin-react@npm:^7.34.4":
+  version: 7.34.4
+  resolution: "eslint-plugin-react@npm:7.34.4"
+  dependencies:
+    array-includes: "npm:^3.1.8"
+    array.prototype.findlast: "npm:^1.2.5"
+    array.prototype.flatmap: "npm:^1.3.2"
+    array.prototype.toreversed: "npm:^1.1.2"
+    array.prototype.tosorted: "npm:^1.1.4"
+    doctrine: "npm:^2.1.0"
+    es-iterator-helpers: "npm:^1.0.19"
+    estraverse: "npm:^5.3.0"
+    hasown: "npm:^2.0.2"
+    jsx-ast-utils: "npm:^2.4.1 || ^3.0.0"
+    minimatch: "npm:^3.1.2"
+    object.entries: "npm:^1.1.8"
+    object.fromentries: "npm:^2.0.8"
+    object.values: "npm:^1.2.0"
+    prop-types: "npm:^15.8.1"
+    resolve: "npm:^2.0.0-next.5"
+    semver: "npm:^6.3.1"
+    string.prototype.matchall: "npm:^4.0.11"
+    string.prototype.repeat: "npm:^1.0.0"
+  peerDependencies:
+    eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
+  checksum: 10c0/5b87cfefc7e83ee5f122bf4c4f14af62856561b4b51d84aa35056ba7ee1081b80e3331ef1e89d94e7989e349561492a6fb84944c7d7c798e91bf039366c011b0
+  languageName: node
+  linkType: hard
+
+"eslint-plugin-simple-import-sort@npm:^12.1.1":
+  version: 12.1.1
+  resolution: "eslint-plugin-simple-import-sort@npm:12.1.1"
+  peerDependencies:
+    eslint: ">=5.0.0"
+  checksum: 10c0/0ad1907ad9ddbadd1db655db0a9d0b77076e274b793a77b982c8525d808d868e6ecfce24f3a411e8a1fa551077387f9ebb38c00956073970ebd7ee6a029ce2b3
+  languageName: node
+  linkType: hard
+
+"eslint-scope@npm:^8.0.2":
+  version: 8.0.2
+  resolution: "eslint-scope@npm:8.0.2"
+  dependencies:
+    esrecurse: "npm:^4.3.0"
+    estraverse: "npm:^5.2.0"
+  checksum: 10c0/477f820647c8755229da913025b4567347fd1f0bf7cbdf3a256efff26a7e2e130433df052bd9e3d014025423dc00489bea47eb341002b15553673379c1a7dc36
+  languageName: node
+  linkType: hard
+
+"eslint-visitor-keys@npm:^3.3.0, eslint-visitor-keys@npm:^3.4.3":
+  version: 3.4.3
+  resolution: "eslint-visitor-keys@npm:3.4.3"
+  checksum: 10c0/92708e882c0a5ffd88c23c0b404ac1628cf20104a108c745f240a13c332a11aac54f49a22d5762efbffc18ecbc9a580d1b7ad034bf5f3cc3307e5cbff2ec9820
+  languageName: node
+  linkType: hard
+
+"eslint-visitor-keys@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "eslint-visitor-keys@npm:4.0.0"
+  checksum: 10c0/76619f42cf162705a1515a6868e6fc7567e185c7063a05621a8ac4c3b850d022661262c21d9f1fc1d144ecf0d5d64d70a3f43c15c3fc969a61ace0fb25698cf5
+  languageName: node
+  linkType: hard
+
+"eslint@npm:9.x":
+  version: 9.7.0
+  resolution: "eslint@npm:9.7.0"
+  dependencies:
+    "@eslint-community/eslint-utils": "npm:^4.2.0"
+    "@eslint-community/regexpp": "npm:^4.11.0"
+    "@eslint/config-array": "npm:^0.17.0"
+    "@eslint/eslintrc": "npm:^3.1.0"
+    "@eslint/js": "npm:9.7.0"
+    "@humanwhocodes/module-importer": "npm:^1.0.1"
+    "@humanwhocodes/retry": "npm:^0.3.0"
+    "@nodelib/fs.walk": "npm:^1.2.8"
+    ajv: "npm:^6.12.4"
+    chalk: "npm:^4.0.0"
+    cross-spawn: "npm:^7.0.2"
+    debug: "npm:^4.3.2"
+    escape-string-regexp: "npm:^4.0.0"
+    eslint-scope: "npm:^8.0.2"
+    eslint-visitor-keys: "npm:^4.0.0"
+    espree: "npm:^10.1.0"
+    esquery: "npm:^1.5.0"
+    esutils: "npm:^2.0.2"
+    fast-deep-equal: "npm:^3.1.3"
+    file-entry-cache: "npm:^8.0.0"
+    find-up: "npm:^5.0.0"
+    glob-parent: "npm:^6.0.2"
+    ignore: "npm:^5.2.0"
+    imurmurhash: "npm:^0.1.4"
+    is-glob: "npm:^4.0.0"
+    is-path-inside: "npm:^3.0.3"
+    json-stable-stringify-without-jsonify: "npm:^1.0.1"
+    levn: "npm:^0.4.1"
+    lodash.merge: "npm:^4.6.2"
+    minimatch: "npm:^3.1.2"
+    natural-compare: "npm:^1.4.0"
+    optionator: "npm:^0.9.3"
+    strip-ansi: "npm:^6.0.1"
+    text-table: "npm:^0.2.0"
+  bin:
+    eslint: bin/eslint.js
+  checksum: 10c0/e2369a9534404f62f37ee5560e56fb84e0776a9c8f084550170017992772e7034d73571bdf4060e2fe9b836f136d45b07d50407d4b9361de720ee77794259274
+  languageName: node
+  linkType: hard
+
+"espree@npm:^10.0.1, espree@npm:^10.1.0":
+  version: 10.1.0
+  resolution: "espree@npm:10.1.0"
+  dependencies:
+    acorn: "npm:^8.12.0"
+    acorn-jsx: "npm:^5.3.2"
+    eslint-visitor-keys: "npm:^4.0.0"
+  checksum: 10c0/52e6feaa77a31a6038f0c0e3fce93010a4625701925b0715cd54a2ae190b3275053a0717db698697b32653788ac04845e489d6773b508d6c2e8752f3c57470a0
+  languageName: node
+  linkType: hard
+
 "esprima@npm:^4.0.0, esprima@npm:^4.0.1, esprima@npm:~4.0.0":
   version: 4.0.1
   resolution: "esprima@npm:4.0.1"
@@ -9091,7 +9673,25 @@ __metadata:
   languageName: node
   linkType: hard
 
-"estraverse@npm:^5.2.0":
+"esquery@npm:^1.5.0":
+  version: 1.6.0
+  resolution: "esquery@npm:1.6.0"
+  dependencies:
+    estraverse: "npm:^5.1.0"
+  checksum: 10c0/cb9065ec605f9da7a76ca6dadb0619dfb611e37a81e318732977d90fab50a256b95fee2d925fba7c2f3f0523aa16f91587246693bc09bc34d5a59575fe6e93d2
+  languageName: node
+  linkType: hard
+
+"esrecurse@npm:^4.3.0":
+  version: 4.3.0
+  resolution: "esrecurse@npm:4.3.0"
+  dependencies:
+    estraverse: "npm:^5.2.0"
+  checksum: 10c0/81a37116d1408ded88ada45b9fb16dbd26fba3aadc369ce50fcaf82a0bac12772ebd7b24cd7b91fc66786bf2c1ac7b5f196bc990a473efff972f5cb338877cf5
+  languageName: node
+  linkType: hard
+
+"estraverse@npm:^5.1.0, estraverse@npm:^5.2.0, estraverse@npm:^5.3.0":
   version: 5.3.0
   resolution: "estraverse@npm:5.3.0"
   checksum: 10c0/1ff9447b96263dec95d6d67431c5e0771eb9776427421260a3e2f0fdd5d6bd4f8e37a7338f5ad2880c9f143450c9b1e4fc2069060724570a49cf9cf0312bd107
@@ -9297,6 +9897,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"fast-diff@npm:^1.1.2":
+  version: 1.3.0
+  resolution: "fast-diff@npm:1.3.0"
+  checksum: 10c0/5c19af237edb5d5effda008c891a18a585f74bf12953be57923f17a3a4d0979565fc64dbc73b9e20926b9d895f5b690c618cbb969af0cf022e3222471220ad29
+  languageName: node
+  linkType: hard
+
 "fast-glob@npm:^3.2.9, fast-glob@npm:^3.3.0, fast-glob@npm:^3.3.2":
   version: 3.3.2
   resolution: "fast-glob@npm:3.3.2"
@@ -9317,6 +9924,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"fast-levenshtein@npm:^2.0.6":
+  version: 2.0.6
+  resolution: "fast-levenshtein@npm:2.0.6"
+  checksum: 10c0/111972b37338bcb88f7d9e2c5907862c280ebf4234433b95bc611e518d192ccb2d38119c4ac86e26b668d75f7f3894f4ff5c4982899afced7ca78633b08287c4
+  languageName: node
+  linkType: hard
+
 "fastest-levenshtein@npm:^1.0.12":
   version: 1.0.16
   resolution: "fastest-levenshtein@npm:1.0.16"
@@ -9379,6 +9993,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"file-entry-cache@npm:^8.0.0":
+  version: 8.0.0
+  resolution: "file-entry-cache@npm:8.0.0"
+  dependencies:
+    flat-cache: "npm:^4.0.0"
+  checksum: 10c0/9e2b5938b1cd9b6d7e3612bdc533afd4ac17b2fc646569e9a8abbf2eb48e5eb8e316bc38815a3ef6a1b456f4107f0d0f055a614ca613e75db6bf9ff4d72c1638
+  languageName: node
+  linkType: hard
+
 "fill-range@npm:^7.1.1":
   version: 7.1.1
   resolution: "fill-range@npm:7.1.1"
@@ -9491,6 +10114,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"flat-cache@npm:^4.0.0":
+  version: 4.0.1
+  resolution: "flat-cache@npm:4.0.1"
+  dependencies:
+    flatted: "npm:^3.2.9"
+    keyv: "npm:^4.5.4"
+  checksum: 10c0/2c59d93e9faa2523e4fda6b4ada749bed432cfa28c8e251f33b25795e426a1c6dbada777afb1f74fcfff33934fdbdea921ee738fcc33e71adc9d6eca984a1cfc
+  languageName: node
+  linkType: hard
+
+"flatted@npm:^3.2.9":
+  version: 3.3.1
+  resolution: "flatted@npm:3.3.1"
+  checksum: 10c0/324166b125ee07d4ca9bcf3a5f98d915d5db4f39d711fba640a3178b959919aae1f7cfd8aabcfef5826ed8aa8a2aa14cc85b2d7d18ff638ddf4ae3df39573eaf
+  languageName: node
+  linkType: hard
+
 "flow-parser@npm:0.*":
   version: 0.236.0
   resolution: "flow-parser@npm:0.236.0"
@@ -9651,7 +10291,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"function.prototype.name@npm:^1.1.6":
+"function.prototype.name@npm:^1.1.5, function.prototype.name@npm:^1.1.6":
   version: 1.1.6
   resolution: "function.prototype.name@npm:1.1.6"
   dependencies:
@@ -9816,6 +10456,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"glob-parent@npm:^6.0.2":
+  version: 6.0.2
+  resolution: "glob-parent@npm:6.0.2"
+  dependencies:
+    is-glob: "npm:^4.0.3"
+  checksum: 10c0/317034d88654730230b3f43bb7ad4f7c90257a426e872ea0bf157473ac61c99bf5d205fad8f0185f989be8d2fa6d3c7dce1645d99d545b6ea9089c39f838e7f8
+  languageName: node
+  linkType: hard
+
 "glob-promise@npm:^4.2.0":
   version: 4.2.2
   resolution: "glob-promise@npm:4.2.2"
@@ -9886,6 +10535,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"globals@npm:^14.0.0":
+  version: 14.0.0
+  resolution: "globals@npm:14.0.0"
+  checksum: 10c0/b96ff42620c9231ad468d4c58ff42afee7777ee1c963013ff8aabe095a451d0ceeb8dcd8ef4cbd64d2538cef45f787a78ba3a9574f4a634438963e334471302d
+  languageName: node
+  linkType: hard
+
+"globals@npm:^15.8.0":
+  version: 15.8.0
+  resolution: "globals@npm:15.8.0"
+  checksum: 10c0/b96ec86e1244806920a80a1a7c4d64b68c55336887cfa1b52886927e0f9035133e4acd354fcda63b49e53df2089c41a11dd2b02281a6439a58cbc0d63ae083cb
+  languageName: node
+  linkType: hard
+
 "globalthis@npm:^1.0.3":
   version: 1.0.4
   resolution: "globalthis@npm:1.0.4"
@@ -9896,7 +10559,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"globby@npm:^11.0.0, globby@npm:^11.0.1":
+"globby@npm:^11.0.0, globby@npm:^11.0.1, globby@npm:^11.1.0":
   version: 11.1.0
   resolution: "globby@npm:11.1.0"
   dependencies:
@@ -9998,6 +10661,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"graphemer@npm:^1.4.0":
+  version: 1.4.0
+  resolution: "graphemer@npm:1.4.0"
+  checksum: 10c0/e951259d8cd2e0d196c72ec711add7115d42eb9a8146c8eeda5b8d3ac91e5dd816b9cd68920726d9fd4490368e7ed86e9c423f40db87e2d8dfafa00fa17c3a31
+  languageName: node
+  linkType: hard
+
 "handlebars@npm:^4.7.7":
   version: 4.7.8
   resolution: "handlebars@npm:4.7.8"
@@ -10390,7 +11060,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ignore@npm:^5.2.0, ignore@npm:^5.2.4":
+"ignore@npm:^5.2.0, ignore@npm:^5.2.4, ignore@npm:^5.3.1":
   version: 5.3.1
   resolution: "ignore@npm:5.3.1"
   checksum: 10c0/703f7f45ffb2a27fb2c5a8db0c32e7dee66b33a225d28e8db4e1be6474795f606686a6e3bcc50e1aa12f2042db4c9d4a7d60af3250511de74620fbed052ea4cd
@@ -10685,6 +11355,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-async-function@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "is-async-function@npm:2.0.0"
+  dependencies:
+    has-tostringtag: "npm:^1.0.0"
+  checksum: 10c0/787bc931576aad525d751fc5ce211960fe91e49ac84a5c22d6ae0bc9541945fbc3f686dc590c3175722ce4f6d7b798a93f6f8ff4847fdb2199aea6f4baf5d668
+  languageName: node
+  linkType: hard
+
 "is-bigint@npm:^1.0.1":
   version: 1.0.4
   resolution: "is-bigint@npm:1.0.4"
@@ -10792,6 +11471,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-finalizationregistry@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "is-finalizationregistry@npm:1.0.2"
+  dependencies:
+    call-bind: "npm:^1.0.2"
+  checksum: 10c0/81caecc984d27b1a35c68741156fc651fb1fa5e3e6710d21410abc527eb226d400c0943a167922b2e920f6b3e58b0dede9aa795882b038b85f50b3a4b877db86
+  languageName: node
+  linkType: hard
+
 "is-fullwidth-code-point@npm:^1.0.0":
   version: 1.0.0
   resolution: "is-fullwidth-code-point@npm:1.0.0"
@@ -10829,7 +11517,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-generator-function@npm:^1.0.7":
+"is-generator-function@npm:^1.0.10, is-generator-function@npm:^1.0.7":
   version: 1.0.10
   resolution: "is-generator-function@npm:1.0.10"
   dependencies:
@@ -10838,7 +11526,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-glob@npm:^4.0.1, is-glob@npm:^4.0.3, is-glob@npm:~4.0.1":
+"is-glob@npm:^4.0.0, is-glob@npm:^4.0.1, is-glob@npm:^4.0.3, is-glob@npm:~4.0.1":
   version: 4.0.3
   resolution: "is-glob@npm:4.0.3"
   dependencies:
@@ -10967,7 +11655,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-path-inside@npm:^3.0.2":
+"is-path-inside@npm:^3.0.2, is-path-inside@npm:^3.0.3":
   version: 3.0.3
   resolution: "is-path-inside@npm:3.0.3"
   checksum: 10c0/cf7d4ac35fb96bab6a1d2c3598fe5ebb29aafb52c0aaa482b5a3ed9d8ba3edc11631e3ec2637660c44b3ce0e61a08d54946e8af30dec0b60a7c27296c68ffd05
@@ -11287,6 +11975,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"iterator.prototype@npm:^1.1.2":
+  version: 1.1.2
+  resolution: "iterator.prototype@npm:1.1.2"
+  dependencies:
+    define-properties: "npm:^1.2.1"
+    get-intrinsic: "npm:^1.2.1"
+    has-symbols: "npm:^1.0.3"
+    reflect.getprototypeof: "npm:^1.0.4"
+    set-function-name: "npm:^2.0.1"
+  checksum: 10c0/a32151326095e916f306990d909f6bbf23e3221999a18ba686419535dcd1749b10ded505e89334b77dc4c7a58a8508978f0eb16c2c8573e6d412eb7eb894ea79
+  languageName: node
+  linkType: hard
+
 "jackspeak@npm:^3.1.2":
   version: 3.4.3
   resolution: "jackspeak@npm:3.4.3"
@@ -12040,6 +12741,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"json-stable-stringify-without-jsonify@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "json-stable-stringify-without-jsonify@npm:1.0.1"
+  checksum: 10c0/cb168b61fd4de83e58d09aaa6425ef71001bae30d260e2c57e7d09a5fd82223e2f22a042dedaab8db23b7d9ae46854b08bb1f91675a8be11c5cffebef5fb66a5
+  languageName: node
+  linkType: hard
+
 "json-stable-stringify@npm:^1.0.2":
   version: 1.1.1
   resolution: "json-stable-stringify@npm:1.1.1"
@@ -12102,6 +12810,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jsx-ast-utils@npm:^2.4.1 || ^3.0.0, jsx-ast-utils@npm:^3.3.5":
+  version: 3.3.5
+  resolution: "jsx-ast-utils@npm:3.3.5"
+  dependencies:
+    array-includes: "npm:^3.1.6"
+    array.prototype.flat: "npm:^1.3.1"
+    object.assign: "npm:^4.1.4"
+    object.values: "npm:^1.1.6"
+  checksum: 10c0/a32679e9cb55469cb6d8bbc863f7d631b2c98b7fc7bf172629261751a6e7bc8da6ae374ddb74d5fbd8b06cf0eb4572287b259813d92b36e384024ed35e4c13e1
+  languageName: node
+  linkType: hard
+
 "just-diff-apply@npm:^5.2.0":
   version: 5.5.0
   resolution: "just-diff-apply@npm:5.5.0"
@@ -12116,7 +12836,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"keyv@npm:^4.0.0, keyv@npm:^4.5.3":
+"keyv@npm:^4.0.0, keyv@npm:^4.5.3, keyv@npm:^4.5.4":
   version: 4.5.4
   resolution: "keyv@npm:4.5.4"
   dependencies:
@@ -12148,6 +12868,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"language-subtag-registry@npm:^0.3.20":
+  version: 0.3.23
+  resolution: "language-subtag-registry@npm:0.3.23"
+  checksum: 10c0/e9b05190421d2cd36dd6c95c28673019c927947cb6d94f40ba7e77a838629ee9675c94accf897fbebb07923187deb843b8fbb8935762df6edafe6c28dcb0b86c
+  languageName: node
+  linkType: hard
+
+"language-tags@npm:^1.0.9":
+  version: 1.0.9
+  resolution: "language-tags@npm:1.0.9"
+  dependencies:
+    language-subtag-registry: "npm:^0.3.20"
+  checksum: 10c0/9ab911213c4bd8bd583c850201c17794e52cb0660d1ab6e32558aadc8324abebf6844e46f92b80a5d600d0fbba7eface2c207bfaf270a1c7fd539e4c3a880bff
+  languageName: node
+  linkType: hard
+
 "latest-version@npm:^7.0.0":
   version: 7.0.0
   resolution: "latest-version@npm:7.0.0"
@@ -12164,6 +12900,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"levn@npm:^0.4.1":
+  version: 0.4.1
+  resolution: "levn@npm:0.4.1"
+  dependencies:
+    prelude-ls: "npm:^1.2.1"
+    type-check: "npm:~0.4.0"
+  checksum: 10c0/effb03cad7c89dfa5bd4f6989364bfc79994c2042ec5966cb9b95990e2edee5cd8969ddf42616a0373ac49fac1403437deaf6e9050fbbaa3546093a59b9ac94e
+  languageName: node
+  linkType: hard
+
 "libnpmaccess@npm:^6.0.4":
   version: 6.0.4
   resolution: "libnpmaccess@npm:6.0.4"
@@ -13005,7 +13751,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"minimatch@npm:^3.0.2, minimatch@npm:^3.0.4, minimatch@npm:^3.1.1":
+"minimatch@npm:^3.0.2, minimatch@npm:^3.0.4, minimatch@npm:^3.1.1, minimatch@npm:^3.1.2":
   version: 3.1.2
   resolution: "minimatch@npm:3.1.2"
   dependencies:
@@ -13835,6 +14581,40 @@ __metadata:
   languageName: node
   linkType: hard
 
+"object.entries@npm:^1.1.8":
+  version: 1.1.8
+  resolution: "object.entries@npm:1.1.8"
+  dependencies:
+    call-bind: "npm:^1.0.7"
+    define-properties: "npm:^1.2.1"
+    es-object-atoms: "npm:^1.0.0"
+  checksum: 10c0/db9ea979d2956a3bc26c262da4a4d212d36f374652cc4c13efdd069c1a519c16571c137e2893d1c46e1cb0e15c88fd6419eaf410c945f329f09835487d7e65d3
+  languageName: node
+  linkType: hard
+
+"object.fromentries@npm:^2.0.8":
+  version: 2.0.8
+  resolution: "object.fromentries@npm:2.0.8"
+  dependencies:
+    call-bind: "npm:^1.0.7"
+    define-properties: "npm:^1.2.1"
+    es-abstract: "npm:^1.23.2"
+    es-object-atoms: "npm:^1.0.0"
+  checksum: 10c0/cd4327e6c3369cfa805deb4cbbe919bfb7d3aeebf0bcaba291bb568ea7169f8f8cdbcabe2f00b40db0c20cd20f08e11b5f3a5a36fb7dd3fe04850c50db3bf83b
+  languageName: node
+  linkType: hard
+
+"object.values@npm:^1.1.6, object.values@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "object.values@npm:1.2.0"
+  dependencies:
+    call-bind: "npm:^1.0.7"
+    define-properties: "npm:^1.2.1"
+    es-object-atoms: "npm:^1.0.0"
+  checksum: 10c0/15809dc40fd6c5529501324fec5ff08570b7d70fb5ebbe8e2b3901afec35cf2b3dc484d1210c6c642cd3e7e0a5e18dd1d6850115337fef46bdae14ab0cb18ac3
+  languageName: node
+  linkType: hard
+
 "ohash@npm:^1.1.3":
   version: 1.1.3
   resolution: "ohash@npm:1.1.3"
@@ -13918,6 +14698,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"optionator@npm:^0.9.3":
+  version: 0.9.4
+  resolution: "optionator@npm:0.9.4"
+  dependencies:
+    deep-is: "npm:^0.1.3"
+    fast-levenshtein: "npm:^2.0.6"
+    levn: "npm:^0.4.1"
+    prelude-ls: "npm:^1.2.1"
+    type-check: "npm:^0.4.0"
+    word-wrap: "npm:^1.2.5"
+  checksum: 10c0/4afb687a059ee65b61df74dfe87d8d6815cd6883cb8b3d5883a910df72d0f5d029821f37025e4bccf4048873dbdb09acc6d303d27b8f76b1a80dd5a7d5334675
+  languageName: node
+  linkType: hard
+
 "ora@npm:^5.4.1":
   version: 5.4.1
   resolution: "ora@npm:5.4.1"
@@ -14511,6 +15305,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"prelude-ls@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "prelude-ls@npm:1.2.1"
+  checksum: 10c0/b00d617431e7886c520a6f498a2e14c75ec58f6d93ba48c3b639cf241b54232d90daa05d83a9e9b9fef6baa63cb7e1e4602c2372fea5bc169668401eb127d0cd
+  languageName: node
+  linkType: hard
+
+"prettier-linter-helpers@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "prettier-linter-helpers@npm:1.0.0"
+  dependencies:
+    fast-diff: "npm:^1.1.2"
+  checksum: 10c0/81e0027d731b7b3697ccd2129470ed9913ecb111e4ec175a12f0fcfab0096516373bf0af2fef132af50cafb0a905b74ff57996d615f59512bb9ac7378fcc64ab
+  languageName: node
+  linkType: hard
+
 "prettier@npm:^2.1.2":
   version: 2.8.8
   resolution: "prettier@npm:2.8.8"
@@ -14636,7 +15446,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prop-types@npm:^15.7.2":
+"prop-types@npm:^15.7.2, prop-types@npm:^15.8.1":
   version: 15.8.1
   resolution: "prop-types@npm:15.8.1"
   dependencies:
@@ -15156,6 +15966,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"reflect.getprototypeof@npm:^1.0.4":
+  version: 1.0.6
+  resolution: "reflect.getprototypeof@npm:1.0.6"
+  dependencies:
+    call-bind: "npm:^1.0.7"
+    define-properties: "npm:^1.2.1"
+    es-abstract: "npm:^1.23.1"
+    es-errors: "npm:^1.3.0"
+    get-intrinsic: "npm:^1.2.4"
+    globalthis: "npm:^1.0.3"
+    which-builtin-type: "npm:^1.1.3"
+  checksum: 10c0/baf4ef8ee6ff341600f4720b251cf5a6cb552d6a6ab0fdc036988c451bf16f920e5feb0d46bd4f530a5cce568f1f7aca2d77447ca798920749cfc52783c39b55
+  languageName: node
+  linkType: hard
+
 "regenerate-unicode-properties@npm:^10.1.0":
   version: 10.1.1
   resolution: "regenerate-unicode-properties@npm:10.1.1"
@@ -15343,6 +16168,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"resolve@npm:^2.0.0-next.5":
+  version: 2.0.0-next.5
+  resolution: "resolve@npm:2.0.0-next.5"
+  dependencies:
+    is-core-module: "npm:^2.13.0"
+    path-parse: "npm:^1.0.7"
+    supports-preserve-symlinks-flag: "npm:^1.0.0"
+  bin:
+    resolve: bin/resolve
+  checksum: 10c0/a6c33555e3482ea2ec4c6e3d3bf0d78128abf69dca99ae468e64f1e30acaa318fd267fb66c8836b04d558d3e2d6ed875fe388067e7d8e0de647d3c21af21c43a
+  languageName: node
+  linkType: hard
+
 "resolve@patch:resolve@npm%3A^1.10.0#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.14.2#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.20.0#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.1#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.8#optional!builtin<compat/resolve>":
   version: 1.22.8
   resolution: "resolve@patch:resolve@npm%3A1.22.8#optional!builtin<compat/resolve>::version=1.22.8&hash=c3c19d"
@@ -15356,6 +16194,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"resolve@patch:resolve@npm%3A^2.0.0-next.5#optional!builtin<compat/resolve>":
+  version: 2.0.0-next.5
+  resolution: "resolve@patch:resolve@npm%3A2.0.0-next.5#optional!builtin<compat/resolve>::version=2.0.0-next.5&hash=c3c19d"
+  dependencies:
+    is-core-module: "npm:^2.13.0"
+    path-parse: "npm:^1.0.7"
+    supports-preserve-symlinks-flag: "npm:^1.0.0"
+  bin:
+    resolve: bin/resolve
+  checksum: 10c0/78ad6edb8309a2bfb720c2c1898f7907a37f858866ce11a5974643af1203a6a6e05b2fa9c53d8064a673a447b83d42569260c306d43628bff5bb101969708355
+  languageName: node
+  linkType: hard
+
 "responselike@npm:^2.0.0":
   version: 2.0.1
   resolution: "responselike@npm:2.0.1"
@@ -15752,7 +16603,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"semver@npm:^7.0.0, semver@npm:^7.1.1, semver@npm:^7.1.2, semver@npm:^7.3.2, semver@npm:^7.3.4, semver@npm:^7.3.5, semver@npm:^7.3.7, semver@npm:^7.5.1, semver@npm:^7.5.3, semver@npm:^7.5.4":
+"semver@npm:^7.0.0, semver@npm:^7.1.1, semver@npm:^7.1.2, semver@npm:^7.3.2, semver@npm:^7.3.4, semver@npm:^7.3.5, semver@npm:^7.3.7, semver@npm:^7.5.1, semver@npm:^7.5.3, semver@npm:^7.5.4, semver@npm:^7.6.0":
   version: 7.6.2
   resolution: "semver@npm:7.6.2"
   bin:
@@ -15815,7 +16666,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"set-function-name@npm:^2.0.1":
+"set-function-name@npm:^2.0.1, set-function-name@npm:^2.0.2":
   version: 2.0.2
   resolution: "set-function-name@npm:2.0.2"
   dependencies:
@@ -15859,7 +16710,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"side-channel@npm:^1.0.4":
+"side-channel@npm:^1.0.4, side-channel@npm:^1.0.6":
   version: 1.0.6
   resolution: "side-channel@npm:1.0.6"
   dependencies:
@@ -16298,6 +17149,46 @@ __metadata:
   languageName: node
   linkType: hard
 
+"string.prototype.includes@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "string.prototype.includes@npm:2.0.0"
+  dependencies:
+    define-properties: "npm:^1.1.3"
+    es-abstract: "npm:^1.17.5"
+  checksum: 10c0/32dff118c9e9dcc87e240b05462fa8ee7248d9e335c0015c1442fe18152261508a2146d9bb87ddae56abab69148a83c61dfaea33f53853812a6a2db737689ed2
+  languageName: node
+  linkType: hard
+
+"string.prototype.matchall@npm:^4.0.11":
+  version: 4.0.11
+  resolution: "string.prototype.matchall@npm:4.0.11"
+  dependencies:
+    call-bind: "npm:^1.0.7"
+    define-properties: "npm:^1.2.1"
+    es-abstract: "npm:^1.23.2"
+    es-errors: "npm:^1.3.0"
+    es-object-atoms: "npm:^1.0.0"
+    get-intrinsic: "npm:^1.2.4"
+    gopd: "npm:^1.0.1"
+    has-symbols: "npm:^1.0.3"
+    internal-slot: "npm:^1.0.7"
+    regexp.prototype.flags: "npm:^1.5.2"
+    set-function-name: "npm:^2.0.2"
+    side-channel: "npm:^1.0.6"
+  checksum: 10c0/915a2562ac9ab5e01b7be6fd8baa0b2b233a0a9aa975fcb2ec13cc26f08fb9a3e85d5abdaa533c99c6fc4c5b65b914eba3d80c4aff9792a4c9fed403f28f7d9d
+  languageName: node
+  linkType: hard
+
+"string.prototype.repeat@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "string.prototype.repeat@npm:1.0.0"
+  dependencies:
+    define-properties: "npm:^1.1.3"
+    es-abstract: "npm:^1.17.5"
+  checksum: 10c0/94c7978566cffa1327d470fd924366438af9b04b497c43a9805e476e2e908aa37a1fd34cc0911156c17556dab62159d12c7b92b3cc304c3e1281fe4c8e668f40
+  languageName: node
+  linkType: hard
+
 "string.prototype.trim@npm:^1.2.9":
   version: 1.2.9
   resolution: "string.prototype.trim@npm:1.2.9"
@@ -16527,6 +17418,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"synckit@npm:^0.8.6":
+  version: 0.8.8
+  resolution: "synckit@npm:0.8.8"
+  dependencies:
+    "@pkgr/core": "npm:^0.1.0"
+    tslib: "npm:^2.6.2"
+  checksum: 10c0/c3d3aa8e284f3f84f2f868b960c9f49239b364e35f6d20825a448449a3e9c8f49fe36cdd5196b30615682f007830d46f2ea354003954c7336723cb821e4b6519
+  languageName: node
+  linkType: hard
+
 "tar@npm:^6.1.0, tar@npm:^6.1.11, tar@npm:^6.1.2, tar@npm:^6.2.0, tar@npm:^6.2.1":
   version: 6.2.1
   resolution: "tar@npm:6.2.1"
@@ -16636,7 +17537,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"text-table@npm:~0.2.0":
+"text-table@npm:^0.2.0, text-table@npm:~0.2.0":
   version: 0.2.0
   resolution: "text-table@npm:0.2.0"
   checksum: 10c0/02805740c12851ea5982686810702e2f14369a5f4c5c40a836821e3eefc65ffeec3131ba324692a37608294b0fd8c1e55a2dd571ffed4909822787668ddbee5c
@@ -16796,6 +17697,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ts-api-utils@npm:^1.3.0":
+  version: 1.3.0
+  resolution: "ts-api-utils@npm:1.3.0"
+  peerDependencies:
+    typescript: ">=4.2.0"
+  checksum: 10c0/f54a0ba9ed56ce66baea90a3fa087a484002e807f28a8ccb2d070c75e76bde64bd0f6dce98b3802834156306050871b67eec325cb4e918015a360a3f0868c77c
+  languageName: node
+  linkType: hard
+
 "ts-dedent@npm:^2.0.0":
   version: 2.2.0
   resolution: "ts-dedent@npm:2.2.0"
@@ -16828,6 +17738,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"type-check@npm:^0.4.0, type-check@npm:~0.4.0":
+  version: 0.4.0
+  resolution: "type-check@npm:0.4.0"
+  dependencies:
+    prelude-ls: "npm:^1.2.1"
+  checksum: 10c0/7b3fd0ed43891e2080bf0c5c504b418fbb3e5c7b9708d3d015037ba2e6323a28152ec163bcb65212741fa5d2022e3075ac3c76440dbd344c9035f818e8ecee58
+  languageName: node
+  linkType: hard
+
 "type-detect@npm:4.0.8":
   version: 4.0.8
   resolution: "type-detect@npm:4.0.8"
@@ -17002,6 +17921,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"typescript-eslint@npm:^7.16.0":
+  version: 7.16.0
+  resolution: "typescript-eslint@npm:7.16.0"
+  dependencies:
+    "@typescript-eslint/eslint-plugin": "npm:7.16.0"
+    "@typescript-eslint/parser": "npm:7.16.0"
+    "@typescript-eslint/utils": "npm:7.16.0"
+  peerDependencies:
+    eslint: ^8.56.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10c0/37d5e1f261db0923d1a05a60790b07c68aa95e39875a8b366674b5883e0db1bfefaf09a31237c8c0355eada6d1196ec76f6c14e3779320949e4af91daae0755b
+  languageName: node
+  linkType: hard
+
 "typescript@npm:5.4.5":
   version: 5.4.5
   resolution: "typescript@npm:5.4.5"
@@ -17606,6 +18541,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"which-builtin-type@npm:^1.1.3":
+  version: 1.1.3
+  resolution: "which-builtin-type@npm:1.1.3"
+  dependencies:
+    function.prototype.name: "npm:^1.1.5"
+    has-tostringtag: "npm:^1.0.0"
+    is-async-function: "npm:^2.0.0"
+    is-date-object: "npm:^1.0.5"
+    is-finalizationregistry: "npm:^1.0.2"
+    is-generator-function: "npm:^1.0.10"
+    is-regex: "npm:^1.1.4"
+    is-weakref: "npm:^1.0.2"
+    isarray: "npm:^2.0.5"
+    which-boxed-primitive: "npm:^1.0.2"
+    which-collection: "npm:^1.0.1"
+    which-typed-array: "npm:^1.1.9"
+  checksum: 10c0/2b7b234df3443b52f4fbd2b65b731804de8d30bcc4210ec84107ef377a81923cea7f2763b7fb78b394175cea59118bf3c41b9ffd2d643cb1d748ef93b33b6bd4
+  languageName: node
+  linkType: hard
+
 "which-collection@npm:^1.0.1":
   version: 1.0.2
   resolution: "which-collection@npm:1.0.2"
@@ -17618,7 +18573,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"which-typed-array@npm:^1.1.13, which-typed-array@npm:^1.1.14, which-typed-array@npm:^1.1.15, which-typed-array@npm:^1.1.2":
+"which-typed-array@npm:^1.1.13, which-typed-array@npm:^1.1.14, which-typed-array@npm:^1.1.15, which-typed-array@npm:^1.1.2, which-typed-array@npm:^1.1.9":
   version: 1.1.15
   resolution: "which-typed-array@npm:1.1.15"
   dependencies:
@@ -17671,6 +18626,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"word-wrap@npm:^1.2.5":
+  version: 1.2.5
+  resolution: "word-wrap@npm:1.2.5"
+  checksum: 10c0/e0e4a1ca27599c92a6ca4c32260e8a92e8a44f4ef6ef93f803f8ed823f486e0889fc0b93be4db59c8d51b3064951d25e43d434e95dc8c960cc3a63d65d00ba20
+  languageName: node
+  linkType: hard
+
 "wordwrap@npm:^1.0.0":
   version: 1.0.0
   resolution: "wordwrap@npm:1.0.0"