diff --git a/packages/examples/package.json b/packages/examples/package.json
index b705abfdf..24cc2fc68 100644
--- a/packages/examples/package.json
+++ b/packages/examples/package.json
@@ -14,6 +14,9 @@
   },
   "devDependencies": {
     "@vitejs/plugin-react": "^4.2.1",
+    "autoprefixer": "^10.4.20",
+    "postcss": "^8.4.47",
+    "tailwindcss": "^3.4.12",
     "vite": "^5.0.11"
   },
   "peerDependencies": {
diff --git a/packages/examples/postcss.config.js b/packages/examples/postcss.config.js
new file mode 100644
index 000000000..12a703d90
--- /dev/null
+++ b/packages/examples/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};
diff --git a/packages/examples/src/duplicatedImages/index.jsx b/packages/examples/src/examples/duplicated-images/index.jsx
similarity index 85%
rename from packages/examples/src/duplicatedImages/index.jsx
rename to packages/examples/src/examples/duplicated-images/index.jsx
index 473f7fdd1..cca510c5b 100644
--- a/packages/examples/src/duplicatedImages/index.jsx
+++ b/packages/examples/src/examples/duplicated-images/index.jsx
@@ -4,7 +4,7 @@
 import React from 'react';
 import { Document, Page, Image, StyleSheet } from '@react-pdf/renderer';
 
