From e7a67bc2fbe45a60af3af50791697c96f49624df Mon Sep 17 00:00:00 2001
From: 8845musign <hiroki.yokouchi@dr-ubie.com>
Date: Thu, 26 Oct 2023 14:44:25 +0900
Subject: [PATCH 1/4] fix: lint errors

Signed-off-by: 8845musign <hiroki.yokouchi@dr-ubie.com>
---
 src/components/astro/PropsTable.astro | 4 ++--
 src/layouts/BaseLayout.astro          | 2 +-
 src/layouts/ComponentLayout.astro     | 2 +-
 src/layouts/PostLayout.astro          | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/astro/PropsTable.astro b/src/components/astro/PropsTable.astro
index 17a2a15..0516997 100644
--- a/src/components/astro/PropsTable.astro
+++ b/src/components/astro/PropsTable.astro
@@ -1,8 +1,8 @@
 ---
 type Prop = {
   name: string;
-  type: string;
-  defaultValue: string;
+  type: string | string[];
+  defaultValue: string | number | null;
   required: boolean;
   description: string;
 };
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index 57537f5..967fa8b 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -4,10 +4,10 @@ import '@unocss/reset/sanitize/assets.css';
 import '@ubie/design-tokens/dist/tokens.css';
 import '../styles/libs/prism-a11y-dark.css';
 import '@styles/global.css';
-import type { PostData } from '@types';
 
 import GlobalHeader from '@components/astro/GlobalHeader.astro';
 import WithGlobalNavigation from '@components/react/WithGlobalNavigation';
+import type { PostData } from '@types';
 
 const currentPath = new URL(Astro.request.url).pathname;
 const allComponentMdx = await Astro.glob('../pages/components/*.mdx');
diff --git a/src/layouts/ComponentLayout.astro b/src/layouts/ComponentLayout.astro
index cd67acc..ca94e01 100644
--- a/src/layouts/ComponentLayout.astro
+++ b/src/layouts/ComponentLayout.astro
@@ -31,7 +31,7 @@ const examples = getAllExample(exampleKey);
       <h2 id="Props">
         Props<a class="linkHeading" href="#Props"><span class="linkHeadingIcon">#</span></a>
       </h2>
-      <PropsTable propsArray={propsArray as any} />
+      <PropsTable propsArray={propsArray} />
     </section>
     <slot />
   </section>
diff --git a/src/layouts/PostLayout.astro b/src/layouts/PostLayout.astro
index 4ab1041..d77de5a 100644
--- a/src/layouts/PostLayout.astro
+++ b/src/layouts/PostLayout.astro
@@ -1,7 +1,7 @@
 ---
+import Markdown from '@components/astro/Markdown.astro';
 import BaseLayout from './BaseLayout.astro';
 import WithTableOfContentsLayout from './WithTableOfContentsLayout.astro';
-import Markdown from '@components/astro/Markdown.astro';
 
 const { title, description } = Astro.props.frontmatter;
 ---

From af93c0a05302ddf1fb829d4198cf4e4928b7391d Mon Sep 17 00:00:00 2001
From: 8845musign <hiroki.yokouchi@dr-ubie.com>
Date: Thu, 26 Oct 2023 14:52:50 +0900
Subject: [PATCH 2/4] Fix capitalization