-import Quijote1 from '../../public/quijote1.jpg';
+import Quijote1 from '../../../public/quijote1.jpg';
 
 const styles = StyleSheet.create({
   body: {
@@ -52,7 +52,7 @@ const MyDoc = () => {
   );
 };
 
-const App = () => {
+const DuplicatedImages = () => {
   return (
     <Document>
       <MyDoc />
@@ -60,4 +60,9 @@ const App = () => {
   );
 };
 
-export default App;
+export default {
+  id: 'duplicated-images',
+  name: 'Duplicated Images',
+  description: '',
+  Document: DuplicatedImages,
+};
diff --git a/packages/examples/src/ellipsis/index.jsx b/packages/examples/src/examples/ellipsis/index.jsx
similarity index 81%
rename from packages/examples/src/ellipsis/index.jsx
rename to packages/examples/src/examples/ellipsis/index.jsx
index fc279f38a..4bdccc4cd 100644
--- a/packages/examples/src/ellipsis/index.jsx
+++ b/packages/examples/src/examples/ellipsis/index.jsx
@@ -11,7 +11,7 @@ import {
   Font,
 } from '@react-pdf/renderer';
 
-import RobotoFont from '../../public/Roboto-Regular.ttf';
+import RobotoFont from '../../../public/Roboto-Regular.ttf';
 
 const styles = StyleSheet.create({
   body: {
@@ -48,7 +48,7 @@ const MyDoc = () => {
   );
 };
 
-const App = () => {
+const Ellipsis = () => {
   return (
     <Document>
       <MyDoc />
@@ -56,4 +56,9 @@ const App = () => {
   );
 };
 
-export default App;
+export default {
+  id: 'ellipsis',
+  name: 'Ellipsis',
+  description: '',
+  Document: Ellipsis,
+};
diff --git a/packages/examples/src/emoji/index.jsx b/packages/examples/src/examples/emoji/index.jsx
similarity index 81%
rename from packages/examples/src/emoji/index.jsx
rename to packages/examples/src/examples/emoji/index.jsx
index f24c98ac7..9727fd000 100644
--- a/packages/examples/src/emoji/index.jsx
+++ b/packages/examples/src/examples/emoji/index.jsx
@@ -23,8 +23,6 @@ const styles = StyleSheet.create({
 Font.registerEmojiSource({
   format: 'png',
   url: 'https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/72x72/',
-  // url: 'https://cdn.jsdelivr.net/npm/emoji-datasource-apple@15.0.1/img/apple/64/',
-  // withVariationSelectors: true,
 });
 
 const Emoji = () => (
@@ -37,4 +35,9 @@ const Emoji = () => (
   </Document>
 );
 
-export default Emoji;
+export default {
+  id: 'emoji',
+  name: 'Emoji',
+  description: '',
+  Document: Emoji,
+};
diff --git a/packages/examples/src/fontFamilyFallback/index.jsx b/packages/examples/src/examples/font-family-fallback/index.jsx
similarity index 83%
rename from packages/examples/src/fontFamilyFallback/index.jsx
rename to packages/examples/src/examples/font-family-fallback/index.jsx
index ce38bddf7..a948a539c 100644
--- a/packages/examples/src/fontFamilyFallback/index.jsx
+++ b/packages/examples/src/examples/font-family-fallback/index.jsx
@@ -4,11 +4,11 @@
 import React from 'react';
 import { Document, Page, Text, StyleSheet, Font } from '@react-pdf/renderer';
 
-import RobotoFont from '../../public/Roboto-Regular.ttf';
-import RobotoBoldFont from '../../public/Roboto-Bold.ttf';
-import RobotItalicFont from '../../public/Roboto-Italic.ttf';
+import RobotoFont from '../../../public/Roboto-Regular.ttf';
+import RobotoBoldFont from '../../../public/Roboto-Bold.ttf';
+import RobotItalicFont from '../../../public/Roboto-Italic.ttf';
 
-import NotoSansArabicFont from '../../public/NotoSansArabic-Regular.ttf';
+import NotoSansArabicFont from '../../../public/NotoSansArabic-Regular.ttf';
 
 const styles = StyleSheet.create({
   body: {
@@ -96,7 +96,7 @@ const MyDoc = () => {
   );
 };
 
-const App = () => {
+const FontFamilyFallback = () => {
   return (
     <Document>
       <MyDoc />
@@ -104,4 +104,9 @@ const App = () => {
   );
 };
 
-export default App;
+export default {
+  id: 'font-family-fallback',
+  name: 'Font Family Fallback',
+  description: '',
+  Document: FontFamilyFallback,
+};
diff --git a/packages/examples/src/fontWeight/index.jsx b/packages/examples/src/examples/font-weight/index.jsx
similarity index 76%
rename from packages/examples/src/fontWeight/index.jsx
rename to packages/examples/src/examples/font-weight/index.jsx
index fd2c62379..40e7c1abf 100644
--- a/packages/examples/src/fontWeight/index.jsx
+++ b/packages/examples/src/examples/font-weight/index.jsx
@@ -4,10 +4,10 @@
 import React from 'react';
 import { Document, Page, Text, StyleSheet, Font } from '@react-pdf/renderer';
 
-import RobotoFont from '../../public/Roboto-Regular.ttf';
-import RobotoFontMedium from '../../public/Roboto-Medium.ttf';
-import RobotoFontBold from '../../public/Roboto-Bold.ttf';
-import RobotoFontBlack from '../../public/Roboto-Black.ttf';
+import RobotoFont from '../../../public/Roboto-Regular.ttf';
+import RobotoFontMedium from '../../../public/Roboto-Medium.ttf';
+import RobotoFontBold from '../../../public/Roboto-Bold.ttf';
+import RobotoFontBlack from '../../../public/Roboto-Black.ttf';
 
 const styles = StyleSheet.create({
   body: {
@@ -67,7 +67,7 @@ const MyDoc = () => {
   );
 };
 
-const App = () => {
+const FontWeight = () => {
   return (
     <Document>
       <MyDoc />
@@ -75,4 +75,9 @@ const App = () => {
   );
 };
 
-export default App;
+export default {
+  id: 'font-weight',
+  name: 'Font Weight',
+  description: '',
+  Document: FontWeight,
+};
diff --git a/packages/examples/src/fractals/Fractal.jsx b/packages/examples/src/examples/fractals/Fractal.jsx
similarity index 100%
rename from packages/examples/src/fractals/Fractal.jsx
rename to packages/examples/src/examples/fractals/Fractal.jsx
diff --git a/packages/examples/src/fractals/index.jsx b/packages/examples/src/examples/fractals/index.jsx
similarity index 79%
rename from packages/examples/src/fractals/index.jsx
rename to packages/examples/src/examples/fractals/index.jsx
index 9c295275a..814a70bdc 100644
--- a/packages/examples/src/fractals/index.jsx
+++ b/packages/examples/src/examples/fractals/index.jsx
@@ -19,4 +19,9 @@ const Fractals = () => (
   </Document>
 );
 
-export default Fractals;
+export default {
+  id: 'fractals',
+  name: 'Fractals',
+  description: '',
+  Document: Fractals,
+};
diff --git a/packages/examples/src/goTo/index.jsx b/packages/examples/src/examples/go-to/index.jsx
similarity index 72%
rename from packages/examples/src/goTo/index.jsx
rename to packages/examples/src/examples/go-to/index.jsx
index 755ab865b..96ea6feb4 100644
--- a/packages/examples/src/goTo/index.jsx
+++ b/packages/examples/src/examples/go-to/index.jsx
@@ -4,7 +4,7 @@ import { Page, Document, Link, View, Image } from '@react-pdf/renderer';
 const GoTo = () => (
   <Document>
     <Page size="A4">
-      <Link href="#myDest">Link</Link>
+      <Link href="#myDest">Link to Image</Link>
     </Page>
 
     <Page size="A4">
@@ -14,4 +14,9 @@ const GoTo = () => (
   </Document>
 );
 
-export default GoTo;
+export default {
+  id: 'go-to',
+  name: 'Go To',
+  description: '',
+  Document: GoTo,
+};
diff --git a/packages/examples/src/examples/index.js b/packages/examples/src/examples/index.js
new file mode 100644
index 000000000..f37396c7e
--- /dev/null
+++ b/packages/examples/src/examples/index.js
@@ -0,0 +1,43 @@
+import duplicatedImages from './duplicated-images';
+import ellipsis from './ellipsis';
+import emoji from './emoji';
+import fontFamilyFallback from './font-family-fallback';
+import fontWeight from './font-weight';
+import fractals from './fractals';
+import goTo from './go-to';
+import JpgOrientation from './jpg-orientation';
+import knobs from './knobs';
+import link from './link';
+import mediaQueries from './media-queries';
+import minPresenceAhead from './min-presence-ahead';
+import multilineText from './multiline-text';
+import objectFit from './object-fit';
+import pageWrap from './page-wrap';
+import resume from './resume';
+import svg from './svg';
+import svgTransform from './svg-transform';
+import transformOrigin from './transform-origin';
+
+const EXAMPLES = [
+  duplicatedImages,
+  ellipsis,
+  emoji,
+  fontFamilyFallback,
+  fontWeight,
+  fractals,
+  goTo,
+  JpgOrientation,
+  knobs,
+  link,
+  mediaQueries,
+  minPresenceAhead,
+  multilineText,
+  objectFit,
+  pageWrap,
+  resume,
+  svg,
+  svgTransform,
+  transformOrigin,
+];
+
+export default EXAMPLES;
diff --git a/packages/examples/src/jpgOrientation/images/orientation-1.jpeg b/packages/examples/src/examples/jpg-orientation/images/orientation-1.jpeg
similarity index 100%
rename from packages/examples/src/jpgOrientation/images/orientation-1.jpeg
rename to packages/examples/src/examples/jpg-orientation/images/orientation-1.jpeg
diff --git a/packages/examples/src/jpgOrientation/images/orientation-2.jpeg b/packages/examples/src/examples/jpg-orientation/images/orientation-2.jpeg
similarity index 100%
rename from packages/examples/src/jpgOrientation/images/orientation-2.jpeg
rename to packages/examples/src/examples/jpg-orientation/images/orientation-2.jpeg
diff --git a/packages/examples/src/jpgOrientation/images/orientation-3.jpeg b/packages/examples/src/examples/jpg-orientation/images/orientation-3.jpeg
similarity index 100%
rename from packages/examples/src/jpgOrientation/images/orientation-3.jpeg
rename to packages/examples/src/examples/jpg-orientation/images/orientation-3.jpeg
diff --git a/packages/examples/src/jpgOrientation/images/orientation-4.jpeg b/packages/examples/src/examples/jpg-orientation/images/orientation-4.jpeg
similarity index 100%
rename from packages/examples/src/jpgOrientation/images/orientation-4.jpeg
rename to packages/examples/src/examples/jpg-orientation/images/orientation-4.jpeg
diff --git a/packages/examples/src/jpgOrientation/images/orientation-5.jpeg b/packages/examples/src/examples/jpg-orientation/images/orientation-5.jpeg
similarity index 100%
rename from packages/examples/src/jpgOrientation/images/orientation-5.jpeg
rename to packages/examples/src/examples/jpg-orientation/images/orientation-5.jpeg
diff --git a/packages/examples/src/jpgOrientation/images/orientation-6.jpeg b/packages/examples/src/examples/jpg-orientation/images/orientation-6.jpeg
similarity index 100%
rename from packages/examples/src/jpgOrientation/images/orientation-6.jpeg
rename to packages/examples/src/examples/jpg-orientation/images/orientation-6.jpeg
diff --git a/packages/examples/src/jpgOrientation/images/orientation-7.jpeg b/packages/examples/src/examples/jpg-orientation/images/orientation-7.jpeg
similarity index 100%
rename from packages/examples/src/jpgOrientation/images/orientation-7.jpeg
rename to packages/examples/src/examples/jpg-orientation/images/orientation-7.jpeg
diff --git a/packages/examples/src/jpgOrientation/images/orientation-8.jpeg b/packages/examples/src/examples/jpg-orientation/images/orientation-8.jpeg
similarity index 100%
rename from packages/examples/src/jpgOrientation/images/orientation-8.jpeg
rename to packages/examples/src/examples/jpg-orientation/images/orientation-8.jpeg
diff --git a/packages/examples/src/jpgOrientation/index.jsx b/packages/examples/src/examples/jpg-orientation/index.jsx
similarity index 89%
rename from packages/examples/src/jpgOrientation/index.jsx
rename to packages/examples/src/examples/jpg-orientation/index.jsx
index 0748c87dd..aa3ae294e 100644
--- a/packages/examples/src/jpgOrientation/index.jsx
+++ b/packages/examples/src/examples/jpg-orientation/index.jsx
@@ -10,7 +10,7 @@ import Orientation6 from './images/orientation-6.jpeg';
 import Orientation7 from './images/orientation-7.jpeg';
 import Orientation8 from './images/orientation-8.jpeg';
 
-const Emoji = () => (
+const JpgOrientation = () => (
   <Document>
     <Page>
       <View style={{ flexDirection: 'row', flexWrap: 'wrap' }}>
@@ -27,4 +27,9 @@ const Emoji = () => (
   </Document>
 );
 
-export default Emoji;
+export default {
+  id: 'jpg-orientation',
+  name: 'Jpg Orientation',
+  description: '',
+  Document: JpgOrientation,
+};
diff --git a/packages/examples/src/knobs/index.jsx b/packages/examples/src/examples/knobs/index.jsx
similarity index 94%
rename from packages/examples/src/knobs/index.jsx
rename to packages/examples/src/examples/knobs/index.jsx
index e9e8120fb..ac1275684 100644
--- a/packages/examples/src/knobs/index.jsx
+++ b/packages/examples/src/examples/knobs/index.jsx
@@ -72,4 +72,9 @@ const Knobs = () => (
   </Document>
 );
 
-export default Knobs;
+export default {
+  id: 'knobs',
+  name: 'Knobs',
+  description: '',
+  Document: Knobs,
+};
diff --git a/packages/examples/src/link/index.jsx b/packages/examples/src/examples/link/index.jsx
similarity index 87%
rename from packages/examples/src/link/index.jsx
rename to packages/examples/src/examples/link/index.jsx
index 30eb52346..918ee4818 100644
--- a/packages/examples/src/link/index.jsx
+++ b/packages/examples/src/examples/link/index.jsx
@@ -24,4 +24,9 @@ const LinkExample = () => (
   </Document>
 );
 
-export default LinkExample;
+export default {
+  id: 'link',
+  name: 'Link',
+  description: '',
+  Document: LinkExample,
+};
diff --git a/packages/examples/src/mediaQueries/index.jsx b/packages/examples/src/examples/media-queries/index.jsx
similarity index 85%
rename from packages/examples/src/mediaQueries/index.jsx
rename to packages/examples/src/examples/media-queries/index.jsx
index 4a99ec6ee..9a7caad03 100644
--- a/packages/examples/src/mediaQueries/index.jsx
+++ b/packages/examples/src/examples/media-queries/index.jsx
@@ -28,7 +28,7 @@ const MediaComponent = () => (
   </View>
 );
 
-const mediaQueries = () => (
+const MediaQueries = () => (
   <Document>
     <Page style={styles.body} size={[500, 600]}>
       <MediaComponent />
@@ -39,4 +39,9 @@ const mediaQueries = () => (
   </Document>
 );
 
-export default mediaQueries;
+export default {
+  id: 'media-queries',
+  name: 'Media Queries',
+  description: '',
+  Document: MediaQueries,
+};
diff --git a/packages/examples/src/minPresenceAhead/index.jsx b/packages/examples/src/examples/min-presence-ahead/index.jsx
similarity index 87%
rename from packages/examples/src/minPresenceAhead/index.jsx
rename to packages/examples/src/examples/min-presence-ahead/index.jsx
index 24776e7be..36981bba4 100644
--- a/packages/examples/src/minPresenceAhead/index.jsx
+++ b/packages/examples/src/examples/min-presence-ahead/index.jsx
@@ -43,4 +43,9 @@ const MinPresenceAhead = () => (
   </Document>
 );
 
-export default MinPresenceAhead;
+export default {
+  id: 'min-presence-ahead',
+  name: 'Min Presence Ahead',
+  description: '',
+  Document: MinPresenceAhead,
+};
diff --git a/packages/examples/src/multilineText/index.jsx b/packages/examples/src/examples/multiline-text/index.jsx
similarity index 73%
rename from packages/examples/src/multilineText/index.jsx
rename to packages/examples/src/examples/multiline-text/index.jsx
index 0d7267879..782abd27c 100644
--- a/packages/examples/src/multilineText/index.jsx
+++ b/packages/examples/src/examples/multiline-text/index.jsx
@@ -11,17 +11,17 @@ const styles = StyleSheet.create({
   },
 });
 
-const Doc = () => (
+const MultilineText = () => (
   <Document>
     <Page size="A4">
       <View style={styles.body}>
-        <Text style={{ backgroundColor: 'green' }}>
+        <Text style={{ backgroundColor: 'lightgray' }}>
           Single line text with{' '}
           <Text style={styles.highlight}>inline text highlighted</Text> Again
           Black Text
         </Text>
 
-        <Text style={{ backgroundColor: 'green' }}>
+        <Text style={{ backgroundColor: 'lightgray' }}>
           Nested Text with{' '}
           <Text style={styles.highlight}>inline text highlighted</Text> in a
           long, long, long, long, long, long long
@@ -31,4 +31,9 @@ const Doc = () => (
   </Document>
 );
 
-export default Doc;
+export default {
+  id: 'multiline-text',
+  name: 'Multiline Text',
+  description: '',
+  Document: MultilineText,
+};
diff --git a/packages/examples/src/objectFit/index.jsx b/packages/examples/src/examples/object-fit/index.jsx
similarity index 90%
rename from packages/examples/src/objectFit/index.jsx
rename to packages/examples/src/examples/object-fit/index.jsx
index dbf4de92d..6a8a6c6b4 100644
--- a/packages/examples/src/objectFit/index.jsx
+++ b/packages/examples/src/examples/object-fit/index.jsx
@@ -24,7 +24,7 @@ const styles = StyleSheet.create({
   },
 });
 
-const Quixote = () => (
+const ObjectFit = () => (
   <Document>
     <Page>
       <View style={styles.surrounding}>
@@ -52,4 +52,9 @@ const Quixote = () => (
   </Document>
 );
 
-export default Quixote;
+export default {
+  id: 'object-fit',
+  name: 'Object Fit',
+  description: '',
+  Document: ObjectFit,
+};
diff --git a/packages/examples/src/pageWrap/index.jsx b/packages/examples/src/examples/page-wrap/index.jsx
similarity index 98%
rename from packages/examples/src/pageWrap/index.jsx
rename to packages/examples/src/examples/page-wrap/index.jsx
index a9cafd370..aa8715a13 100644
--- a/packages/examples/src/pageWrap/index.jsx
+++ b/packages/examples/src/examples/page-wrap/index.jsx
@@ -8,8 +8,8 @@ import {
   StyleSheet,
 } from '@react-pdf/renderer';
 
-import Quijote1 from '../../public/quijote1.jpg';
-import Quijote2 from '../../public/quijote2.png';
+import Quijote1 from '../../../public/quijote1.jpg';
+import Quijote2 from '../../../public/quijote2.png';
 
 Font.register({
   family: 'Oswald',
@@ -64,7 +64,7 @@ const styles = StyleSheet.create({
   },
 });
 
-const Quixote = () => (
+const PageWrap = () => (
   <Document>
     <Page style={styles.body}>
       <Text style={styles.header} fixed>
@@ -241,4 +241,9 @@ const Quixote = () => (
   </Document>
 );
 
-export default Quixote;
+export default {
+  id: 'page-wrap',
+  name: 'Page Wrap',
+  description: '',
+  Document: PageWrap,
+};
diff --git a/packages/examples/src/resume/Education.jsx b/packages/examples/src/examples/resume/Education.jsx
similarity index 100%
rename from packages/examples/src/resume/Education.jsx
rename to packages/examples/src/examples/resume/Education.jsx
diff --git a/packages/examples/src/resume/Experience.jsx b/packages/examples/src/examples/resume/Experience.jsx
similarity index 100%
rename from packages/examples/src/resume/Experience.jsx
rename to packages/examples/src/examples/resume/Experience.jsx
diff --git a/packages/examples/src/resume/Header.jsx b/packages/examples/src/examples/resume/Header.jsx
similarity index 100%
rename from packages/examples/src/resume/Header.jsx
rename to packages/examples/src/examples/resume/Header.jsx
diff --git a/packages/examples/src/resume/List.jsx b/packages/examples/src/examples/resume/List.jsx
similarity index 100%
rename from packages/examples/src/resume/List.jsx
rename to packages/examples/src/examples/resume/List.jsx
diff --git a/packages/examples/src/resume/Skills.jsx b/packages/examples/src/examples/resume/Skills.jsx
similarity index 100%
rename from packages/examples/src/resume/Skills.jsx
rename to packages/examples/src/examples/resume/Skills.jsx
diff --git a/packages/examples/src/resume/Title.jsx b/packages/examples/src/examples/resume/Title.jsx
similarity index 100%
rename from packages/examples/src/resume/Title.jsx
rename to packages/examples/src/examples/resume/Title.jsx
diff --git a/packages/examples/src/resume/index.jsx b/packages/examples/src/examples/resume/index.jsx
similarity index 83%
rename from packages/examples/src/resume/index.jsx
rename to packages/examples/src/examples/resume/index.jsx
index 54614e43a..f5a66c29c 100644
--- a/packages/examples/src/resume/index.jsx
+++ b/packages/examples/src/examples/resume/index.jsx
@@ -76,15 +76,15 @@ Font.register({
   src: `https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh6UVSwiPHA.ttf`,
 });
 
+const IMAGE_SRC =
+  'https://i.guim.co.uk/img/media/a23aeb1f7ff20bb80f68852da17743b0e557f8ed/0_224_3504_2102/master/3504.jpg?width=1200&height=1200&quality=85&auto=format&fit=crop&s=9e9a99e479ee60270b69ede4d869b20f';
+
 const Resume = (props) => (
   <Page {...props} style={styles.page}>
     <Header />
     <View style={styles.container}>
       <View style={styles.leftColumn}>
-        <Image
-          src="https://react-pdf.org/static/images/luke.jpg"
-          style={styles.image}
-        />
+        <Image src={IMAGE_SRC} style={styles.image} />
         <Education />
         <Skills />
       </View>
@@ -94,7 +94,7 @@ const Resume = (props) => (
   </Page>
 );
 
-const App = () => (
+const ResumeDocument = () => (
   <Document
     author="Luke Skywalker"
     keywords="awesome, resume, start wars"
@@ -107,4 +107,9 @@ const App = () => (
   </Document>
 );
 
-export default App;
+export default {
+  id: 'resume',
+  name: 'Resume',
+  description: '',
+  Document: ResumeDocument,
+};
diff --git a/packages/examples/src/svgTransform/index.jsx b/packages/examples/src/examples/svg-transform/index.jsx
similarity index 71%
rename from packages/examples/src/svgTransform/index.jsx
rename to packages/examples/src/examples/svg-transform/index.jsx
index 3dddb8670..c22d3010f 100644
--- a/packages/examples/src/svgTransform/index.jsx
+++ b/packages/examples/src/examples/svg-transform/index.jsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { Document, Page, Svg, G, Rect } from '@react-pdf/renderer';
 
-const App = () => {
+const SvgTransform = () => {
   return (
     <Document>
       <Page>
@@ -15,4 +15,9 @@ const App = () => {
   );
 };
 
-export default App;
+export default {
+  id: 'svg-transform',
+  name: 'Svg Transform',
+  description: '',
+  Document: SvgTransform,
+};
diff --git a/packages/examples/src/svg/Heart.jsx b/packages/examples/src/examples/svg/Heart.jsx
similarity index 100%
rename from packages/examples/src/svg/Heart.jsx
rename to packages/examples/src/examples/svg/Heart.jsx
diff --git a/packages/examples/src/svg/Star.jsx b/packages/examples/src/examples/svg/Star.jsx
similarity index 100%
rename from packages/examples/src/svg/Star.jsx
rename to packages/examples/src/examples/svg/Star.jsx
diff --git a/packages/examples/src/svg/Svg1.jsx b/packages/examples/src/examples/svg/Svg1.jsx
similarity index 100%
rename from packages/examples/src/svg/Svg1.jsx
rename to packages/examples/src/examples/svg/Svg1.jsx
diff --git a/packages/examples/src/svg/Svg2.jsx b/packages/examples/src/examples/svg/Svg2.jsx
similarity index 100%
rename from packages/examples/src/svg/Svg2.jsx
rename to packages/examples/src/examples/svg/Svg2.jsx
diff --git a/packages/examples/src/svg/Svg4.jsx b/packages/examples/src/examples/svg/Svg4.jsx
similarity index 100%
rename from packages/examples/src/svg/Svg4.jsx
rename to packages/examples/src/examples/svg/Svg4.jsx
diff --git a/packages/examples/src/svg/index.jsx b/packages/examples/src/examples/svg/index.jsx
similarity index 89%
rename from packages/examples/src/svg/index.jsx
rename to packages/examples/src/examples/svg/index.jsx
index 3ca899955..7c9d0c0fe 100644
--- a/packages/examples/src/svg/index.jsx
+++ b/packages/examples/src/examples/svg/index.jsx
@@ -34,4 +34,9 @@ const App = () => {
   );
 };
 
-export default App;
+export default {
+  id: 'svg',
+  name: 'Svg',
+  description: '',
+  Document: App,
+};
diff --git a/packages/examples/src/svg/svg.jsx b/packages/examples/src/examples/svg/svg.jsx
similarity index 100%
rename from packages/examples/src/svg/svg.jsx
rename to packages/examples/src/examples/svg/svg.jsx
diff --git a/packages/examples/src/transformOrigin/index.jsx b/packages/examples/src/examples/transform-origin/index.jsx
similarity index 89%
rename from packages/examples/src/transformOrigin/index.jsx
rename to packages/examples/src/examples/transform-origin/index.jsx
index 6b3c00217..c95a5cf0c 100644
--- a/packages/examples/src/transformOrigin/index.jsx
+++ b/packages/examples/src/examples/transform-origin/index.jsx
@@ -13,7 +13,7 @@ const Box = ({ origin }) => (
   />
 );
 
-const App = () => {
+const TransformOrigin = () => {
   return (
     <Document>
       <Page style={{ flexWrap: 'wrap', flexDirection: 'row' }}>
@@ -48,4 +48,9 @@ const App = () => {
   );
 };
 
-export default App;
+export default {
+  id: 'transform-origin',
+  name: 'Transform Origin',
+  description: '',
+  Document: TransformOrigin,
+};
diff --git a/packages/examples/src/index.css b/packages/examples/src/index.css
index 98ebbae39..b5c61c956 100644
--- a/packages/examples/src/index.css
+++ b/packages/examples/src/index.css
@@ -1,41 +1,3 @@
-@font-face {
-  font-family: Cairo;
-  src: url('../public/Cairo-Regular.ttf');
-}
-@font-face {
-  font-family: Rubik;
-  src: url('../public/Rubik-Regular.ttf');
-}
-
-body {
-  margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
-    monospace;
-}
-
-iframe {
-  width: 100vw;
-  height: 100vh;
-}
-
-.cairo {
-  font-family: Cairo;
-  direction: rtl;
-}
-
-.rubik {
-  font-family: Rubik;
-  /* direction: rtl; */
-}
-
-svg {
-  background-color: white;
-}
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/packages/examples/src/index.jsx b/packages/examples/src/index.jsx
index 23d6c6b82..639d7a855 100644
--- a/packages/examples/src/index.jsx
+++ b/packages/examples/src/index.jsx
@@ -1,19 +1,50 @@
-import React from 'react';
-import { createRoot } from 'react-dom/client';
+import './index.css';
 
+import React, { useEffect, useState } from 'react';
+import { createRoot } from 'react-dom/client';
 import { PDFViewer } from '@react-pdf/renderer';
 
-import Document from './fontFamilyFallback';
+import EXAMPLES from './examples';
 
-import './index.css';
+const ExamplesPage = () => {
+  const [hash, setHash] = useState(
+    window.location.hash.substring(1) || 'page-wrap'
+  );
+
+  const index = EXAMPLES.findIndex((example) => example.id === hash);
+
+  useEffect(() => {
+    const listener = (event) =>
+      setHash(event.target.location.hash.substring(1));
+    window.addEventListener('popstate', listener);
+    return () => window.removeEventListener('popstate', listener);
+  });
+
+  const { Document } = EXAMPLES[index];
 
-const DocumentWrapper = () => {
   return (
-    <>
-      <PDFViewer>
-        <Document />
-      </PDFViewer>
-    </>
+    <main className="w-screen h-screen flex">
+      <nav className="bg-slate-100 w-60">
+        <ul>
+          {EXAMPLES.map((example) => (
+            <li
+              key={example.id}
+              className="hover:bg-slate-200 w-full px-4 py-1 cursor-pointer transition-all border-b border-slate-300 flex"
+            >
+              <a href={`#${example.id}`} className="flex-1">
+                {example.name}
+              </a>
+            </li>
+          ))}
+        </ul>
+      </nav>
+
+      <div key={hash} className="h-full flex-1">
+        <PDFViewer showToolbar={false} className="size-full">
+          <Document />
+        </PDFViewer>
+      </div>
+    </main>
   );
 };
 
@@ -21,6 +52,6 @@ const MOUNT_ELEMENT = document.createElement('div');
 
 document.body.appendChild(MOUNT_ELEMENT);
 
-const root = createRoot(MOUNT_ELEMENT); // createRoot(container!) if you use TypeScript
+const root = createRoot(MOUNT_ELEMENT);
 
-root.render(<DocumentWrapper />);
+root.render(<ExamplesPage />);
diff --git a/packages/examples/tailwind.config.js b/packages/examples/tailwind.config.js
new file mode 100644
index 000000000..45dafc411
--- /dev/null
+++ b/packages/examples/tailwind.config.js
@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ['./src/index.html', './src/**/*.{js,ts,jsx,tsx}'],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};
diff --git a/yarn.lock b/yarn.lock
index 588d522d3..ee88f16ac 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7,6 +7,11 @@
   resolved "https://registry.yarnpkg.com/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz#bd9154aec9983f77b3a034ecaa015c2e4201f6cf"
   integrity sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==
 
+"@alloc/quick-lru@^5.2.0":
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/@alloc/quick-lru/-/quick-lru-5.2.0.tgz#7bf68b20c0a350f936915fcae06f58e32007ce30"
+  integrity sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==
+
 "@ampproject/remapping@^2.2.0":
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/@ampproject/remapping/-/remapping-2.2.1.tgz#99e8e11851128b8702cd57c33684f1d0f260b630"
@@ -2785,6 +2790,11 @@ ansi-styles@^6.1.0:
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-6.2.1.tgz#0e62320cf99c21afff3b3012192546aacbfb05c5"
   integrity sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==
 
+any-promise@^1.0.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/any-promise/-/any-promise-1.3.0.tgz#abc6afeedcea52e809cdc0376aed3ce39635d17f"
+  integrity sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==
+
 anymatch@~3.1.2:
   version "3.1.3"
   resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e"
@@ -2819,6 +2829,11 @@ are-we-there-yet@~1.1.2:
     delegates "^1.0.0"
     readable-stream "^2.0.6"
 
+arg@^5.0.2:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/arg/-/arg-5.0.2.tgz#c81433cc427c92c4dcf4865142dbca6f15acd59c"
+  integrity sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==
+
 argparse@^1.0.7:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911"
@@ -2998,6 +3013,18 @@ asynckit@^0.4.0:
   resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
   integrity sha1-x57Zf380y48robyXkLzDZkdLS3k=
 
+autoprefixer@^10.4.20:
+  version "10.4.20"
+  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.20.tgz#5caec14d43976ef42e32dcb4bd62878e96be5b3b"
+  integrity sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==
+  dependencies:
+    browserslist "^4.23.3"
+    caniuse-lite "^1.0.30001646"
+    fraction.js "^4.3.7"
+    normalize-range "^0.1.2"
+    picocolors "^1.0.1"
+    postcss-value-parser "^4.2.0"
+
 available-typed-arrays@^1.0.5, available-typed-arrays@^1.0.6:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/available-typed-arrays/-/available-typed-arrays-1.0.6.tgz#ac812d8ce5a6b976d738e1c45f08d0b00bc7d725"
@@ -3121,7 +3148,14 @@ brace-expansion@^2.0.1:
   dependencies:
     balanced-match "^1.0.0"
 
-braces@^3.0.1, braces@~3.0.2:
+braces@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.3.tgz#490332f40919452272d55a8480adc0c441358789"
+  integrity sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==
+  dependencies:
+    fill-range "^7.1.1"
+
+braces@~3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
   integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==
@@ -3149,15 +3183,15 @@ browserify-zlib@^0.2.0:
   dependencies:
     pako "~1.0.5"
 
-browserslist@^4.14.5, browserslist@^4.21.5, browserslist@^4.22.2:
-  version "4.22.2"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.22.2.tgz#704c4943072bd81ea18997f3bd2180e89c77874b"
-  integrity sha512-0UgcrvQmBDvZHFGdYUehrCNIazki7/lUP3kkoi/r3YB2amZbFM9J43ZRkJTXBUZK4gmx56+Sqk9+Vs9mwZx9+A==
+browserslist@^4.14.5, browserslist@^4.21.5, browserslist@^4.22.2, browserslist@^4.23.3:
+  version "4.23.3"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.23.3.tgz#debb029d3c93ebc97ffbc8d9cbb03403e227c800"
+  integrity sha512-btwCFJVjI4YWDNfau8RhZ+B1Q/VLoUITrm3RlP6y1tYGWIOa+InuYiRGXUBXo8nA1qKmHMyLB/iVQg5TT4eFoA==
   dependencies:
-    caniuse-lite "^1.0.30001565"
-    electron-to-chromium "^1.4.601"
-    node-releases "^2.0.14"
-    update-browserslist-db "^1.0.13"
+    caniuse-lite "^1.0.30001646"
+    electron-to-chromium "^1.5.4"
+    node-releases "^2.0.18"
+    update-browserslist-db "^1.1.0"
 
 buffer-crc32@~0.2.3:
   version "0.2.13"
@@ -3268,6 +3302,11 @@ callsites@^3.0.0:
   resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
   integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
 
+camelcase-css@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/camelcase-css/-/camelcase-css-2.0.1.tgz#ee978f6947914cc30c6b44741b6ed1df7f043fd5"
+  integrity sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==
+
 camelcase-keys@^6.2.2:
   version "6.2.2"
   resolved "https://registry.yarnpkg.com/camelcase-keys/-/camelcase-keys-6.2.2.tgz#5e755d6ba51aa223ec7d3d52f25778210f9dc3c0"
@@ -3282,10 +3321,10 @@ camelcase@^5.0.0, camelcase@^5.3.1:
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320"
   integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
 
-caniuse-lite@^1.0.30001565:
-  version "1.0.30001576"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001576.tgz#893be772cf8ee6056d6c1e2d07df365b9ec0a5c4"
-  integrity sha512-ff5BdakGe2P3SQsMsiqmt1Lc8221NR1VzHj5jXN5vBny9A6fpze94HiVV/n7XRosOlsShJcvMv5mdnpjOGCEgg==
+caniuse-lite@^1.0.30001646:
+  version "1.0.30001662"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001662.tgz#3574b22dfec54a3f3b6787331da1040fe8e763ec"
+  integrity sha512-sgMUVwLmGseH8ZIrm1d51UbrhqMCH3jvS7gF/M6byuHOnKyLOBL7W8yz5V02OHwgLGA36o/AFhWzzh4uc5aqTA==
 
 canvas@^2.11.0, canvas@^2.11.2:
   version "2.11.2"
@@ -3547,7 +3586,7 @@ commander@^2.20.0:
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
   integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
 
-commander@^4.0.1:
+commander@^4.0.0, commander@^4.0.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
   integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
@@ -3756,6 +3795,11 @@ css-tree@^2.3.1:
     mdn-data "2.0.30"
     source-map-js "^1.0.1"
 
+cssesc@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
+  integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==
+
 cssstyle@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-4.0.1.tgz#ef29c598a1e90125c870525490ea4f354db0660a"
@@ -3972,6 +4016,11 @@ dfa@^1.2.0:
   resolved "https://registry.yarnpkg.com/dfa/-/dfa-1.2.0.tgz#96ac3204e2d29c49ea5b57af8d92c2ae12790657"
   integrity sha512-ED3jP8saaweFTjeGX8HQPjeC1YYyZs98jGNZx6IiBvxW7JG5v492kamAQB3m2wop07CvU/RQmzcKr6bgcC5D/Q==
 
+didyoumean@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/didyoumean/-/didyoumean-1.2.2.tgz#989346ffe9e839b4555ecf5666edea0d3e8ad037"
+  integrity sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==
+
 diff-sequences@^29.6.3:
   version "29.6.3"
   resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-29.6.3.tgz#4deaf894d11407c51efc8418012f9e70b84ea921"
@@ -3984,6 +4033,11 @@ dir-glob@^3.0.1:
   dependencies:
     path-type "^4.0.0"
 
+dlv@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/dlv/-/dlv-1.1.3.tgz#5c198a8a11453596e751494d49874bc7732f2e79"
+  integrity sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==
+
 doctrine@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-2.1.0.tgz#5cd01fc101621b42c4cd7f5d1a66243716d3f39d"
@@ -4042,10 +4096,10 @@ ejs@^3.1.7:
   dependencies:
     jake "^10.8.5"
 
-electron-to-chromium@^1.4.601:
-  version "1.4.630"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.630.tgz#1d9f4169653784997bec98975e11a2c05214ce39"
-  integrity sha512-osHqhtjojpCsACVnuD11xO5g9xaCyw7Qqn/C2KParkMv42i8jrJJgx3g7mkHfpxwhy9MnOJr8+pKOdZ7qzgizg==
+electron-to-chromium@^1.5.4:
+  version "1.5.27"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.27.tgz#5203ce5d6054857d84ba84d3681cbe59132ade78"
+  integrity sha512-o37j1vZqCoEgBuWWXLHQgTN/KDKe7zwpiY5CPeq2RvUqOyJw9xnrULzZAEVQ5p4h+zjMk7hgtOoPdnLxr7m/jw==
 
 emoji-regex@^10.3.0:
   version "10.3.0"
@@ -4257,10 +4311,10 @@ esbuild@^0.19.3:
     "@esbuild/win32-ia32" "0.19.11"
     "@esbuild/win32-x64" "0.19.11"
 
-escalade@^3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40"
-  integrity sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==
+escalade@^3.1.1, escalade@^3.1.2:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.2.0.tgz#011a3f69856ba189dffa7dc8fcce99d2a87903e5"
+  integrity sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==
 
 escape-string-regexp@^1.0.5:
   version "1.0.5"
@@ -4626,7 +4680,7 @@ fast-fifo@^1.1.0, fast-fifo@^1.2.0:
   resolved "https://registry.yarnpkg.com/fast-fifo/-/fast-fifo-1.3.2.tgz#286e31de96eb96d38a97899815740ba2a4f3640c"
   integrity sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==
 
-fast-glob@^3.0.3, fast-glob@^3.2.9, fast-glob@^3.3.2:
+fast-glob@^3.0.3, fast-glob@^3.2.9, fast-glob@^3.3.0, fast-glob@^3.3.2:
   version "3.3.2"
   resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.2.tgz#a904501e57cfdd2ffcded45e99a54fef55e46129"
   integrity sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==
@@ -4682,10 +4736,10 @@ filelist@^1.0.4:
   dependencies:
     minimatch "^5.0.1"
 
-fill-range@^7.0.1:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40"
-  integrity sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==
+fill-range@^7.0.1, fill-range@^7.1.1:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.1.1.tgz#44265d3cac07e3ea7dc247516380643754a05292"
+  integrity sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==
   dependencies:
     to-regex-range "^5.0.1"
 
@@ -4790,6 +4844,11 @@ form-data@^4.0.0:
     combined-stream "^1.0.8"
     mime-types "^2.1.12"
 
+fraction.js@^4.3.7:
+  version "4.3.7"
+  resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.3.7.tgz#06ca0085157e42fda7f9e726e79fefc4068840f7"
+  integrity sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==
+
 fs-constants@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/fs-constants/-/fs-constants-1.0.0.tgz#6be0de9be998ce16af8afc24497b9ee9b7ccd9ad"
@@ -5970,6 +6029,11 @@ jest-worker@^27.4.5:
     merge-stream "^2.0.0"
     supports-color "^8.0.0"
 
+jiti@^1.21.0:
+  version "1.21.6"
+  resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.21.6.tgz#6c7f7398dd4b3142767f9a168af2f317a428d268"
+  integrity sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==
+
 "js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
@@ -6249,6 +6313,11 @@ libnpmpublish@7.3.0:
     sigstore "^1.4.0"
     ssri "^10.0.1"
 
+lilconfig@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.1.0.tgz#78e23ac89ebb7e1bfbf25b18043de756548e7f52"
+  integrity sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==
+
 lilconfig@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-3.0.0.tgz#f8067feb033b5b74dab4602a5f5029420be749bc"
@@ -6589,13 +6658,13 @@ merge2@^1.2.3, merge2@^1.3.0, merge2@^1.4.1:
   resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
   integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
 
-micromatch@^4.0.2, micromatch@^4.0.4:
-  version "4.0.4"
-  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.4.tgz#896d519dfe9db25fce94ceb7a500919bf881ebf9"
-  integrity sha512-pRmzw/XUcwXGpD9aI9q/0XOwLNygjETJ8y0ao0wdqprrzDa4YnxLcz7fQRZr8voh8V10kGhABbNcHVk5wHgWwg==
+micromatch@^4.0.2, micromatch@^4.0.4, micromatch@^4.0.5:
+  version "4.0.8"
+  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.8.tgz#d66fa18f3a47076789320b9b1af32bd86d9fa202"
+  integrity sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==
   dependencies:
-    braces "^3.0.1"
-    picomatch "^2.2.3"
+    braces "^3.0.3"
+    picomatch "^2.3.1"
 
 mime-db@1.51.0:
   version "1.51.0"
@@ -6828,6 +6897,15 @@ mute-stream@~1.0.0:
   resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-1.0.0.tgz#e31bd9fe62f0aed23520aa4324ea6671531e013e"
   integrity sha512-avsJQhyd+680gKXyG/sQc0nXaC6rBkPOfyHYcFb9+hdkqQkR9bdnkJ0AMZhke0oesPqIO+mFFJ+IdBc7mst4IA==
 
+mz@^2.7.0:
+  version "2.7.0"
+  resolved "https://registry.yarnpkg.com/mz/-/mz-2.7.0.tgz#95008057a56cafadc2bc63dde7f9ff6955948e32"
+  integrity sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==
+  dependencies:
+    any-promise "^1.0.0"
+    object-assign "^4.0.1"
+    thenify-all "^1.0.0"
+
 nan@^2.17.0:
   version "2.17.0"
   resolved "https://registry.yarnpkg.com/nan/-/nan-2.17.0.tgz#c0150a2368a182f033e9aa5195ec76ea41a199cb"
@@ -6905,10 +6983,10 @@ node-machine-id@1.1.12:
   resolved "https://registry.yarnpkg.com/node-machine-id/-/node-machine-id-1.1.12.tgz#37904eee1e59b320bb9c5d6c0a59f3b469cb6267"
   integrity sha512-QNABxbrPa3qEIfrE6GOJ7BYIuignnJw7iQ2YPbc3Nla1HzRJjXzZOiikfF8m7eAMfichLt3M4VgLOetqgDmgGQ==
 
-node-releases@^2.0.14:
-  version "2.0.14"
-  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.14.tgz#2ffb053bceb8b2be8495ece1ab6ce600c4461b0b"
-  integrity sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==
+node-releases@^2.0.18:
+  version "2.0.18"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.18.tgz#f010e8d35e2fe8d6b2944f03f70213ecedc4ca3f"
+  integrity sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==
 
 nopt@^5.0.0:
   version "5.0.0"
@@ -6969,6 +7047,11 @@ normalize-path@^3.0.0, normalize-path@~3.0.0:
   resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
   integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
 
+normalize-range@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
+  integrity sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==
+
 normalize-svg-path@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/normalize-svg-path/-/normalize-svg-path-1.1.0.tgz#0e614eca23c39f0cffe821d6be6cd17e569a766c"
@@ -7179,11 +7262,16 @@ nx@17.2.8, "nx@>=17.1.2 < 18":
     "@nx/nx-win32-arm64-msvc" "17.2.8"
     "@nx/nx-win32-x64-msvc" "17.2.8"
 
-object-assign@^4.1.0, object-assign@^4.1.1:
+object-assign@^4.0.1, object-assign@^4.1.0, object-assign@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
   integrity sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=
 
+object-hash@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-3.0.0.tgz#73f97f753e7baffc0e2cc9d6e079079744ac82e9"
+  integrity sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==
+
 object-inspect@^1.13.1, object-inspect@^1.9.0:
   version "1.13.1"
   resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.1.tgz#b96c6109324ccfef6b12216a956ca4dc2ff94bc2"
@@ -7632,12 +7720,12 @@ pend@~1.2.0:
   resolved "https://registry.yarnpkg.com/pend/-/pend-1.2.0.tgz#7a57eb550a6783f9115331fcf4663d5c8e007a50"
   integrity sha1-elfrVQpng/kRUzH89GY9XI4AelA=
 
-picocolors@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
-  integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
+picocolors@^1.0.0, picocolors@^1.0.1, picocolors@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.1.0.tgz#5358b76a78cde483ba5cef6a9dc9671440b27d59"
+  integrity sha512-TQ92mBOW0l3LeMeyLV6mzy/kWr8lkd/hp3mTg7wYK7zJhuBStmGMBG0BdeDZS/dZx1IukaX6Bk11zcln25o1Aw==
 
-picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.3, picomatch@^2.3.1:
+picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.3.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
   integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
@@ -7662,6 +7750,11 @@ pify@^4.0.1:
   resolved "https://registry.yarnpkg.com/pify/-/pify-4.0.1.tgz#4b2cd25c50d598735c50292224fd8c6df41e3231"
   integrity sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==
 
+pirates@^4.0.1:
+  version "4.0.6"
+  resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.6.tgz#3018ae32ecfcff6c29ba2267cbf21166ac1f36b9"
+  integrity sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==
+
 pixelmatch@^5.1.0:
   version "5.3.0"
   resolved "https://registry.yarnpkg.com/pixelmatch/-/pixelmatch-5.3.0.tgz#5e5321a7abedfb7962d60dbf345deda87cb9560a"
@@ -7702,10 +7795,58 @@ pngjs@^6.0.0:
   resolved "https://registry.yarnpkg.com/pngjs/-/pngjs-6.0.0.tgz#ca9e5d2aa48db0228a52c419c3308e87720da821"
   integrity sha512-TRzzuFRRmEoSW/p1KVAmiOgPco2Irlah+bGFCeNfJXxxYGwSw7YwAOAcd7X28K/m5bjBWKsC29KyoMfHbypayg==
 
-postcss-value-parser@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz#443f6a20ced6481a2bda4fa8532a6e55d789a2cb"
-  integrity sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ==
+postcss-import@^15.1.0:
+  version "15.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-15.1.0.tgz#41c64ed8cc0e23735a9698b3249ffdbf704adc70"
+  integrity sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==
+  dependencies:
+    postcss-value-parser "^4.0.0"
+    read-cache "^1.0.0"
+    resolve "^1.1.7"
+
+postcss-js@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-js/-/postcss-js-4.0.1.tgz#61598186f3703bab052f1c4f7d805f3991bee9d2"
+  integrity sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==
+  dependencies:
+    camelcase-css "^2.0.1"
+
+postcss-load-config@^4.0.1:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-4.0.2.tgz#7159dcf626118d33e299f485d6afe4aff7c4a3e3"
+  integrity sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==
+  dependencies:
+    lilconfig "^3.0.0"
+    yaml "^2.3.4"
+
+postcss-nested@^6.0.1:
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-6.2.0.tgz#4c2d22ab5f20b9cb61e2c5c5915950784d068131"
+  integrity sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==
+  dependencies:
+    postcss-selector-parser "^6.1.1"
+
+postcss-selector-parser@^6.0.11, postcss-selector-parser@^6.1.1:
+  version "6.1.2"
+  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz#27ecb41fb0e3b6ba7a1ec84fff347f734c7929de"
+  integrity sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==
+  dependencies:
+    cssesc "^3.0.0"
+    util-deprecate "^1.0.2"
+
+postcss-value-parser@^4.0.0, postcss-value-parser@^4.1.0, postcss-value-parser@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
+  integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
+
+postcss@^8.4.23, postcss@^8.4.47:
+  version "8.4.47"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.47.tgz#5bf6c9a010f3e724c503bf03ef7947dcb0fea365"
+  integrity sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ==
+  dependencies:
+    nanoid "^3.3.7"
+    picocolors "^1.1.0"
+    source-map-js "^1.2.1"
 
 postcss@^8.4.32:
   version "8.4.33"
@@ -7982,6 +8123,13 @@ react@^18.2.0:
   dependencies:
     loose-envify "^1.1.0"
 
+read-cache@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/read-cache/-/read-cache-1.0.0.tgz#e664ef31161166c9751cdbe8dbcf86b5fb58f774"
+  integrity sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==
+  dependencies:
+    pify "^2.3.0"
+
 read-cmd-shim@4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/read-cmd-shim/-/read-cmd-shim-4.0.0.tgz#640a08b473a49043e394ae0c7a34dd822c73b9bb"
@@ -8207,7 +8355,7 @@ resolve-from@^4.0.0:
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
   integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
 
-resolve@^1.10.0, resolve@^1.14.2, resolve@^1.22.1, resolve@^1.22.4:
+resolve@^1.1.7, resolve@^1.10.0, resolve@^1.14.2, resolve@^1.22.1, resolve@^1.22.2, resolve@^1.22.4:
   version "1.22.8"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.8.tgz#b6c87a9f2aa06dfab52e3d70ac8cde321fa5a48d"
   integrity sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==
@@ -8695,10 +8843,10 @@ sort-keys@^2.0.0:
   dependencies:
     is-plain-obj "^1.0.0"
 
-source-map-js@^1.0.1, source-map-js@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
-  integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
+source-map-js@^1.0.1, source-map-js@^1.0.2, source-map-js@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.1.tgz#1ce5650fddd87abc099eda37dcff024c2667ae46"
+  integrity sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==
 
 source-map-support@~0.5.20:
   version "0.5.21"
@@ -8976,6 +9124,19 @@ strong-log-transformer@2.1.0, strong-log-transformer@^2.1.0:
     minimist "^1.2.0"
     through "^2.3.4"
 
+sucrase@^3.32.0:
+  version "3.35.0"
+  resolved "https://registry.yarnpkg.com/sucrase/-/sucrase-3.35.0.tgz#57f17a3d7e19b36d8995f06679d121be914ae263"
+  integrity sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.2"
+    commander "^4.0.0"
+    glob "^10.3.10"
+    lines-and-columns "^1.1.6"
+    mz "^2.7.0"
+    pirates "^4.0.1"
+    ts-interface-checker "^0.1.9"
+
 supports-color@^5.3.0:
   version "5.5.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
@@ -9012,6 +9173,34 @@ symbol-tree@^3.2.4:
   resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"
   integrity sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==
 
+tailwindcss@^3.4.12:
+  version "3.4.12"
+  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.4.12.tgz#fd3b67c6d2c04d9d7bfa13e3fc70ccef9fef0455"
+  integrity sha512-Htf/gHj2+soPb9UayUNci/Ja3d8pTmu9ONTfh4QY8r3MATTZOzmv6UYWF7ZwikEIC8okpfqmGqrmDehua8mF8w==
+  dependencies:
+    "@alloc/quick-lru" "^5.2.0"
+    arg "^5.0.2"
+    chokidar "^3.5.3"
+    didyoumean "^1.2.2"
+    dlv "^1.1.3"
+    fast-glob "^3.3.0"
+    glob-parent "^6.0.2"
+    is-glob "^4.0.3"
+    jiti "^1.21.0"
+    lilconfig "^2.1.0"
+    micromatch "^4.0.5"
+    normalize-path "^3.0.0"
+    object-hash "^3.0.0"
+    picocolors "^1.0.0"
+    postcss "^8.4.23"
+    postcss-import "^15.1.0"
+    postcss-js "^4.0.1"
+    postcss-load-config "^4.0.1"
+    postcss-nested "^6.0.1"
+    postcss-selector-parser "^6.0.11"
+    resolve "^1.22.2"
+    sucrase "^3.32.0"
+
 tapable@^2.1.1, tapable@^2.2.0:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/tapable/-/tapable-2.2.1.tgz#1967a73ef4060a82f12ab96af86d52fdb76eeca0"
@@ -9111,6 +9300,20 @@ text-table@^0.2.0:
   resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
   integrity sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=
 
+thenify-all@^1.0.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/thenify-all/-/thenify-all-1.6.0.tgz#1a1918d402d8fc3f98fbf234db0bcc8cc10e9726"
+  integrity sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==
+  dependencies:
+    thenify ">= 3.1.0 < 4"
+
+"thenify@>= 3.1.0 < 4":
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/thenify/-/thenify-3.3.1.tgz#8932e686a4066038a016dd9e2ca46add9838a95f"
+  integrity sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==
+  dependencies:
+    any-promise "^1.0.0"
+
 through2@^2.0.0:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/through2/-/through2-2.0.5.tgz#01c1e39eb31d07cb7d03a96a70823260b23132cd"
@@ -9202,6 +9405,11 @@ ts-api-utils@^1.0.1:
   resolved "https://registry.yarnpkg.com/ts-api-utils/-/ts-api-utils-1.2.1.tgz#f716c7e027494629485b21c0df6180f4d08f5e8b"
   integrity sha512-RIYA36cJn2WiH9Hy77hdF9r7oEwxAtB/TS9/S4Qd90Ap4z5FSiin5zEiTL44OII1Y3IIlEvxwxFUVgrHSZ/UpA==
 
+ts-interface-checker@^0.1.9:
+  version "0.1.13"
+  resolved "https://registry.yarnpkg.com/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz#784fd3d679722bc103b1b4b8030bcddb5db2a699"
+  integrity sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==
+
 tsconfig-paths@^3.15.0:
   version "3.15.0"
   resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz#5299ec605e55b1abb23ec939ef15edaf483070d4"
@@ -9464,13 +9672,13 @@ upath@2.0.1:
   resolved "https://registry.yarnpkg.com/upath/-/upath-2.0.1.tgz#50c73dea68d6f6b990f51d279ce6081665d61a8b"
   integrity sha512-1uEe95xksV1O0CYKXo8vQvN1JEbtJp7lb7C5U9HMsIp6IVwntkH/oNUzyVNQSd4S1sYk2FpSSW44FqMc8qee5w==
 
-update-browserslist-db@^1.0.13:
-  version "1.0.13"
-  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz#3c5e4f5c083661bd38ef64b6328c26ed6c8248c4"
-  integrity sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==
+update-browserslist-db@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.1.0.tgz#7ca61c0d8650766090728046e416a8cde682859e"
+  integrity sha512-EdRAaAyk2cUE1wOf2DkEhzxqOQvFOoRJFNS6NeyJ01Gp2beMRpBAINjM2iDXE3KCuKhwnvHIQCJm6ThL2Z+HzQ==
   dependencies:
-    escalade "^3.1.1"
-    picocolors "^1.0.0"
+    escalade "^3.1.2"
+    picocolors "^1.0.1"
 
 uri-js@^4.2.2:
   version "4.4.1"
@@ -9492,7 +9700,7 @@ urlpattern-polyfill@9.0.0:
   resolved "https://registry.yarnpkg.com/urlpattern-polyfill/-/urlpattern-polyfill-9.0.0.tgz#bc7e386bb12fd7898b58d1509df21d3c29ab3460"
   integrity sha512-WHN8KDQblxd32odxeIgo83rdVDE2bvdkb86it7bMhYZwWKJz0+O0RK/eZiHYnM+zgt/U7hAHOlCQGfjjvSkw2g==
 
-util-deprecate@^1.0.1, util-deprecate@~1.0.1:
+util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
   integrity sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=
@@ -9930,6 +10138,11 @@ yaml@^1.10.0:
   resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
   integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
 
+yaml@^2.3.4:
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.5.1.tgz#c9772aacf62cb7494a95b0c4f1fb065b563db130"
+  integrity sha512-bLQOjaX/ADgQ20isPJRvF0iRUHIxVhYvr53Of7wGcWlO2jvtUlH5m87DsmulFVxRpNLOnI4tB6p/oh8D7kpn9Q==
+
 yargs-parser@21.1.1, yargs-parser@^21.1.1:
   version "21.1.1"
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-21.1.1.tgz#9096bceebf990d21bb31fa9516e0ede294a77d35"