Signed-off-by: 8845musign <hiroki.yokouchi@dr-ubie.com>
---
 .scaffdog/example.md                                          | 2 +-
 src/pages/components/examples/accordion/small.astro           | 4 ++--
 .../components/examples/action-half-modal/Customized.astro    | 4 ++--
 .../components/examples/action-half-modal/fullscreen.astro    | 4 ++--
 .../examples/action-half-modal/no-close-button.astro          | 4 ++--
 .../components/examples/action-half-modal/secondary.astro     | 4 ++--
 src/pages/components/examples/action-modal/customized.astro   | 4 ++--
 src/pages/components/examples/action-modal/fixed-height.astro | 4 ++--
 src/pages/components/examples/action-modal/secondary.astro    | 4 ++--
 src/pages/components/examples/button/block.astro              | 4 ++--
 src/pages/components/examples/button/disabled.astro           | 4 ++--
 src/pages/components/examples/button/size.astro               | 4 ++--
 src/pages/components/examples/button/with-icon.astro          | 4 ++--
 src/pages/components/examples/checkbox/disabled.astro         | 4 ++--
 src/pages/components/examples/checkbox/single-use.astro       | 4 ++--
 src/pages/components/examples/checkbox/size.astro             | 4 ++--
 src/pages/components/examples/input/disabled.astro            | 4 ++--
 src/pages/components/examples/input/is-invalid.astro          | 4 ++--
 src/pages/components/examples/input/types.astro               | 4 ++--
 src/pages/components/examples/link-button/block.astro         | 4 ++--
 src/pages/components/examples/link-button/disabled.astro      | 4 ++--
 src/pages/components/examples/link-button/size.astro          | 4 ++--
 src/pages/components/examples/link-button/with-icon.astro     | 4 ++--
 src/pages/components/examples/link-card/with-icon.astro       | 4 ++--
 .../components/examples/message-modal/fixed-height.astro      | 4 ++--
 .../components/examples/message-modal/overlay-darker.astro    | 4 ++--
 src/pages/components/examples/message-modal/with-header.astro | 4 ++--
 src/pages/components/examples/radio-button/disabled.astro     | 4 ++--
 src/pages/components/examples/radio-button/size.astro         | 4 ++--
 src/pages/components/examples/radio-card/block.astro          | 4 ++--
 src/pages/components/examples/select/disabled.astro           | 4 ++--
 src/pages/components/examples/select/is-invalid.astro         | 4 ++--
 .../examples/stack/block-level-elements-to-full-width.astro   | 4 ++--
 src/pages/components/examples/stack/centralized.astro         | 4 ++--
 src/pages/components/examples/stack/markup-as-list.astro      | 4 ++--
 src/pages/components/examples/stack/nested.astro              | 4 ++--
 src/pages/components/examples/stack/put-on-the-end.astro      | 4 ++--
 src/pages/components/examples/text-area/default.astro         | 2 +-
 src/pages/components/examples/text-area/disabled.astro        | 2 +-
 src/pages/components/examples/text-area/is-invalid.astro      | 2 +-
 src/pages/components/examples/text/body.astro                 | 4 ++--
 src/pages/components/examples/text/button.astro               | 4 ++--
 src/pages/components/examples/text/color.astro                | 4 ++--
 src/pages/components/examples/text/heading.astro              | 4 ++--
 src/pages/components/examples/text/note.astro                 | 4 ++--
 src/pages/components/examples/text/tag.astro                  | 4 ++--
 46 files changed, 88 insertions(+), 88 deletions(-)

diff --git a/.scaffdog/example.md b/.scaffdog/example.md
index b54a15a..6b39e79 100644
--- a/.scaffdog/example.md
+++ b/.scaffdog/example.md
@@ -29,7 +29,7 @@ export default {{ inputs.exampleName | pascal }};
 
 ```typescript
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import {{ inputs.exampleName | pascal }} from '@components/react/examples/{{ inputs.exampleKey }}/{{ inputs.exampleName | pascal }}';
 ---
 
diff --git a/src/pages/components/examples/accordion/small.astro b/src/pages/components/examples/accordion/small.astro
index 4c193f2..fcafff9 100644
--- a/src/pages/components/examples/accordion/small.astro
+++ b/src/pages/components/examples/accordion/small.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import Small from '@components/react/examples/accordion/Small';
 ---
 
 <ExampleLayout title="Small Example | Accordion">
   <Small client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/action-half-modal/Customized.astro b/src/pages/components/examples/action-half-modal/Customized.astro
index 9a08d90..59e5653 100644
--- a/src/pages/components/examples/action-half-modal/Customized.astro
+++ b/src/pages/components/examples/action-half-modal/Customized.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import Customized from '@components/react/examples/action-half-modal/Customized';
 ---
 
 <ExampleLayout title="Customized Example | ActionHalfModal">
   <Customized client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/action-half-modal/fullscreen.astro b/src/pages/components/examples/action-half-modal/fullscreen.astro
index 5dc92dc..d9c2d11 100644
--- a/src/pages/components/examples/action-half-modal/fullscreen.astro
+++ b/src/pages/components/examples/action-half-modal/fullscreen.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import Fullscreen from '@components/react/examples/action-half-modal/Fullscreen';
 ---
 
 <ExampleLayout title="Fullscreen Example | ActionHalfModal">
   <Fullscreen client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/action-half-modal/no-close-button.astro b/src/pages/components/examples/action-half-modal/no-close-button.astro
index 06c5934..7ce74be 100644
--- a/src/pages/components/examples/action-half-modal/no-close-button.astro
+++ b/src/pages/components/examples/action-half-modal/no-close-button.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import NoCloseButton from '@components/react/examples/action-half-modal/NoCloseButton';
 ---
 
 <ExampleLayout title="NoCloseButton Example | ActionHalfModal">
   <NoCloseButton client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/action-half-modal/secondary.astro b/src/pages/components/examples/action-half-modal/secondary.astro
index 1fb27d9..95da2d6 100644
--- a/src/pages/components/examples/action-half-modal/secondary.astro
+++ b/src/pages/components/examples/action-half-modal/secondary.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import Secondary from '@components/react/examples/action-half-modal/Secondary';
 ---
 
 <ExampleLayout title="Secondary Example | ActionHalfModal">
   <Secondary client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/action-modal/customized.astro b/src/pages/components/examples/action-modal/customized.astro
index 060950f..b338700 100644
--- a/src/pages/components/examples/action-modal/customized.astro
+++ b/src/pages/components/examples/action-modal/customized.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import Customized from '@components/react/examples/action-modal/Customized';
 ---
 
 <ExampleLayout title="Customized Example | ActionModal">
   <Customized client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/action-modal/fixed-height.astro b/src/pages/components/examples/action-modal/fixed-height.astro
index 35ea45e..c896289 100644
--- a/src/pages/components/examples/action-modal/fixed-height.astro
+++ b/src/pages/components/examples/action-modal/fixed-height.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import FixedHeight from '@components/react/examples/action-modal/FixedHeight';
 ---
 
 <ExampleLayout title="FixedHeight Example | ActionModal">
   <FixedHeight client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/action-modal/secondary.astro b/src/pages/components/examples/action-modal/secondary.astro
index 71968ff..7c22b08 100644
--- a/src/pages/components/examples/action-modal/secondary.astro
+++ b/src/pages/components/examples/action-modal/secondary.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import Secondary from '@components/react/examples/action-modal/Secondary';
 ---
 
 <ExampleLayout title="Secondary Example | ActionModal">
   <Secondary client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/button/block.astro b/src/pages/components/examples/button/block.astro
index 53856c0..e0acedf 100644
--- a/src/pages/components/examples/button/block.astro
+++ b/src/pages/components/examples/button/block.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import Block from '@components/react/examples/button/Block';
 ---
 
 <ExampleLayout title="Block Example | Button">
   <Block client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/button/disabled.astro b/src/pages/components/examples/button/disabled.astro
index a796afd..b77c485 100644
--- a/src/pages/components/examples/button/disabled.astro
+++ b/src/pages/components/examples/button/disabled.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import Disabled from '@components/react/examples/button/Disabled';
 ---
 
 <ExampleLayout title="Disabled Example | Button">
   <Disabled client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/button/size.astro b/src/pages/components/examples/button/size.astro
index 007a1a0..f4e75b8 100644
--- a/src/pages/components/examples/button/size.astro
+++ b/src/pages/components/examples/button/size.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import Size from '@components/react/examples/button/Size';
 ---
 
 <ExampleLayout title="Size Example | Button">
   <Size client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/button/with-icon.astro b/src/pages/components/examples/button/with-icon.astro
index 606f51b..9084fa0 100644
--- a/src/pages/components/examples/button/with-icon.astro
+++ b/src/pages/components/examples/button/with-icon.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import WithIcon from '@components/react/examples/button/WithIcon';
 ---
 
 <ExampleLayout title="WithIcon Example | Button">
   <WithIcon client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/checkbox/disabled.astro b/src/pages/components/examples/checkbox/disabled.astro
index 155c863..074eb4a 100644
--- a/src/pages/components/examples/checkbox/disabled.astro
+++ b/src/pages/components/examples/checkbox/disabled.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import Disabled from '@components/react/examples/checkbox/Disabled';
 ---
 
 <ExampleLayout title="Disabled Example | Checkbox">
   <Disabled client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/checkbox/single-use.astro b/src/pages/components/examples/checkbox/single-use.astro
index 9f6890d..30acfec 100644
--- a/src/pages/components/examples/checkbox/single-use.astro
+++ b/src/pages/components/examples/checkbox/single-use.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import SingleUse from '@components/react/examples/checkbox/SingleUse';
 ---
 
 <ExampleLayout title="SingleUse Example | Checkbox">
   <SingleUse client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/checkbox/size.astro b/src/pages/components/examples/checkbox/size.astro
index b4834fd..f46fd0f 100644
--- a/src/pages/components/examples/checkbox/size.astro
+++ b/src/pages/components/examples/checkbox/size.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import Size from '@components/react/examples/checkbox/Size';
 ---
 
 <ExampleLayout title="Size Example | Checkbox">
   <Size client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/input/disabled.astro b/src/pages/components/examples/input/disabled.astro
index deaf93f..a653c94 100644
--- a/src/pages/components/examples/input/disabled.astro
+++ b/src/pages/components/examples/input/disabled.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import Disabled from '@components/react/examples/input/Disabled';
 ---
 
 <ExampleLayout title="Disabled Example | Input">
   <Disabled client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/input/is-invalid.astro b/src/pages/components/examples/input/is-invalid.astro
index 7f2bf56..58e013d 100644
--- a/src/pages/components/examples/input/is-invalid.astro
+++ b/src/pages/components/examples/input/is-invalid.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import IsInvalid from '@components/react/examples/input/IsInvalid';
 ---
 
 <ExampleLayout title="IsInvalid Example | Input">
   <IsInvalid client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/input/types.astro b/src/pages/components/examples/input/types.astro
index 85194a0..e6d3721 100644
--- a/src/pages/components/examples/input/types.astro
+++ b/src/pages/components/examples/input/types.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import Types from '@components/react/examples/input/Types';
 ---
 
 <ExampleLayout title="Types Example | Input">
   <Types client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/link-button/block.astro b/src/pages/components/examples/link-button/block.astro
index ee3e24f..f439d0e 100644
--- a/src/pages/components/examples/link-button/block.astro
+++ b/src/pages/components/examples/link-button/block.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import Block from '@components/react/examples/link-button/Block';
 ---
 
 <ExampleLayout title="Block Example | LinkButton">
   <Block client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/link-button/disabled.astro b/src/pages/components/examples/link-button/disabled.astro
index 1938208..8b0930a 100644
--- a/src/pages/components/examples/link-button/disabled.astro
+++ b/src/pages/components/examples/link-button/disabled.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import Disabled from '@components/react/examples/link-button/Disabled';
 ---
 
 <ExampleLayout title="Disabled Example | LinkButton">
   <Disabled client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/link-button/size.astro b/src/pages/components/examples/link-button/size.astro
index fbb8688..5da95ed 100644
--- a/src/pages/components/examples/link-button/size.astro
+++ b/src/pages/components/examples/link-button/size.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import Size from '@components/react/examples/link-button/Size';
 ---
 
 <ExampleLayout title="Size Example | LinkButton">
   <Size client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/link-button/with-icon.astro b/src/pages/components/examples/link-button/with-icon.astro
index 1960706..3f36afe 100644
--- a/src/pages/components/examples/link-button/with-icon.astro
+++ b/src/pages/components/examples/link-button/with-icon.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import WithIcon from '@components/react/examples/link-button/WithIcon';
 ---
 
 <ExampleLayout title="WithIcon Example | LinkButton">
   <WithIcon client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/link-card/with-icon.astro b/src/pages/components/examples/link-card/with-icon.astro
index df7c6f3..a35e24f 100644
--- a/src/pages/components/examples/link-card/with-icon.astro
+++ b/src/pages/components/examples/link-card/with-icon.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import WithIcon from '@components/react/examples/link-card/WithIcon';
 ---
 
 <ExampleLayout title="WithIcon Example | LinkCard">
   <WithIcon client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/message-modal/fixed-height.astro b/src/pages/components/examples/message-modal/fixed-height.astro
index b787b1d..d89d097 100644
--- a/src/pages/components/examples/message-modal/fixed-height.astro
+++ b/src/pages/components/examples/message-modal/fixed-height.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import FixedHeight from '@components/react/examples/message-modal/FixedHeight';
 ---
 
 <ExampleLayout title="FixedHeight Example | MessageModal">
   <FixedHeight client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/message-modal/overlay-darker.astro b/src/pages/components/examples/message-modal/overlay-darker.astro
index 77fd9f1..e7a6663 100644
--- a/src/pages/components/examples/message-modal/overlay-darker.astro
+++ b/src/pages/components/examples/message-modal/overlay-darker.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import OverlayDarker from '@components/react/examples/message-modal/OverlayDarker';
 ---
 
 <ExampleLayout title="OverlayDarker Example | MessageModal">
   <OverlayDarker client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/message-modal/with-header.astro b/src/pages/components/examples/message-modal/with-header.astro
index b27a604..b58289b 100644
--- a/src/pages/components/examples/message-modal/with-header.astro
+++ b/src/pages/components/examples/message-modal/with-header.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import WithHeader from '@components/react/examples/message-modal/WithHeader';
 ---
 
 <ExampleLayout title="WithHeader Example | MessageModal">
   <WithHeader client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/radio-button/disabled.astro b/src/pages/components/examples/radio-button/disabled.astro
index 7ed286a..b87eeee 100644
--- a/src/pages/components/examples/radio-button/disabled.astro
+++ b/src/pages/components/examples/radio-button/disabled.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import Disabled from '@components/react/examples/radio-button/Disabled';
 ---
 
 <ExampleLayout title="Disabled Example | RadioButton">
   <Disabled client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/radio-button/size.astro b/src/pages/components/examples/radio-button/size.astro
index b00dee8..2f67b3d 100644
--- a/src/pages/components/examples/radio-button/size.astro
+++ b/src/pages/components/examples/radio-button/size.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import Size from '@components/react/examples/radio-button/Size';
 ---
 
 <ExampleLayout title="Size Example | RadioButton">
   <Size client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/radio-card/block.astro b/src/pages/components/examples/radio-card/block.astro
index b819441..baf458b 100644
--- a/src/pages/components/examples/radio-card/block.astro
+++ b/src/pages/components/examples/radio-card/block.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import Block from '@components/react/examples/radio-card/Block';
 ---
 
 <ExampleLayout title="Block Example | RadioCard">
   <Block client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/select/disabled.astro b/src/pages/components/examples/select/disabled.astro
index b7cd3d2..d505ea2 100644
--- a/src/pages/components/examples/select/disabled.astro
+++ b/src/pages/components/examples/select/disabled.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import Disabled from '@components/react/examples/select/Disabled';
 ---
 
 <ExampleLayout title="Disabled Example | Select">
   <Disabled client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/select/is-invalid.astro b/src/pages/components/examples/select/is-invalid.astro
index 5bfde02..3f58eb3 100644
--- a/src/pages/components/examples/select/is-invalid.astro
+++ b/src/pages/components/examples/select/is-invalid.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import IsInvalid from '@components/react/examples/select/IsInvalid';
 ---
 
 <ExampleLayout title="IsInvalid Example | Select">
   <IsInvalid client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/stack/block-level-elements-to-full-width.astro b/src/pages/components/examples/stack/block-level-elements-to-full-width.astro
index d2cb477..17df6dd 100644
--- a/src/pages/components/examples/stack/block-level-elements-to-full-width.astro
+++ b/src/pages/components/examples/stack/block-level-elements-to-full-width.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import BlockLevelElementsToFullWidth from '@components/react/examples/stack/BlockLevelElementsToFullWidth';
 ---
 
 <ExampleLayout title="BlockLevelElementsToFullWidth Example | Stack">
   <BlockLevelElementsToFullWidth client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/stack/centralized.astro b/src/pages/components/examples/stack/centralized.astro
index 41267cf..50e3546 100644
--- a/src/pages/components/examples/stack/centralized.astro
+++ b/src/pages/components/examples/stack/centralized.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import Centralized from '@components/react/examples/stack/Centralized';
 ---
 
 <ExampleLayout title="Centralized Example | Stack">
   <Centralized client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/stack/markup-as-list.astro b/src/pages/components/examples/stack/markup-as-list.astro
index a95bf0f..4f86cf7 100644
--- a/src/pages/components/examples/stack/markup-as-list.astro
+++ b/src/pages/components/examples/stack/markup-as-list.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import MarkupAsList from '@components/react/examples/stack/MarkupAsList';
 ---
 
 <ExampleLayout title="MarkupAsList Example | Stack">
   <MarkupAsList client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/stack/nested.astro b/src/pages/components/examples/stack/nested.astro
index c1c3edd..64c7f04 100644
--- a/src/pages/components/examples/stack/nested.astro
+++ b/src/pages/components/examples/stack/nested.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import Nested from '@components/react/examples/stack/Nested';
 ---
 
 <ExampleLayout title="Nested Example | Stack">
   <Nested client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/stack/put-on-the-end.astro b/src/pages/components/examples/stack/put-on-the-end.astro
index d7c3d21..b6e93ab 100644
--- a/src/pages/components/examples/stack/put-on-the-end.astro
+++ b/src/pages/components/examples/stack/put-on-the-end.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import PutOnTheEnd from '@components/react/examples/stack/PutOnTheEnd';
 ---
 
 <ExampleLayout title="PutOnTheEnd Example | Stack">
   <PutOnTheEnd client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/text-area/default.astro b/src/pages/components/examples/text-area/default.astro
index a3811ab..13aca1c 100644
--- a/src/pages/components/examples/text-area/default.astro
+++ b/src/pages/components/examples/text-area/default.astro
@@ -1,5 +1,5 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import Default from '@components/react/examples/text-area/Default';
 ---
 
diff --git a/src/pages/components/examples/text-area/disabled.astro b/src/pages/components/examples/text-area/disabled.astro
index 14000e1..32c61e8 100644
--- a/src/pages/components/examples/text-area/disabled.astro
+++ b/src/pages/components/examples/text-area/disabled.astro
@@ -1,5 +1,5 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import Disabled from '@components/react/examples/text-area/Disabled';
 ---
 
diff --git a/src/pages/components/examples/text-area/is-invalid.astro b/src/pages/components/examples/text-area/is-invalid.astro
index 2f75366..45dd48e 100644
--- a/src/pages/components/examples/text-area/is-invalid.astro
+++ b/src/pages/components/examples/text-area/is-invalid.astro
@@ -1,5 +1,5 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import IsInvalid from '@components/react/examples/text-area/IsInvalid';
 ---
 
diff --git a/src/pages/components/examples/text/body.astro b/src/pages/components/examples/text/body.astro
index fed50e2..ab12033 100644
--- a/src/pages/components/examples/text/body.astro
+++ b/src/pages/components/examples/text/body.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import Body from '@components/react/examples/text/Body';
 ---
 
 <ExampleLayout title="Body Example | Text">
   <Body client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/text/button.astro b/src/pages/components/examples/text/button.astro
index 384c773..bd9bda4 100644
--- a/src/pages/components/examples/text/button.astro
+++ b/src/pages/components/examples/text/button.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import Button from '@components/react/examples/text/Button';
 ---
 
 <ExampleLayout title="Button Example | Text">
   <Button client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/text/color.astro b/src/pages/components/examples/text/color.astro
index 855b4a7..5575130 100644
--- a/src/pages/components/examples/text/color.astro
+++ b/src/pages/components/examples/text/color.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import Color from '@components/react/examples/text/Color';
 ---
 
 <ExampleLayout title="Color Example | Text">
   <Color client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/text/heading.astro b/src/pages/components/examples/text/heading.astro
index bddae66..f69f150 100644
--- a/src/pages/components/examples/text/heading.astro
+++ b/src/pages/components/examples/text/heading.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import Heading from '@components/react/examples/text/Heading';
 ---
 
 <ExampleLayout title="Heading Example | Text">
   <Heading client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/text/note.astro b/src/pages/components/examples/text/note.astro
index 66e2e57..a04277f 100644
--- a/src/pages/components/examples/text/note.astro
+++ b/src/pages/components/examples/text/note.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import Note from '@components/react/examples/text/Note';
 ---
 
 <ExampleLayout title="Note Example | Text">
   <Note client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>
diff --git a/src/pages/components/examples/text/tag.astro b/src/pages/components/examples/text/tag.astro
index 6055433..d6d24da 100644
--- a/src/pages/components/examples/text/tag.astro
+++ b/src/pages/components/examples/text/tag.astro
@@ -1,8 +1,8 @@
 ---
-import ExampleLayout from '@layouts/exampleLayout.astro';
+import ExampleLayout from '@layouts/ExampleLayout.astro';
 import Tag from '@components/react/examples/text/Tag';
 ---
 
 <ExampleLayout title="Tag Example | Text">
   <Tag client:only="react" />
-</ExampleLayout>
\ No newline at end of file
+</ExampleLayout>

From 15966b81f1f45ac634a700c5119c7c1fcbcb3776 Mon Sep 17 00:00:00 2001
From: 8845musign <hiroki.yokouchi@dr-ubie.com>
Date: Thu, 26 Oct 2023 16:06:43 +0900
Subject: [PATCH 3/4] Enable import path checking

Signed-off-by: 8845musign <hiroki.yokouchi@dr-ubie.com>
---
 .eslintrc.cjs     |  3 ++-
 package-lock.json | 69 +++++++++++++++++++++++++++++++++++++++++++++++
 package.json      |  1 +
 3 files changed, 72 insertions(+), 1 deletion(-)

diff --git a/.eslintrc.cjs b/.eslintrc.cjs
index 1b23545..086d0b4 100644
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
@@ -33,6 +33,7 @@ module.exports = {
             alwaysTryTypes: true,
             project: './tsconfig.json',
         },
+        "import/resolver": 'typescript'
     },
     rules: {
         'import/order': [
@@ -51,7 +52,7 @@ module.exports = {
             },
         ],
         'unused-imports/no-unused-imports': 'error',
-        'import/no-unresolved': 'off',
+        'import/no-unresolved': 2,
     },
     overrides: [
         {
diff --git a/package-lock.json b/package-lock.json
index 190d782..2966886 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -43,6 +43,7 @@
         "@ubie/prettier-config": "^0.1.0",
         "eslint": "^8.51.0",
         "eslint-config-prettier": "^9.0.0",
+        "eslint-import-resolver-typescript": "^3.6.1",
         "eslint-plugin-astro": "^0.29.1",
         "eslint-plugin-import": "^2.28.1",
         "eslint-plugin-jsx-a11y": "^6.7.1",
@@ -4770,6 +4771,19 @@
         "once": "^1.4.0"
       }
     },
+    "node_modules/enhanced-resolve": {
+      "version": "5.15.0",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz",
+      "integrity": "sha512-LXYT42KJ7lpIKECr2mAXIaMldcNCh/7E0KBKOu4KSfkHmP+mZmSs+8V5gBAqisWBy0OO4W5Oyys0GO1Y8KtdKg==",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
     "node_modules/enquirer": {
       "version": "2.4.1",
       "dev": true,
@@ -5122,6 +5136,31 @@
         "ms": "^2.1.1"
       }
     },
+    "node_modules/eslint-import-resolver-typescript": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.6.1.tgz",
+      "integrity": "sha512-xgdptdoi5W3niYeuQxKmzVDTATvLYqhpwmykwsh7f6HIOStGWEIL9iqZgQDF9u9OEzrRwR8no5q2VT+bjAujTg==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^4.3.4",
+        "enhanced-resolve": "^5.12.0",
+        "eslint-module-utils": "^2.7.4",
+        "fast-glob": "^3.3.1",
+        "get-tsconfig": "^4.5.0",
+        "is-core-module": "^2.11.0",
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/unts/projects/eslint-import-resolver-ts"
+      },
+      "peerDependencies": {
+        "eslint": "*",
+        "eslint-plugin-import": "*"
+      }
+    },
     "node_modules/eslint-module-utils": {
       "version": "2.8.0",
       "dev": true,
@@ -6247,6 +6286,18 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/get-tsconfig": {
+      "version": "4.7.2",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.7.2.tgz",
+      "integrity": "sha512-wuMsz4leaj5hbGgg4IvDU0bqJagpftG5l5cXIAvo8uZrqn0NJqwtfupTN00VnkQJPcIRrxYrm1Ue24btpCha2A==",
+      "dev": true,
+      "dependencies": {
+        "resolve-pkg-maps": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
+      }
+    },
     "node_modules/github-from-package": {
       "version": "0.0.0",
       "resolved": "https://registry.npmjs.org/github-from-package/-/github-from-package-0.0.0.tgz",
@@ -12075,6 +12126,15 @@
         "node": ">=4"
       }
     },
+    "node_modules/resolve-pkg-maps": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
+      "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
+      }
+    },
     "node_modules/responselike": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/responselike/-/responselike-3.0.0.tgz",
@@ -14283,6 +14343,15 @@
         "node": ">=8"
       }
     },
+    "node_modules/tapable": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
+      "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/tar-fs": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-3.0.4.tgz",
diff --git a/package.json b/package.json
index d51e271..de52f2b 100644
--- a/package.json
+++ b/package.json
@@ -51,6 +51,7 @@
     "@ubie/prettier-config": "^0.1.0",
     "eslint": "^8.51.0",
     "eslint-config-prettier": "^9.0.0",
+    "eslint-import-resolver-typescript": "^3.6.1",
     "eslint-plugin-astro": "^0.29.1",
     "eslint-plugin-import": "^2.28.1",
     "eslint-plugin-jsx-a11y": "^6.7.1",

From c09b5c9e2a6e5f38223c58785f0cbe20787d2e0f Mon Sep 17 00:00:00 2001
From: 8845musign <hiroki.yokouchi@dr-ubie.com>
Date: Thu, 26 Oct 2023 16:07:04 +0900
Subject: [PATCH 4/4] fix: lint warning

Signed-off-by: 8845musign <hiroki.yokouchi@dr-ubie.com>
---
 src/components/react/ButtonIcon.tsx           | 20 +++++--------------
 src/components/react/CopyButton.tsx           |  2 +-
 src/components/react/GlobalNavigation.tsx     |  2 +-
 .../react/TableOfContents/TableOfContents.tsx |  2 +-
 src/components/react/WithGlobalNavigation.tsx |  2 +-
 .../react/figures/color/ColorChip.tsx         |  2 +-
 .../react/figures/radius/TokenList.tsx        |  2 +-
 .../react/figures/spacing/TokenList.tsx       |  2 +-
 .../react/figures/typography/ExampleText.tsx  |  2 +-
 9 files changed, 13 insertions(+), 23 deletions(-)

diff --git a/src/components/react/ButtonIcon.tsx b/src/components/react/ButtonIcon.tsx
index a7934c4..dc7ca96 100644
--- a/src/components/react/ButtonIcon.tsx
+++ b/src/components/react/ButtonIcon.tsx
@@ -1,6 +1,6 @@
-import { clsx } from "clsx";
-import styles from "./ButtonIcon.module.css";
-import type { FC, ReactNode } from "react";
+import { clsx } from 'clsx';
+import styles from './ButtonIcon.module.css';
+import type { FC, ReactNode } from 'react';
 
 interface Props {
   children: ReactNode;
@@ -9,18 +9,8 @@ interface Props {
   className?: string;
 }
 
-const ButtonIcon: FC<Props> = ({
-  children,
-  label,
-  onClick,
-  className = "",
-}) => (
-  <button
-    onClick={onClick}
-    aria-label={label}
-    className={clsx(styles.button, className)}
-    title={label}
-  >
+const ButtonIcon: FC<Props> = ({ children, label, onClick, className = '' }) => (
+  <button onClick={onClick} aria-label={label} className={clsx(styles.button, className)} title={label}>
     {children}
   </button>
 );
diff --git a/src/components/react/CopyButton.tsx b/src/components/react/CopyButton.tsx
index 5137b18..ba688ae 100644
--- a/src/components/react/CopyButton.tsx
+++ b/src/components/react/CopyButton.tsx
@@ -1,6 +1,6 @@
-import { copyToClipboard } from '@utils/client';
 import { clsx } from 'clsx';
 import { useState } from 'react';
+import { copyToClipboard } from '@utils/client';
 import styles from './CopyButton.module.css';
 import type { FC } from 'react';
 
diff --git a/src/components/react/GlobalNavigation.tsx b/src/components/react/GlobalNavigation.tsx
index 4dbe856..d8a1385 100644
--- a/src/components/react/GlobalNavigation.tsx
+++ b/src/components/react/GlobalNavigation.tsx
@@ -1,7 +1,7 @@
 import { useStore } from '@nanostores/react';
-import { $isMobileGlobalNavigationOpen } from '@store/navigation';
 import clsx from 'clsx';
 import FocusTrap from 'focus-trap-react';
+import { $isMobileGlobalNavigationOpen } from '@store/navigation';
 import styles from './GlobalNavigation.module.css';
 import type { PostData } from '@types';
 import type { FC } from 'react';
diff --git a/src/components/react/TableOfContents/TableOfContents.tsx b/src/components/react/TableOfContents/TableOfContents.tsx
index ee1b48e..01186d6 100644
--- a/src/components/react/TableOfContents/TableOfContents.tsx
+++ b/src/components/react/TableOfContents/TableOfContents.tsx
@@ -1,5 +1,5 @@
-import { extractHeadingsFromMain, pickHeadingIds } from '@utils/client';
 import { useEffect, useState } from 'react';
+import { extractHeadingsFromMain, pickHeadingIds } from '@utils/client';
 import LinkToHeading from './LinkToHeading';
 import styles from './TableOfContents.module.css';
 import type { Heading } from '@utils/client';
diff --git a/src/components/react/WithGlobalNavigation.tsx b/src/components/react/WithGlobalNavigation.tsx
index b0ce596..0fa1b76 100644
--- a/src/components/react/WithGlobalNavigation.tsx
+++ b/src/components/react/WithGlobalNavigation.tsx
@@ -1,6 +1,6 @@
 import { useStore } from '@nanostores/react';
-import { $isMobileGlobalNavigationOpen } from '@store/navigation';
 import clsx from 'clsx';
+import { $isMobileGlobalNavigationOpen } from '@store/navigation';
 import GlobalNavigation from './GlobalNavigation';
 import styles from './WithGlobalNavigation.module.css';
 import type { PostData } from '@types';
diff --git a/src/components/react/figures/color/ColorChip.tsx b/src/components/react/figures/color/ColorChip.tsx
index 76dd5b3..9edab08 100644
--- a/src/components/react/figures/color/ColorChip.tsx
+++ b/src/components/react/figures/color/ColorChip.tsx
@@ -1,5 +1,5 @@
-import ButtonCopy from '@components/react/CopyButton';
 import DesignToken from '@ubie/design-tokens';
+import ButtonCopy from '@components/react/CopyButton';
 import { validateContrast, convertHexWithPercentage, convertDisplayName, deleteAlpha } from '@utils/client';
 import styles from './ColorChip.module.css';
 import ColorChipValidationIndicator from './ColorChipValidationIndicator';
diff --git a/src/components/react/figures/radius/TokenList.tsx b/src/components/react/figures/radius/TokenList.tsx
index 9d7bcd8..eede143 100644
--- a/src/components/react/figures/radius/TokenList.tsx
+++ b/src/components/react/figures/radius/TokenList.tsx
@@ -1,6 +1,6 @@
+import DesignToken from '@ubie/design-tokens';
 import CopyButton from '@components/react/CopyButton';
 import Table, { Row, TBody, THead, Cell, HeadCell, HeadRow } from '@components/react/Table';
-import DesignToken from '@ubie/design-tokens';
 import { pascalCaseToCSSVariables } from '@utils/client/css';
 import { getKeys } from '@utils/client/object';
 import type { FC } from 'react';
diff --git a/src/components/react/figures/spacing/TokenList.tsx b/src/components/react/figures/spacing/TokenList.tsx
index e4140b8..6ee7125 100644
--- a/src/components/react/figures/spacing/TokenList.tsx
+++ b/src/components/react/figures/spacing/TokenList.tsx
@@ -1,6 +1,6 @@
+import DesignToken from '@ubie/design-tokens';
 import CopyButton from '@components/react/CopyButton';
 import Table, { Row, TBody, THead, Cell, HeadCell, HeadRow } from '@components/react/Table';
-import DesignToken from '@ubie/design-tokens';
 import { pascalCaseToCSSVariables } from '@utils/client/css';
 import { getKeys } from '@utils/client/object';
 import type { FC } from 'react';
diff --git a/src/components/react/figures/typography/ExampleText.tsx b/src/components/react/figures/typography/ExampleText.tsx
index 3974dc2..319fe8c 100644
--- a/src/components/react/figures/typography/ExampleText.tsx
+++ b/src/components/react/figures/typography/ExampleText.tsx
@@ -1,5 +1,5 @@
-import CopyButton from '@components/react/CopyButton';
 import DesignTokens from '@ubie/design-tokens';
+import CopyButton from '@components/react/CopyButton';
 import { convertToTypographyCSS, convertToTypographyReact } from './scripts';
 import type { FC } from 'react';