From b1caaabaed768a50863c71cc9f24939936b3fb30 Mon Sep 17 00:00:00 2001
From: Jake Strawn <jake.strawn@gmail.com>
Date: Mon, 16 Oct 2023 11:14:22 -0400
Subject: [PATCH 1/3] fix(tooling): Update Storybook to 7.4.6.

---
 package.json                                  |  16 +-
 .../outline-storybook/config/main.js          |   2 +-
 .../config/storybook.main.css                 | 700 +++++++++---------
 .../outline-templates/default/package.json    |  15 +-
 yarn.lock                                     | 696 +++++++++--------
 5 files changed, 698 insertions(+), 731 deletions(-)

diff --git a/package.json b/package.json
index a4ab3d9a6..baf66370d 100644
--- a/package.json
+++ b/package.json
@@ -90,12 +90,12 @@
     "@commitlint/cli": "^17.4.0",
     "@commitlint/config-conventional": "^17.4.0",
     "@open-wc/testing": "^3.0.0-next.2",
-    "@storybook/addon-actions": "^7.4.0",
-    "@storybook/addon-docs": "^7.4.0",
-    "@storybook/addon-essentials": "^7.4.0",
-    "@storybook/addon-links": "^7.4.0",
-    "@storybook/web-components": "^7.4.0",
-    "@storybook/web-components-vite": "^7.4.0",
+    "@storybook/addon-actions": "^7.4.6",
+    "@storybook/addon-docs": "^7.4.6",
+    "@storybook/addon-essentials": "^7.4.6",
+    "@storybook/addon-links": "^7.4.6",
+    "@storybook/web-components": "^7.4.6",
+    "@storybook/web-components-vite": "^7.4.6",
     "@types/estree": "^0.0.47",
     "@typescript-eslint/eslint-plugin": "^5.0.0",
     "@typescript-eslint/parser": "^5.0.0",
@@ -109,7 +109,7 @@
     "eslint-config-prettier": "^7.2.0",
     "eslint-plugin-import": "^2.22.1",
     "eslint-plugin-react": "^7.23.0",
-    "eslint-plugin-storybook": "^0.6.13",
+    "eslint-plugin-storybook": "^0.6.15",
     "gaze": "^1.1.3",
     "husky": "^8.0.3",
     "jest": "^26.6.3",
@@ -131,7 +131,7 @@
     "react-syntax-highlighter": "^15.5.0",
     "rimraf": "^3.0.2",
     "rsync": "^0.6.1",
-    "storybook": "^7.4.0",
+    "storybook": "^7.4.6",
     "svgo": "^2.8.0",
     "tailwindcss": "3.0.0",
     "ts-lit-plugin": "^1.2.1",
diff --git a/packages/documentation/outline-storybook/config/main.js b/packages/documentation/outline-storybook/config/main.js
index 2161a9de4..494790711 100644
--- a/packages/documentation/outline-storybook/config/main.js
+++ b/packages/documentation/outline-storybook/config/main.js
@@ -14,7 +14,7 @@ module.exports = {
     modernInlineRender: true,
   },
   framework: {
-    name: getAbsolutePath('@storybook/web-components-vite'),
+    name: '@storybook/web-components-vite',
     options: {},
   },
   docs: {
diff --git a/packages/documentation/outline-storybook/config/storybook.main.css b/packages/documentation/outline-storybook/config/storybook.main.css
index 70c1d8ddd..1eb20ce1a 100644
--- a/packages/documentation/outline-storybook/config/storybook.main.css
+++ b/packages/documentation/outline-storybook/config/storybook.main.css
@@ -1,385 +1,381 @@
 @import url('https://rsms.me/inter/inter.css');
-:root {
-  --brand-primary: #2563eb;
-  --brand-secondary: #059669;
-  --brand-tertiary: #dc2626;
-  --brand-quaternary: #d97706;
-  --brand-quinary: #9333ea;
-  --brand-senary: #db2777;
-  --brand-septenary: #4f46e5;
-  --brand-octonary: #525252;
-  --brand-nonary: #1e3a8a;
-  --brand-denary: #171717;
-  --status-success: #2f855a;
-  --status-warning: #b64301;
-  --status-error: #c53030;
-  --status-info: #1e3a8a;
-  --outline-phase2-blue: #0080ff;
-  --outline-karma-coral: #fa5c5c;
-  --outline-soft-black: #171717;
-  --outline-not-gray: #cfc7d4;
-  --outline-misty-teal: #73f2e5;
-  --outline-electric-violet: #9484ff;
-  --outline-dusty-blue: #7fc7ee;
-  --outline-transparent: transparent;
-  --outline-white: #fff;
-  --outline-black: #000;
+:root{
+  --brand-primary:#2563eb;
+  --brand-secondary:#059669;
+  --brand-tertiary:#dc2626;
+  --brand-quaternary:#d97706;
+  --brand-quinary:#9333ea;
+  --brand-senary:#db2777;
+  --brand-septenary:#4f46e5;
+  --brand-octonary:#525252;
+  --brand-nonary:#1e3a8a;
+  --brand-denary:#171717;
+  --status-success:#2f855a;
+  --status-warning:#b64301;
+  --status-error:#c53030;
+  --status-info:#1e3a8a;
+  --outline-phase2-blue:#0080ff;
+  --outline-karma-coral:#fa5c5c;
+  --outline-soft-black:#171717;
+  --outline-not-gray:#cfc7d4;
+  --outline-misty-teal:#73f2e5;
+  --outline-electric-violet:#9484ff;
+  --outline-dusty-blue:#7fc7ee;
+  --outline-transparent:transparent;
+  --outline-white:#fff;
+  --outline-black:#000;
+  
+  --outline-gray-50:#fafafa;
+  --outline-gray-100:#f5f5f5;
+  --outline-gray-200:#e5e5e5;
+  --outline-gray-300:#d4d4d4;
+  --outline-gray-400:#a3a3a3;
+  --outline-gray-500:#737373;
+  --outline-gray-600:#525252;
+  --outline-gray-700:#404040;
+  --outline-gray-800:#262626;
+  --outline-gray-900:#171717;
 
-  --outline-gray-50: #fafafa;
-  --outline-gray-100: #f5f5f5;
-  --outline-gray-200: #e5e5e5;
-  --outline-gray-300: #d4d4d4;
-  --outline-gray-400: #a3a3a3;
-  --outline-gray-500: #737373;
-  --outline-gray-600: #525252;
-  --outline-gray-700: #404040;
-  --outline-gray-800: #262626;
-  --outline-gray-900: #171717;
+  --outline-blue-50:#eff6ff;
+  --outline-blue-100:#dbeafe;
+  --outline-blue-200:#bfdbfe;
+  --outline-blue-300:#93c5fd;
+  --outline-blue-400:#60a5fa;
+  --outline-blue-500:#3b82f6;
+  --outline-blue-600:#2563eb;
+  --outline-blue-700:#1d4ed8;
+  --outline-blue-800:#1e40af;
+  --outline-blue-900:#1e3a8a;
 
-  --outline-blue-50: #eff6ff;
-  --outline-blue-100: #dbeafe;
-  --outline-blue-200: #bfdbfe;
-  --outline-blue-300: #93c5fd;
-  --outline-blue-400: #60a5fa;
-  --outline-blue-500: #3b82f6;
-  --outline-blue-600: #2563eb;
-  --outline-blue-700: #1d4ed8;
-  --outline-blue-800: #1e40af;
-  --outline-blue-900: #1e3a8a;
+  --red-50:#fef2f2;
+  --red-100:#fee2e2;
+  --red-200:#fecaca;
+  --red-300:#fca5a5;
+  --red-400:#f87171;
+  --red-500:#ef4444;
+  --red-600:#dc2626;
+  --red-700:#b91c1c;
+  --red-800:#991b1b;
+  --red-900:#7f1d1d;
+  --yellow-50:#fffbeb;
+  --yellow-100:#fef3c7;
+  --yellow-200:#fde68a;
+  --yellow-300:#fcd34d;
+  --yellow-400:#fbbf24;
+  --yellow-500:#f59e0b;
+  --yellow-600:#d97706;
+  --yellow-700:#b45309;
+  --yellow-800:#92400e;
+  --yellow-900:#78350f;
+  --green-50:#ecfdf5;
+  --green-100:#d1fae5;
+  --green-200:#a7f3d0;
+  --green-300:#6ee7b7;
+  --green-400:#34d399;
+  --green-500:#10b981;
+  --green-600:#059669;
+  --green-700:#047857;
+  --green-800:#065f46;
+  --green-900:#064e3b;
+  --indigo-50:#eef2ff;
+  --indigo-100:#e0e7ff;
+  --indigo-200:#c7d2fe;
+  --indigo-300:#a5b4fc;
+  --indigo-400:#818cf8;
+  --indigo-500:#6366f1;
+  --indigo-600:#4f46e5;
+  --indigo-700:#4338ca;
+  --indigo-800:#3730a3;
+  --indigo-900:#312e81;
+  --purple-50:#faf5ff;
+  --purple-100:#f3e8ff;
+  --purple-200:#e9d5ff;
+  --purple-300:#d8b4fe;
+  --purple-400:#c084fc;
+  --purple-500:#a855f7;
+  --purple-600:#9333ea;
+  --purple-700:#7e22ce;
+  --purple-800:#6b21a8;
+  --purple-900:#581c87;
+  --pink-50:#fdf2f8;
+  --pink-100:#fce7f3;
+  --pink-200:#fbcfe8;
+  --pink-300:#f9a8d4;
+  --pink-400:#f472b6;
+  --pink-500:#ec4899;
+  --pink-600:#db2777;
+  --pink-700:#be185d;
+  --pink-800:#9d174d;
+  --pink-900:#831843;
+  --screen-xs:480px;
+  --screen-sm:640px;
+  --screen-md:768px;
+  --screen-lg:1024px;
+  --screen-xl:1280px;
+  --screen-xxl:1440px;
+  --screen-xxxl:2180px;
 
-  --red-50: #fef2f2;
-  --red-100: #fee2e2;
-  --red-200: #fecaca;
-  --red-300: #fca5a5;
-  --red-400: #f87171;
-  --red-500: #ef4444;
-  --red-600: #dc2626;
-  --red-700: #b91c1c;
-  --red-800: #991b1b;
-  --red-900: #7f1d1d;
-  --yellow-50: #fffbeb;
-  --yellow-100: #fef3c7;
-  --yellow-200: #fde68a;
-  --yellow-300: #fcd34d;
-  --yellow-400: #fbbf24;
-  --yellow-500: #f59e0b;
-  --yellow-600: #d97706;
-  --yellow-700: #b45309;
-  --yellow-800: #92400e;
-  --yellow-900: #78350f;
-  --green-50: #ecfdf5;
-  --green-100: #d1fae5;
-  --green-200: #a7f3d0;
-  --green-300: #6ee7b7;
-  --green-400: #34d399;
-  --green-500: #10b981;
-  --green-600: #059669;
-  --green-700: #047857;
-  --green-800: #065f46;
-  --green-900: #064e3b;
-  --indigo-50: #eef2ff;
-  --indigo-100: #e0e7ff;
-  --indigo-200: #c7d2fe;
-  --indigo-300: #a5b4fc;
-  --indigo-400: #818cf8;
-  --indigo-500: #6366f1;
-  --indigo-600: #4f46e5;
-  --indigo-700: #4338ca;
-  --indigo-800: #3730a3;
-  --indigo-900: #312e81;
-  --purple-50: #faf5ff;
-  --purple-100: #f3e8ff;
-  --purple-200: #e9d5ff;
-  --purple-300: #d8b4fe;
-  --purple-400: #c084fc;
-  --purple-500: #a855f7;
-  --purple-600: #9333ea;
-  --purple-700: #7e22ce;
-  --purple-800: #6b21a8;
-  --purple-900: #581c87;
-  --pink-50: #fdf2f8;
-  --pink-100: #fce7f3;
-  --pink-200: #fbcfe8;
-  --pink-300: #f9a8d4;
-  --pink-400: #f472b6;
-  --pink-500: #ec4899;
-  --pink-600: #db2777;
-  --pink-700: #be185d;
-  --pink-800: #9d174d;
-  --pink-900: #831843;
-  --screen-xs: 480px;
-  --screen-sm: 640px;
-  --screen-md: 768px;
-  --screen-lg: 1024px;
-  --screen-xl: 1280px;
-  --screen-xxl: 1440px;
-  --screen-xxxl: 2180px;
+  --spacing-0:0px;
+  --spacing-1:0.25rem;
+  --spacing-2:0.5rem;
+  --spacing-3:0.75rem;
+  --spacing-4:1rem;
+  --spacing-5:1.25rem;
+  --spacing-6:1.5rem;
+  --spacing-7:1.75rem;
+  --spacing-8:2rem;
+  --spacing-9:2.25rem;
+  --spacing-10:2.5rem;
+  --spacing-11:2.75rem;
+  --spacing-12:3rem;
+  --spacing-14:3.5rem;
+  --spacing-16:4rem;
+  --spacing-20:5rem;
+  --spacing-24:6rem;
+  --spacing-28:7rem;
+  --spacing-32:8rem;
+  --spacing-36:9rem;
+  --spacing-40:10rem;
+  --spacing-44:11rem;
+  --spacing-48:12rem;
+  --spacing-52:13rem;
+  --spacing-56:14rem;
+  --spacing-60:15rem;
+  --spacing-64:16rem;
+  --spacing-72:18rem;
+  --spacing-80:20rem;
+  --spacing-96:24rem;
+  --spacing-px:1px;
 
-  --spacing-0: 0px;
-  --spacing-1: 0.25rem;
-  --spacing-2: 0.5rem;
-  --spacing-3: 0.75rem;
-  --spacing-4: 1rem;
-  --spacing-5: 1.25rem;
-  --spacing-6: 1.5rem;
-  --spacing-7: 1.75rem;
-  --spacing-8: 2rem;
-  --spacing-9: 2.25rem;
-  --spacing-10: 2.5rem;
-  --spacing-11: 2.75rem;
-  --spacing-12: 3rem;
-  --spacing-14: 3.5rem;
-  --spacing-16: 4rem;
-  --spacing-20: 5rem;
-  --spacing-24: 6rem;
-  --spacing-28: 7rem;
-  --spacing-32: 8rem;
-  --spacing-36: 9rem;
-  --spacing-40: 10rem;
-  --spacing-44: 11rem;
-  --spacing-48: 12rem;
-  --spacing-52: 13rem;
-  --spacing-56: 14rem;
-  --spacing-60: 15rem;
-  --spacing-64: 16rem;
-  --spacing-72: 18rem;
-  --spacing-80: 20rem;
-  --spacing-96: 24rem;
-  --spacing-px: 1px;
+  --fs-xs:0.75rem;
+  --fs-sm:0.875rem;
+  --fs-base:1rem;
+  --fs-lg:1.125rem;
+  --fs-xl:1.25rem;
+  --fs-2xl:1.5rem;
+  --fs-3xl:1.875rem;
+  --fs-4xl:2.25rem;
+  --fs-5xl:3.5rem;
+  --fs-6xl:4.5rem;
+  --fs-7xl:5.5rem;
+  --fs-8xl:6.5rem;
+  --fs-9xl:7.5rem;
 
-  --fs-xs: 0.75rem;
-  --fs-sm: 0.875rem;
-  --fs-base: 1rem;
-  --fs-lg: 1.125rem;
-  --fs-xl: 1.25rem;
-  --fs-2xl: 1.5rem;
-  --fs-3xl: 1.875rem;
-  --fs-4xl: 2.25rem;
-  --fs-5xl: 3.5rem;
-  --fs-6xl: 4.5rem;
-  --fs-7xl: 5.5rem;
-  --fs-8xl: 6.5rem;
-  --fs-9xl: 7.5rem;
+  --lh-xs:1rem;
+  --lh-sm:1.25rem;
+  --lh-base:1.5rem;
+  --lh-lg:1.75rem;
+  --lh-xl:1.75rem;
+  --lh-2xl:2rem;
+  --lh-3xl:2.25rem;
+  --lh-4xl:2.5rem;
+  --lh-5xl:3.75rem;
+  --lh-6xl:4.75rem;
+  --lh-7xl:5.75rem;
+  --lh-8xl:6.75rem;
+  --lh-9xl:7.75rem;
 
-  --lh-xs: 1rem;
-  --lh-sm: 1.25rem;
-  --lh-base: 1.5rem;
-  --lh-lg: 1.75rem;
-  --lh-xl: 1.75rem;
-  --lh-2xl: 2rem;
-  --lh-3xl: 2.25rem;
-  --lh-4xl: 2.5rem;
-  --lh-5xl: 3.75rem;
-  --lh-6xl: 4.75rem;
-  --lh-7xl: 5.75rem;
-  --lh-8xl: 6.75rem;
-  --lh-9xl: 7.75rem;
+  --ff-display:'Inter var', 'Helvetica', 'Arial', 'sans-serif';
+  --ff-body:'Inter var', 'Helvetica', 'Arial', 'sans-serif';
+  --ff-demo:'Inter var', 'Helvetica', 'Arial', 'sans-serif';
 
-  --ff-display: 'Inter var', 'Helvetica', 'Arial', 'sans-serif';
-  --ff-body: 'Inter var', 'Helvetica', 'Arial', 'sans-serif';
-  --ff-demo: 'Inter var', 'Helvetica', 'Arial', 'sans-serif';
+  --fw-thin:100;
+  --fw-extralight:200;
+  --fw-light:300;
+  --fw-normal:400;
+  --fw-medium:500;
+  --fw-semibold:600;
+  --fw-bold:700;
+  --fw-extrabold:800;
+  --fw-black:900;
 
-  --fw-thin: 100;
-  --fw-extralight: 200;
-  --fw-light: 300;
-  --fw-normal: 400;
-  --fw-medium: 500;
-  --fw-semibold: 600;
-  --fw-bold: 700;
-  --fw-extrabold: 800;
-  --fw-black: 900;
+  --fs-h1:4rem;
+  --fs-h1-medium:3rem;
+  --fs-h1-small:2.5rem;
+  
+  --lh-h1:3rem;
+  --lh-h1-medium:3.75rem;
+  --lh-h1-small:2rem;
 
-  --fs-h1: 4rem;
-  --fs-h1-medium: 3rem;
-  --fs-h1-small: 2.5rem;
+  --fs-h2:2.75rem;
+  --fs-h2-medium:2.5rem;
+  --fs-h2-small:2rem;
+  
+  --lh-h2:3.5rem;
+  --lh-h2-medium:3rem;
+  --lh-h2-small:2.5rem;
+  
 
-  --lh-h1: 3rem;
-  --lh-h1-medium: 3.75rem;
-  --lh-h1-small: 2rem;
-
-  --fs-h2: 2.75rem;
-  --fs-h2-medium: 2.5rem;
-  --fs-h2-small: 2rem;
-
-  --lh-h2: 3.5rem;
-  --lh-h2-medium: 3rem;
-  --lh-h2-small: 2.5rem;
-
-  --fs-h3: 2rem;
-  --fs-h3-medium: 1.75rem;
-  --fs-h3-small: 1.5rem;
-
-  --lh-h3: 2.25rem;
-  --lh-h3-medium: 2rem;
-  --lh-h3-small: 1.75rem;
-
-  --fs-h4: 1.5rem;
-  --fs-h4-medium: 1.5rem;
-  --fs-h4-small: 1.375rem;
-
-  --lh-h4: 2rem;
-  --lh-h4-medium: 1.75rem;
-  --lh-h4-small: 1.75rem;
-
-  --fs-h5: 1.375rem;
-  --fs-h5-medium: 1.25rem;
-  --fs-h5-small: 1.125rem;
-
-  --lh-h5: 1.75rem;
-  --lh-h5-medium: 1.5rem;
-  --lh-h5-small: 1.375rem;
-
-  --fs-h6: 1.125rem;
-  --fs-h6-medium: 1.125rem;
-  --fs-h6-small: 1rem;
-
-  --lh-h6: 1.5rem;
-  --lh-h6-medium: 1.375rem;
-  --lh-h6-small: 1.25rem;
-  --outline-ring-width: 2px;
+  --fs-h3:2rem;
+  --fs-h3-medium:1.75rem;
+  --fs-h3-small:1.5rem;
+  
+  --lh-h3:2.25rem;
+  --lh-h3-medium:2rem;
+  --lh-h3-small:1.75rem;
+  
+  --fs-h4:1.5rem;
+  --fs-h4-medium:1.5rem;
+  --fs-h4-small:1.375rem;
+  
+  --lh-h4:2rem;
+  --lh-h4-medium:1.75rem;
+  --lh-h4-small:1.75rem;
+  
+  --fs-h5:1.375rem;
+  --fs-h5-medium:1.25rem;
+  --fs-h5-small:1.125rem;
+  
+  --lh-h5:1.75rem;
+  --lh-h5-medium:1.5rem;
+  --lh-h5-small:1.375rem;
+  
+  --fs-h6:1.125rem;
+  --fs-h6-medium:1.125rem;
+  --fs-h6-small:1rem;
+  
+  --lh-h6:1.5rem;
+  --lh-h6-medium:1.375rem;
+  --lh-h6-small:1.25rem;
+  --outline-ring-width:2px;
   --outline-ring-inset: ;
-  --outline-ring-offset-width: 2px;
-  --outline-ring-offset-color: var(--outline-gray-100);
-  --outline-ring-color: var(--outline-soft-black);
-  --outline-ring-offset-shadow: var(--outline-ring-inset) 0 0 0
-    var(--outline-ring-offset-width) var(--outline-ring-offset-color);
-  --outline-ring-shadow: var(--outline-ring-inset) 0 0 0
-    calc(var(--outline-ring-width) + var(--outline-ring-offset-width))
-    var(--outline-ring-color);
+  --outline-ring-offset-width:2px;
+  --outline-ring-offset-color:var(--outline-gray-100);
+  --outline-ring-color:var(--outline-soft-black);
+  --outline-ring-offset-shadow:var(--outline-ring-inset) 0 0 0 var(--outline-ring-offset-width) var(--outline-ring-offset-color);
+  --outline-ring-shadow:var(--outline-ring-inset) 0 0 0 calc(var(--outline-ring-width) + var(--outline-ring-offset-width)) var(--outline-ring-color);
+
+  --outline-shadow:0 0 rgba(0, 0, 0, 0);
+  --outline-shadow-colored:0 0 rgba(0, 0, 0, 0);
 
-  --outline-shadow: 0 0 rgba(0, 0, 0, 0);
-  --outline-shadow-colored: 0 0 rgba(0, 0, 0, 0);
 }
 /* ! tailwindcss v3.0.0 | MIT License | https://tailwindcss.com */
 *,
 ::before,
-::after {
-  box-sizing: border-box;
-  border-width: 0;
-  border-style: solid;
-  border-color: currentColor;
+::after{
+  box-sizing:border-box;
+  border-width:0;
+  border-style:solid;
+  border-color:currentColor;
 }
 ::before,
-::after {
-  --tw-content: '';
-}
-html {
-  line-height: 1.5;
-  -webkit-text-size-adjust: 100%;
-  tab-size: 4;
-  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
-    'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
-    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
-}
-body {
-  margin: 0;
-  line-height: inherit;
-}
-hr {
-  height: 0;
-  color: inherit;
-  border-top-width: 1px;
-}
-abbr[title] {
-  -webkit-text-decoration: underline dotted;
-  text-decoration: underline dotted;
+::after{
+  --tw-content:'';
+}
+html{
+  line-height:1.5;
+  -webkit-text-size-adjust:100%;
+  tab-size:4;
+  font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+}
+body{
+  margin:0;
+  line-height:inherit;
+}
+hr{
+  height:0;
+  color:inherit;
+  border-top-width:1px;
+}
+abbr[title]{
+  -webkit-text-decoration:underline dotted;
+          text-decoration:underline dotted;
 }
 h1,
 h2,
 h3,
 h4,
 h5,
-h6 {
-  font-size: inherit;
-  font-weight: inherit;
+h6{
+  font-size:inherit;
+  font-weight:inherit;
 }
-a {
-  color: inherit;
-  text-decoration: inherit;
+a{
+  color:inherit;
+  text-decoration:inherit;
 }
 b,
-strong {
-  font-weight: bolder;
+strong{
+  font-weight:bolder;
 }
 code,
 kbd,
 samp,
-pre {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
-    'Liberation Mono', 'Courier New', monospace;
-  font-size: 1em;
+pre{
+  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  font-size:1em;
 }
-small {
-  font-size: 80%;
+small{
+  font-size:80%;
 }
 sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
+sup{
+  font-size:75%;
+  line-height:0;
+  position:relative;
+  vertical-align:baseline;
 }
-sub {
-  bottom: -0.25em;
+sub{
+  bottom:-0.25em;
 }
-sup {
-  top: -0.5em;
+sup{
+  top:-0.5em;
 }
-table {
-  text-indent: 0;
-  border-color: inherit;
-  border-collapse: collapse;
+table{
+  text-indent:0;
+  border-color:inherit;
+  border-collapse:collapse;
 }
 button,
 input,
 optgroup,
 select,
-textarea {
-  font-family: inherit;
-  font-size: 100%;
-  line-height: inherit;
-  color: inherit;
-  margin: 0;
-  padding: 0;
+textarea{
+  font-family:inherit;
+  font-size:100%;
+  line-height:inherit;
+  color:inherit;
+  margin:0;
+  padding:0;
 }
 button,
-select {
-  text-transform: none;
+select{
+  text-transform:none;
 }
 button,
 [type='button'],
 [type='reset'],
-[type='submit'] {
-  -webkit-appearance: button;
-  background-color: transparent;
-  background-image: none;
+[type='submit']{
+  -webkit-appearance:button;
+  background-color:transparent;
+  background-image:none;
 }
-:-moz-focusring {
-  outline: auto;
+:-moz-focusring{
+  outline:auto;
 }
-:-moz-ui-invalid {
-  box-shadow: none;
+:-moz-ui-invalid{
+  box-shadow:none;
 }
-progress {
-  vertical-align: baseline;
+progress{
+  vertical-align:baseline;
 }
 ::-webkit-inner-spin-button,
-::-webkit-outer-spin-button {
-  height: auto;
+::-webkit-outer-spin-button{
+  height:auto;
 }
-[type='search'] {
-  -webkit-appearance: textfield;
-  outline-offset: -2px;
+[type='search']{
+  -webkit-appearance:textfield;
+  outline-offset:-2px;
 }
-::-webkit-search-decoration {
-  -webkit-appearance: none;
+::-webkit-search-decoration{
+  -webkit-appearance:none;
 }
-::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  font: inherit;
+::-webkit-file-upload-button{
+  -webkit-appearance:button;
+  font:inherit;
 }
-summary {
-  display: list-item;
+summary{
+  display:list-item;
 }
 blockquote,
 dl,
@@ -393,37 +389,37 @@ h6,
 hr,
 figure,
 p,
-pre {
-  margin: 0;
+pre{
+  margin:0;
 }
-fieldset {
-  margin: 0;
-  padding: 0;
+fieldset{
+  margin:0;
+  padding:0;
 }
-legend {
-  padding: 0;
+legend{
+  padding:0;
 }
 ol,
 ul,
-menu {
-  list-style: none;
-  margin: 0;
-  padding: 0;
+menu{
+  list-style:none;
+  margin:0;
+  padding:0;
 }
-textarea {
-  resize: vertical;
+textarea{
+  resize:vertical;
 }
 input::placeholder,
-textarea::placeholder {
-  opacity: 1;
-  color: #9ca3af;
+textarea::placeholder{
+  opacity:1;
+  color:#9ca3af;
 }
 button,
-[role='button'] {
-  cursor: pointer;
+[role="button"]{
+  cursor:pointer;
 }
-:disabled {
-  cursor: default;
+:disabled{
+  cursor:default;
 }
 img,
 svg,
@@ -432,15 +428,15 @@ canvas,
 audio,
 iframe,
 embed,
-object {
-  display: block;
-  vertical-align: middle;
+object{
+  display:block;
+  vertical-align:middle;
 }
 img,
-video {
-  max-width: 100%;
-  height: auto;
+video{
+  max-width:100%;
+  height:auto;
 }
-[hidden] {
-  display: none;
+[hidden]{
+  display:none;
 }
diff --git a/packages/outline-templates/default/package.json b/packages/outline-templates/default/package.json
index 528aef7ce..efb69586d 100644
--- a/packages/outline-templates/default/package.json
+++ b/packages/outline-templates/default/package.json
@@ -128,11 +128,12 @@
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-replace": "^5.0.0",
     "@rollup/plugin-terser": "^0.4.0",
-    "@storybook/addon-actions": "^7.0.12",
-    "@storybook/addon-essentials": "^7.0.12",
-    "@storybook/addon-links": "^7.0.12",
-    "@storybook/web-components": "^7.0.12",
-    "@storybook/web-components-vite": "^7.0.12",
+    "@storybook/addon-actions": "^7.4.6",
+    "@storybook/addon-docs": "^7.4.6",
+    "@storybook/addon-essentials": "^7.4.6",
+    "@storybook/addon-links": "^7.4.6",
+    "@storybook/web-components": "^7.4.6",
+    "@storybook/web-components-vite": "^7.4.6",
     "@tailwindcss/aspect-ratio": "^0.4.0",
     "@tailwindcss/forms": "^0.4.0",
     "@tailwindcss/typography": "^0.5.0",
@@ -152,7 +153,7 @@
     "eslint-config-prettier": "^7.2.0",
     "eslint-plugin-import": "^2.22.1",
     "eslint-plugin-react": "^7.23.0",
-    "eslint-plugin-storybook": "^0.6.12",
+    "eslint-plugin-storybook": "^0.6.15",
     "gaze": "^1.1.3",
     "husky": "^4.3.8",
     "lint-staged": "^10.5.4",
@@ -174,7 +175,7 @@
     "rollup-plugin-typescript2": "^0.34.1",
     "rsync": "^0.6.1",
     "sinon": "^13.0.2",
-    "storybook": "^7.0.12",
+    "storybook": "^7.4.6",
     "svgo": "^2.7",
     "tailwindcss": "^3.0.0",
     "ts-lit-plugin": "^1.2.1",
diff --git a/yarn.lock b/yarn.lock
index dbd127dd7..7f6087ff5 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3354,19 +3354,19 @@
   resolved "https://registry.yarnpkg.com/@splidejs/splide/-/splide-4.1.4.tgz#02d029360569e7d75d28357a9727fc48322015a3"
   integrity sha512-5I30evTJcAJQXt6vJ26g2xEkG+l1nXcpEw4xpKh0/FWQ8ozmAeTbtniVtVmz2sH1Es3vgfC4SS8B2X4o5JMptA==
 
-"@storybook/addon-actions@7.4.0", "@storybook/addon-actions@^7.4.0":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-7.4.0.tgz#709988f46422b85b3672d2e6f90bf623af59faa9"
-  integrity sha512-0lHLLUlrGE7CBFrfmAXrBKu7fUIsiQlnNekuE3cIAjSgVR481bJEzYHUUoMATqpPC4GGErBdP1CZxVDDwWV8jA==
-  dependencies:
-    "@storybook/client-logger" "7.4.0"
-    "@storybook/components" "7.4.0"
-    "@storybook/core-events" "7.4.0"
+"@storybook/addon-actions@7.4.6", "@storybook/addon-actions@^7.4.6":
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-7.4.6.tgz#080bd1612a744cc3fc4a435a07a63d2d8c05f030"
+  integrity sha512-SsqZr3js5NinKPnC8AeNI7Ij+Q6fIl9tRdRmSulEgjksjOg7E5S1/Wsn5Bb2CCgj7MaX6VxGyC7s3XskQtDiIQ==
+  dependencies:
+    "@storybook/client-logger" "7.4.6"
+    "@storybook/components" "7.4.6"
+    "@storybook/core-events" "7.4.6"
     "@storybook/global" "^5.0.0"
-    "@storybook/manager-api" "7.4.0"
-    "@storybook/preview-api" "7.4.0"
-    "@storybook/theming" "7.4.0"
-    "@storybook/types" "7.4.0"
+    "@storybook/manager-api" "7.4.6"
+    "@storybook/preview-api" "7.4.6"
+    "@storybook/theming" "7.4.6"
+    "@storybook/types" "7.4.6"
     dequal "^2.0.2"
     lodash "^4.17.21"
     polished "^4.2.2"
@@ -3376,180 +3376,180 @@
     ts-dedent "^2.0.0"
     uuid "^9.0.0"
 
-"@storybook/addon-backgrounds@7.4.0":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-backgrounds/-/addon-backgrounds-7.4.0.tgz#7d3048329b8ef73145a2e9b435b7b35004a65f86"
-  integrity sha512-cEO/Tp/eRE+5bf1FGN4wKLqLDBv3EYp9enJyXV7B3cFdciqtoE7VJPZuFZkzjJN1rRcOKSZp8g5agsx+x9uNGQ==
+"@storybook/addon-backgrounds@7.4.6":
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-backgrounds/-/addon-backgrounds-7.4.6.tgz#315ac726e606259ce868b78c7b966cc9489b51ea"
+  integrity sha512-+LHTZB/ZYMAzkyD5ZxSriBsqmsrvIaW/Nnd/BeuXGbkrVKKqM0qAKiFZAfjc2WchA1piVNy0/1Rsf+kuYCEiJw==
   dependencies:
-    "@storybook/client-logger" "7.4.0"
-    "@storybook/components" "7.4.0"
-    "@storybook/core-events" "7.4.0"
+    "@storybook/client-logger" "7.4.6"
+    "@storybook/components" "7.4.6"
+    "@storybook/core-events" "7.4.6"
     "@storybook/global" "^5.0.0"
-    "@storybook/manager-api" "7.4.0"
-    "@storybook/preview-api" "7.4.0"
-    "@storybook/theming" "7.4.0"
-    "@storybook/types" "7.4.0"
+    "@storybook/manager-api" "7.4.6"
+    "@storybook/preview-api" "7.4.6"
+    "@storybook/theming" "7.4.6"
+    "@storybook/types" "7.4.6"
     memoizerific "^1.11.3"
     ts-dedent "^2.0.0"
 
-"@storybook/addon-controls@7.4.0":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-controls/-/addon-controls-7.4.0.tgz#b212d60fd74d69f6b63c53e4d52ab6c77ee51247"
-  integrity sha512-tYDfqpTR+c9y4kElmr3aWNHPot6kYd+nruYb697LpkCdy4lFErqSo0mhvPyZfMZp2KEajfp6YJAurhQWbvbj/A==
-  dependencies:
-    "@storybook/blocks" "7.4.0"
-    "@storybook/client-logger" "7.4.0"
-    "@storybook/components" "7.4.0"
-    "@storybook/core-common" "7.4.0"
-    "@storybook/core-events" "7.4.0"
-    "@storybook/manager-api" "7.4.0"
-    "@storybook/node-logger" "7.4.0"
-    "@storybook/preview-api" "7.4.0"
-    "@storybook/theming" "7.4.0"
-    "@storybook/types" "7.4.0"
+"@storybook/addon-controls@7.4.6":
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-controls/-/addon-controls-7.4.6.tgz#b1db7a0faacb25b9a6f54c2dff2ba94d06619bd4"
+  integrity sha512-4lq3sycEUIsK8SUWDYc60QgF4vV9FZZ3lDr6M7j2W9bOnvGw49d2fbdlnq+bX1ZprZZ9VgglQpBAorQB3BXZRw==
+  dependencies:
+    "@storybook/blocks" "7.4.6"
+    "@storybook/client-logger" "7.4.6"
+    "@storybook/components" "7.4.6"
+    "@storybook/core-common" "7.4.6"
+    "@storybook/core-events" "7.4.6"
+    "@storybook/manager-api" "7.4.6"
+    "@storybook/node-logger" "7.4.6"
+    "@storybook/preview-api" "7.4.6"
+    "@storybook/theming" "7.4.6"
+    "@storybook/types" "7.4.6"
     lodash "^4.17.21"
     ts-dedent "^2.0.0"
 
-"@storybook/addon-docs@7.4.0", "@storybook/addon-docs@^7.4.0":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-docs/-/addon-docs-7.4.0.tgz#e07233c264eaec149a0fcca0e27c586d4e80b403"
-  integrity sha512-LJE92LUeVTgi8W4tLBEbSvCqF54snmBfTFCr46vhCFov2CE2VBgEvIX1XT3dfUgYUOtPu3RXR2C89fYgU6VYZw==
+"@storybook/addon-docs@7.4.6", "@storybook/addon-docs@^7.4.6":
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-docs/-/addon-docs-7.4.6.tgz#f2cc635a77cfb3e2910d6ca813add9a16785595d"
+  integrity sha512-dLaub+XWFq4hChw+xfuF9yYg0Txp77FUawKoAigccfjWXx+OOhRV3XTuAcknpXkYq94GWynHgUFXosXT9kbDNA==
   dependencies:
     "@jest/transform" "^29.3.1"
     "@mdx-js/react" "^2.1.5"
-    "@storybook/blocks" "7.4.0"
-    "@storybook/client-logger" "7.4.0"
-    "@storybook/components" "7.4.0"
-    "@storybook/csf-plugin" "7.4.0"
-    "@storybook/csf-tools" "7.4.0"
+    "@storybook/blocks" "7.4.6"
+    "@storybook/client-logger" "7.4.6"
+    "@storybook/components" "7.4.6"
+    "@storybook/csf-plugin" "7.4.6"
+    "@storybook/csf-tools" "7.4.6"
     "@storybook/global" "^5.0.0"
     "@storybook/mdx2-csf" "^1.0.0"
-    "@storybook/node-logger" "7.4.0"
-    "@storybook/postinstall" "7.4.0"
-    "@storybook/preview-api" "7.4.0"
-    "@storybook/react-dom-shim" "7.4.0"
-    "@storybook/theming" "7.4.0"
-    "@storybook/types" "7.4.0"
+    "@storybook/node-logger" "7.4.6"
+    "@storybook/postinstall" "7.4.6"
+    "@storybook/preview-api" "7.4.6"
+    "@storybook/react-dom-shim" "7.4.6"
+    "@storybook/theming" "7.4.6"
+    "@storybook/types" "7.4.6"
     fs-extra "^11.1.0"
     remark-external-links "^8.0.0"
     remark-slug "^6.0.0"
     ts-dedent "^2.0.0"
 
-"@storybook/addon-essentials@^7.4.0":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-essentials/-/addon-essentials-7.4.0.tgz#b5d19c60233e5bd5e1a29b76b51059c889f18d52"
-  integrity sha512-nZmNM9AKw2JXxnYUXyFKLeUF/cL7Z9E1WTeZyOFTDtU2aITRt8+LvaepwjchtPqu2B0GcQxLB5FRDdhy0I19nw==
-  dependencies:
-    "@storybook/addon-actions" "7.4.0"
-    "@storybook/addon-backgrounds" "7.4.0"
-    "@storybook/addon-controls" "7.4.0"
-    "@storybook/addon-docs" "7.4.0"
-    "@storybook/addon-highlight" "7.4.0"
-    "@storybook/addon-measure" "7.4.0"
-    "@storybook/addon-outline" "7.4.0"
-    "@storybook/addon-toolbars" "7.4.0"
-    "@storybook/addon-viewport" "7.4.0"
-    "@storybook/core-common" "7.4.0"
-    "@storybook/manager-api" "7.4.0"
-    "@storybook/node-logger" "7.4.0"
-    "@storybook/preview-api" "7.4.0"
+"@storybook/addon-essentials@^7.4.6":
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-essentials/-/addon-essentials-7.4.6.tgz#b9c83dbdae0ffd6f24fa9328b36488d563714260"
+  integrity sha512-dWodufrt71TK7ELkeIvVae/x4PzECUlbOm57Iqqt4yQCyR291CgvI4PjeB8un2HbpcXCGZ+N/Oj3YkytvzBi4A==
+  dependencies:
+    "@storybook/addon-actions" "7.4.6"
+    "@storybook/addon-backgrounds" "7.4.6"
+    "@storybook/addon-controls" "7.4.6"
+    "@storybook/addon-docs" "7.4.6"
+    "@storybook/addon-highlight" "7.4.6"
+    "@storybook/addon-measure" "7.4.6"
+    "@storybook/addon-outline" "7.4.6"
+    "@storybook/addon-toolbars" "7.4.6"
+    "@storybook/addon-viewport" "7.4.6"
+    "@storybook/core-common" "7.4.6"
+    "@storybook/manager-api" "7.4.6"
+    "@storybook/node-logger" "7.4.6"
+    "@storybook/preview-api" "7.4.6"
     ts-dedent "^2.0.0"
 
-"@storybook/addon-highlight@7.4.0":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-highlight/-/addon-highlight-7.4.0.tgz#ea33826a7f610f5e76cfa59ff22283e01cfd76cd"
-  integrity sha512-kpYSb3oXI9t/1+aRJhToDZ0/1W4mu+SzTBfv9Bl2d/DogEkFzgJricoy5LtvS5EpcXUmKO1FJsw/DCm9buSL2g==
+"@storybook/addon-highlight@7.4.6":
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-highlight/-/addon-highlight-7.4.6.tgz#ee688232fe260f1b926205ddc1ceb1e0781dcbaf"
+  integrity sha512-zCufxxD2KS5VwczxfkcBxe1oR/juTTn2H1Qm8kYvWCJQx3UxzX0+G9cwafbpV7eivqaufLweEwROkH+0KjAtkQ==
   dependencies:
-    "@storybook/core-events" "7.4.0"
+    "@storybook/core-events" "7.4.6"
     "@storybook/global" "^5.0.0"
-    "@storybook/preview-api" "7.4.0"
+    "@storybook/preview-api" "7.4.6"
 
-"@storybook/addon-links@^7.4.0":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-links/-/addon-links-7.4.0.tgz#f10ba388143d0de75150a27e94241d5fb4dfba7e"
-  integrity sha512-lFj8fiokWKk3jx5YUQ4anQo1uCNDMP1y6nJ/92Y85vnOd1vJr3w4GlLy8eOWMABRE33AKLI5Yp6wcpWZDe7hhQ==
+"@storybook/addon-links@^7.4.6":
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-links/-/addon-links-7.4.6.tgz#6bf1730b8f44d85a0b601d268fd6fb0726bbc360"
+  integrity sha512-BPygElZKX+CPI9Se6GJNk1dYc5oxuhA+vHigO1tBqhiM6VkHyFP3cvezJNQvpNYhkUnu3cxnZXb3UJnlRbPY3g==
   dependencies:
-    "@storybook/client-logger" "7.4.0"
-    "@storybook/core-events" "7.4.0"
+    "@storybook/client-logger" "7.4.6"
+    "@storybook/core-events" "7.4.6"
     "@storybook/csf" "^0.1.0"
     "@storybook/global" "^5.0.0"
-    "@storybook/manager-api" "7.4.0"
-    "@storybook/preview-api" "7.4.0"
-    "@storybook/router" "7.4.0"
-    "@storybook/types" "7.4.0"
+    "@storybook/manager-api" "7.4.6"
+    "@storybook/preview-api" "7.4.6"
+    "@storybook/router" "7.4.6"
+    "@storybook/types" "7.4.6"
     prop-types "^15.7.2"
     ts-dedent "^2.0.0"
 
-"@storybook/addon-measure@7.4.0":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-measure/-/addon-measure-7.4.0.tgz#61bc0d0af5af8c22e81b70e1690b2f58262944cd"
-  integrity sha512-8YjBqm6jPOBgkRn9YnJkLN0+ghgJiukdHOa0VB3qhiT+oww4ZOZ7mc2aQRwXQoFb05UbVVG9UNxE7lhyTyaG2w==
+"@storybook/addon-measure@7.4.6":
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-measure/-/addon-measure-7.4.6.tgz#12cb5ffab78c922809178c0ee8574b264ff2de5d"
+  integrity sha512-nCymMLaHnxv8TE3yEM1A9Tulb1NuRXRNmtsdHTkjv7P1aWCxZo8A/GZaottKe/GLT8jSRjZ+dnpYWrbAhw6wTQ==
   dependencies:
-    "@storybook/client-logger" "7.4.0"
-    "@storybook/components" "7.4.0"
-    "@storybook/core-events" "7.4.0"
+    "@storybook/client-logger" "7.4.6"
+    "@storybook/components" "7.4.6"
+    "@storybook/core-events" "7.4.6"
     "@storybook/global" "^5.0.0"
-    "@storybook/manager-api" "7.4.0"
-    "@storybook/preview-api" "7.4.0"
-    "@storybook/types" "7.4.0"
+    "@storybook/manager-api" "7.4.6"
+    "@storybook/preview-api" "7.4.6"
+    "@storybook/types" "7.4.6"
     tiny-invariant "^1.3.1"
 
-"@storybook/addon-outline@7.4.0":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-outline/-/addon-outline-7.4.0.tgz#63fef45815f209a3ad7ac2b3765f0734093af668"
-  integrity sha512-CCAWFC3bfkmYPzFjOemfH/kjpqJOHt+SdJgBKmwujDy+zum0DHlUL/7rd+U32cEpezCA8bapd0hlWn59C4agHQ==
+"@storybook/addon-outline@7.4.6":
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-outline/-/addon-outline-7.4.6.tgz#d375046bb6858ea9ec09fdaf03d5802a543b2a30"
+  integrity sha512-errNUblRVDLpuEaHQPr/nsrnsUkD2ARmXawkRvizgDWLIDMDJYjTON3MUCaVx3x+hlZ3I6X//G5TVcma8tCc8A==
   dependencies:
-    "@storybook/client-logger" "7.4.0"
-    "@storybook/components" "7.4.0"
-    "@storybook/core-events" "7.4.0"
+    "@storybook/client-logger" "7.4.6"
+    "@storybook/components" "7.4.6"
+    "@storybook/core-events" "7.4.6"
     "@storybook/global" "^5.0.0"
-    "@storybook/manager-api" "7.4.0"
-    "@storybook/preview-api" "7.4.0"
-    "@storybook/types" "7.4.0"
+    "@storybook/manager-api" "7.4.6"
+    "@storybook/preview-api" "7.4.6"
+    "@storybook/types" "7.4.6"
     ts-dedent "^2.0.0"
 
-"@storybook/addon-toolbars@7.4.0":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-toolbars/-/addon-toolbars-7.4.0.tgz#db1a3bc1d6e6aa0142b62aaf8c44d5a9f82fd6b7"
-  integrity sha512-00PDLchlQXI3ZClQHU0YQBfikAAxHOhVNv2QKW54yFKmxPl+P2c/VIeir9LcPhA04smKrJTD1u+Nszd66A9xAA==
-  dependencies:
-    "@storybook/client-logger" "7.4.0"
-    "@storybook/components" "7.4.0"
-    "@storybook/manager-api" "7.4.0"
-    "@storybook/preview-api" "7.4.0"
-    "@storybook/theming" "7.4.0"
-
-"@storybook/addon-viewport@7.4.0":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/addon-viewport/-/addon-viewport-7.4.0.tgz#a9bc167b822d31491cec6aad21cc0a420f1ae5b7"
-  integrity sha512-Bfoilf9eJV/C7tR8XHDxz3h8JlZ+iggoESp2Tc0bW9tlRvz+PsCqeyHhF/IgHY+gLnPal2PkK/PIM+ruO45HXA==
-  dependencies:
-    "@storybook/client-logger" "7.4.0"
-    "@storybook/components" "7.4.0"
-    "@storybook/core-events" "7.4.0"
+"@storybook/addon-toolbars@7.4.6":
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-toolbars/-/addon-toolbars-7.4.6.tgz#04d270bb45f6cea45cecce084f7713c7dda047f9"
+  integrity sha512-L9m2FBcKeteGq7qIYsMJr0LEfiH7Wdrv5IDcldZTn68eZUJTh1p4GdJZcOmzX1P5IFRr76hpu03iWsNlWQjpbQ==
+  dependencies:
+    "@storybook/client-logger" "7.4.6"
+    "@storybook/components" "7.4.6"
+    "@storybook/manager-api" "7.4.6"
+    "@storybook/preview-api" "7.4.6"
+    "@storybook/theming" "7.4.6"
+
+"@storybook/addon-viewport@7.4.6":
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-viewport/-/addon-viewport-7.4.6.tgz#ff6fbe9b67310d16cd7b4a38dbc445a8fede6373"
+  integrity sha512-INDtk54j7bi7NgxMfd2ATmbA0J7nAd6X8itMkLIyPuPJtx8bYHPDORyemDOd0AojgmAdTOAyUtDYdI/PFeo4Cw==
+  dependencies:
+    "@storybook/client-logger" "7.4.6"
+    "@storybook/components" "7.4.6"
+    "@storybook/core-events" "7.4.6"
     "@storybook/global" "^5.0.0"
-    "@storybook/manager-api" "7.4.0"
-    "@storybook/preview-api" "7.4.0"
-    "@storybook/theming" "7.4.0"
+    "@storybook/manager-api" "7.4.6"
+    "@storybook/preview-api" "7.4.6"
+    "@storybook/theming" "7.4.6"
     memoizerific "^1.11.3"
     prop-types "^15.7.2"
 
-"@storybook/blocks@7.4.0":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/blocks/-/blocks-7.4.0.tgz#6a9240e2b58bac99a998c559d719be7ff4e19dcc"
-  integrity sha512-YQznNjJm+l32fCfPxrZso9+MbcyG0pWZSpx3RKI1+pxDMsAs4mbXsIw4//jKfjoDP/6/Cz/FJcSx8LT7i4BJ2w==
+"@storybook/blocks@7.4.6":
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/@storybook/blocks/-/blocks-7.4.6.tgz#03134130fa20d6c36c6985008bc2c38892c5b8f5"
+  integrity sha512-HxBSAeOiTZW2jbHQlo1upRWFgoMsaAyKijUFf5MwwMNIesXCuuTGZDJ3xTABwAVLK2qC9Ektfbo0CZCiPVuDRQ==
   dependencies:
-    "@storybook/channels" "7.4.0"
-    "@storybook/client-logger" "7.4.0"
-    "@storybook/components" "7.4.0"
-    "@storybook/core-events" "7.4.0"
+    "@storybook/channels" "7.4.6"
+    "@storybook/client-logger" "7.4.6"
+    "@storybook/components" "7.4.6"
+    "@storybook/core-events" "7.4.6"
     "@storybook/csf" "^0.1.0"
-    "@storybook/docs-tools" "7.4.0"
+    "@storybook/docs-tools" "7.4.6"
     "@storybook/global" "^5.0.0"
-    "@storybook/manager-api" "7.4.0"
-    "@storybook/preview-api" "7.4.0"
-    "@storybook/theming" "7.4.0"
-    "@storybook/types" "7.4.0"
+    "@storybook/manager-api" "7.4.6"
+    "@storybook/preview-api" "7.4.6"
+    "@storybook/theming" "7.4.6"
+    "@storybook/types" "7.4.6"
     "@types/lodash" "^4.14.167"
     color-convert "^2.0.1"
     dequal "^2.0.2"
@@ -3563,15 +3563,15 @@
     ts-dedent "^2.0.0"
     util-deprecate "^1.0.2"
 
-"@storybook/builder-manager@7.4.0":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/builder-manager/-/builder-manager-7.4.0.tgz#80cf72ea83f88e16d585c5bdb40d563874c7d8ca"
-  integrity sha512-4fuxVzBIBbZh2aVBizSOU5EJ8b74IhR6x2TAZjifZZf5Gdxgfgio8sAyrrd/C78vrFOFhFEgmQhMqZRuCLHxvQ==
+"@storybook/builder-manager@7.4.6":
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/@storybook/builder-manager/-/builder-manager-7.4.6.tgz#942a1a5e0a8b5956bd30867841fa1c542eb3d0bf"
+  integrity sha512-zylZCD2rmyLOOFBFmUgtJg6UNUKmRNgXiig1XApzS2TkIbTZP827DsVEUl0ey/lskCe0uArkrEBR6ICba8p/Rw==
   dependencies:
     "@fal-works/esbuild-plugin-global-externals" "^2.1.2"
-    "@storybook/core-common" "7.4.0"
-    "@storybook/manager" "7.4.0"
-    "@storybook/node-logger" "7.4.0"
+    "@storybook/core-common" "7.4.6"
+    "@storybook/manager" "7.4.6"
+    "@storybook/node-logger" "7.4.6"
     "@types/ejs" "^3.1.1"
     "@types/find-cache-dir" "^3.2.1"
     "@yarnpkg/esbuild-plugin-pnp" "^3.0.0-rc.10"
@@ -3585,20 +3585,20 @@
     process "^0.11.10"
     util "^0.12.4"
 
-"@storybook/builder-vite@7.4.0":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/builder-vite/-/builder-vite-7.4.0.tgz#a5e6919c48b825df418eae8ee58f0411275a29f1"
-  integrity sha512-2hE+Q5zoSFQvmiPKsRaZWUX5v6vRaSp0+kgZo3EOg0DvAACiC/Cd+sdnv7wxigvSnVRMbWvBVguPyePRjke8KA==
+"@storybook/builder-vite@7.4.6":
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/@storybook/builder-vite/-/builder-vite-7.4.6.tgz#b5aabb74c1e394b5e56be699408f0538eb483b1f"
+  integrity sha512-xV9STYK+TkqWWTf2ydm6jx+7P70fjD2UPd1XTUw08uKszIjhuuxk+bG/OF5R1E25mPunAKXm6kBFh351AKejBg==
   dependencies:
-    "@storybook/channels" "7.4.0"
-    "@storybook/client-logger" "7.4.0"
-    "@storybook/core-common" "7.4.0"
-    "@storybook/csf-plugin" "7.4.0"
+    "@storybook/channels" "7.4.6"
+    "@storybook/client-logger" "7.4.6"
+    "@storybook/core-common" "7.4.6"
+    "@storybook/csf-plugin" "7.4.6"
     "@storybook/mdx2-csf" "^1.0.0"
-    "@storybook/node-logger" "7.4.0"
-    "@storybook/preview" "7.4.0"
-    "@storybook/preview-api" "7.4.0"
-    "@storybook/types" "7.4.0"
+    "@storybook/node-logger" "7.4.6"
+    "@storybook/preview" "7.4.6"
+    "@storybook/preview-api" "7.4.6"
+    "@storybook/types" "7.4.6"
     "@types/find-cache-dir" "^3.2.1"
     browser-assert "^1.2.1"
     es-module-lexer "^0.9.3"
@@ -3610,34 +3610,35 @@
     remark-slug "^6.0.0"
     rollup "^2.25.0 || ^3.3.0"
 
-"@storybook/channels@7.4.0":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-7.4.0.tgz#4ab69fce09c0fe7299f1595628b3de10b0fdcd8f"
-  integrity sha512-/1CU0s3npFumzVHLGeubSyPs21O3jNqtSppOjSB9iDTyV2GtQrjh5ntVwebfKpCkUSitx3x7TkCb9dylpEZ8+w==
+"@storybook/channels@7.4.6":
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-7.4.6.tgz#cadd16b91db08005c2b9e4938d3e1d1290d27a40"
+  integrity sha512-yPv/sfo2c18fM3fvG0i1xse63vG8l33Al/OU0k/dtovltPu001/HVa1QgBgsb/QrEfZtvGjGhmtdVeYb39fv3A==
   dependencies:
-    "@storybook/client-logger" "7.4.0"
-    "@storybook/core-events" "7.4.0"
+    "@storybook/client-logger" "7.4.6"
+    "@storybook/core-events" "7.4.6"
     "@storybook/global" "^5.0.0"
     qs "^6.10.0"
     telejson "^7.2.0"
     tiny-invariant "^1.3.1"
 
-"@storybook/cli@7.4.0":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/cli/-/cli-7.4.0.tgz#a50f435d55e3056547c983c0bfacb2eed63cd692"
-  integrity sha512-yn27cn3LzhTqpEVX6CzUz13KTJ3jPLA2eM4bO1t7SYUqpDlzw3lET9DIcYIaUAIiL+0r2Js3jW2BsyN/5KmO5w==
+"@storybook/cli@7.4.6":
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/@storybook/cli/-/cli-7.4.6.tgz#c322fcfdacf839a55a9c2aaa592a820fdaa1422c"
+  integrity sha512-rRwaH8pOL+FHz/pJMEkNpMH2xvZvWsrl7obBYw26NQiHmiVSAkfHJicndSN1mwc+p5w+9iXthrgzbLtSAOSvkA==
   dependencies:
     "@babel/core" "^7.22.9"
     "@babel/preset-env" "^7.22.9"
     "@babel/types" "^7.22.5"
     "@ndelangen/get-tarball" "^3.0.7"
-    "@storybook/codemod" "7.4.0"
-    "@storybook/core-common" "7.4.0"
-    "@storybook/core-server" "7.4.0"
-    "@storybook/csf-tools" "7.4.0"
-    "@storybook/node-logger" "7.4.0"
-    "@storybook/telemetry" "7.4.0"
-    "@storybook/types" "7.4.0"
+    "@storybook/codemod" "7.4.6"
+    "@storybook/core-common" "7.4.6"
+    "@storybook/core-events" "7.4.6"
+    "@storybook/core-server" "7.4.6"
+    "@storybook/csf-tools" "7.4.6"
+    "@storybook/node-logger" "7.4.6"
+    "@storybook/telemetry" "7.4.6"
+    "@storybook/types" "7.4.6"
     "@types/semver" "^7.3.4"
     "@yarnpkg/fslib" "2.10.3"
     "@yarnpkg/libzip" "2.3.0"
@@ -3668,25 +3669,25 @@
     ts-dedent "^2.0.0"
     util-deprecate "^1.0.2"
 
-"@storybook/client-logger@7.4.0":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-7.4.0.tgz#f90aa5ee29d540074f6e4890bae71836ac87273c"
-  integrity sha512-4pBnf7+df1wXEVcF1civqxbrtccGGHQkfWQkJo49s53RXvF7SRTcif6XTx0V3cQV0v7I1C5mmLm0LNlmjPRP1Q==
+"@storybook/client-logger@7.4.6":
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-7.4.6.tgz#3346f3ae51abb3ce61bf1a7d083d32f27b8f718f"
+  integrity sha512-XDw31ZziU//86PKuMRnmc+L/G0VopaGKENQOGEpvAXCU9IZASwGKlKAtcyosjrpi+ZiUXlMgUXCpXM7x3b1Ehw==
   dependencies:
     "@storybook/global" "^5.0.0"
 
-"@storybook/codemod@7.4.0":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/codemod/-/codemod-7.4.0.tgz#c23ef80253b5a5998c83e49e74bd6ff62683d27a"
-  integrity sha512-XqNhv5bec+L7TJ5tXdsMalmJazwaFMVVxoNlnb0f9zKhovAEF2F6hl6+Pnd2avRomH9+1q7EM+GwrTCAvzAfzg==
+"@storybook/codemod@7.4.6":
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/@storybook/codemod/-/codemod-7.4.6.tgz#b884304c246de6de22faa94e76cd38f129bd827e"
+  integrity sha512-lxmwEpwksCaAq96APN2YlooSDfKjJ1vKzN5Ni2EqQzf2TEXl7XQjLacHd7OOaII1kfsy+D5gNG4N5wBo7Ub30g==
   dependencies:
     "@babel/core" "^7.22.9"
     "@babel/preset-env" "^7.22.9"
     "@babel/types" "^7.22.5"
     "@storybook/csf" "^0.1.0"
-    "@storybook/csf-tools" "7.4.0"
-    "@storybook/node-logger" "7.4.0"
-    "@storybook/types" "7.4.0"
+    "@storybook/csf-tools" "7.4.6"
+    "@storybook/node-logger" "7.4.6"
+    "@storybook/types" "7.4.6"
     "@types/cross-spawn" "^6.0.2"
     cross-spawn "^7.0.3"
     globby "^11.0.2"
@@ -3695,37 +3696,38 @@
     prettier "^2.8.0"
     recast "^0.23.1"
 
-"@storybook/components@7.4.0":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/components/-/components-7.4.0.tgz#0cc83ff89dd9cdcde3eaeeb7b3fbcf2036ba6fb8"
-  integrity sha512-GGnQrI4NXwri/PqNjhO1vNv4tC7RBjY87ce9WHBq1ueat3kBakdqV97NzScoldXarkkKK6grBqmhw9jE5PfzhQ==
+"@storybook/components@7.4.6":
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/@storybook/components/-/components-7.4.6.tgz#e804407bd3a047e9f6026edfbbe188244661b55a"
+  integrity sha512-nIRBhewAgrJJVafyCzuaLx1l+YOfvvD5dOZ0JxZsxJsefOdw1jFpUqUZ5fIpQ2moyvrR0mAUFw378rBfMdHz5Q==
   dependencies:
     "@radix-ui/react-select" "^1.2.2"
     "@radix-ui/react-toolbar" "^1.0.4"
-    "@storybook/client-logger" "7.4.0"
+    "@storybook/client-logger" "7.4.6"
     "@storybook/csf" "^0.1.0"
     "@storybook/global" "^5.0.0"
-    "@storybook/theming" "7.4.0"
-    "@storybook/types" "7.4.0"
+    "@storybook/theming" "7.4.6"
+    "@storybook/types" "7.4.6"
     memoizerific "^1.11.3"
     use-resize-observer "^9.1.0"
     util-deprecate "^1.0.2"
 
-"@storybook/core-client@7.4.0":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/core-client/-/core-client-7.4.0.tgz#b2b683ebc44d0dfaa7a886f7bb1a5fc74a3d0965"
-  integrity sha512-AhysJS2HnydB8Jc+BMVzK5VLHa1liJjxroNsd+ZTgGUhD7R8wvozrswQgY4MLFtcaLwN/wDWlK2YavSBqmc94Q==
+"@storybook/core-client@7.4.6":
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/@storybook/core-client/-/core-client-7.4.6.tgz#880ab2a431133912d0b76f2273cefe95b287d8ca"
+  integrity sha512-tfgxAHeCvMcs6DsVgtb4hQSDaCHeAPJOsoyhb47eDQfk4OmxzriM0qWucJV5DePSMi+KutX/rN2u0JxfOuN68g==
   dependencies:
-    "@storybook/client-logger" "7.4.0"
-    "@storybook/preview-api" "7.4.0"
+    "@storybook/client-logger" "7.4.6"
+    "@storybook/preview-api" "7.4.6"
 
-"@storybook/core-common@7.4.0":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/core-common/-/core-common-7.4.0.tgz#da71afd79a12cfb5565351f184f6797214a5da79"
-  integrity sha512-QKrBL46ZFdfTjlZE3f7b59Q5+frOHWIJ64sC9BZ2PHkZkGjFeYRDdJJ6EHLYBb+nToynl33dYN1GQz+hQn2vww==
+"@storybook/core-common@7.4.6":
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/@storybook/core-common/-/core-common-7.4.6.tgz#8cb3fd94c4c7c5d307fb1606dcb0e06fc8672410"
+  integrity sha512-05MJFmOM86qvTLtgDskokIFz9txe0Lbhq4L3by1FtF0GwgH+p+W6I94KI7c6ANER+kVZkXQZhiRzwBFnVTW+Cg==
   dependencies:
-    "@storybook/node-logger" "7.4.0"
-    "@storybook/types" "7.4.0"
+    "@storybook/core-events" "7.4.6"
+    "@storybook/node-logger" "7.4.6"
+    "@storybook/types" "7.4.6"
     "@types/find-cache-dir" "^3.2.1"
     "@types/node" "^16.0.0"
     "@types/node-fetch" "^2.6.4"
@@ -3747,33 +3749,33 @@
     resolve-from "^5.0.0"
     ts-dedent "^2.0.0"
 
-"@storybook/core-events@7.4.0":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/core-events/-/core-events-7.4.0.tgz#0d50d254d65a678065d5906ac1dcab64396f2f6a"
-  integrity sha512-JavEo4dw7TQdF5pSKjk4RtqLgsG2R/eWRI8vZ3ANKa0ploGAnQR/eMTfSxf6TUH3ElBWLJhi+lvUCkKXPQD+dw==
+"@storybook/core-events@7.4.6":
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/@storybook/core-events/-/core-events-7.4.6.tgz#f0b652c623c1afebda42d1702d631cecc1c137bf"
+  integrity sha512-r5vrE+32lwrJh1NGFr1a0mWjvxo7q8FXYShylcwRWpacmL5NTtLkrXOoJSeGvJ4yKNYkvxQFtOPId4lzDxa32w==
   dependencies:
     ts-dedent "^2.0.0"
 
-"@storybook/core-server@7.4.0":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/core-server/-/core-server-7.4.0.tgz#9e624789ff30d9538ac014b038c48fac0ebb7272"
-  integrity sha512-AcbfXatHVx1by4R2CiPIMgjQlOL3sUbVarkhmgUcL0AWT0zC0SCQWUZdo22en+jZhAraazgXyLGNCVP7A+6Tqg==
+"@storybook/core-server@7.4.6":
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/@storybook/core-server/-/core-server-7.4.6.tgz#82a3834d9a063ff01a126f7c1724c8997bdd1555"
+  integrity sha512-jqmRTGCJ1W0WReImivkisPVaLFT5sjtLnFoAk0feHp6QS5j7EYOPN7CYzliyQmARWTLUEXOVaFf3VD6nJZQhJQ==
   dependencies:
     "@aw-web-design/x-default-browser" "1.4.126"
     "@discoveryjs/json-ext" "^0.5.3"
-    "@storybook/builder-manager" "7.4.0"
-    "@storybook/channels" "7.4.0"
-    "@storybook/core-common" "7.4.0"
-    "@storybook/core-events" "7.4.0"
+    "@storybook/builder-manager" "7.4.6"
+    "@storybook/channels" "7.4.6"
+    "@storybook/core-common" "7.4.6"
+    "@storybook/core-events" "7.4.6"
     "@storybook/csf" "^0.1.0"
-    "@storybook/csf-tools" "7.4.0"
+    "@storybook/csf-tools" "7.4.6"
     "@storybook/docs-mdx" "^0.1.0"
     "@storybook/global" "^5.0.0"
-    "@storybook/manager" "7.4.0"
-    "@storybook/node-logger" "7.4.0"
-    "@storybook/preview-api" "7.4.0"
-    "@storybook/telemetry" "7.4.0"
-    "@storybook/types" "7.4.0"
+    "@storybook/manager" "7.4.6"
+    "@storybook/node-logger" "7.4.6"
+    "@storybook/preview-api" "7.4.6"
+    "@storybook/telemetry" "7.4.6"
+    "@storybook/types" "7.4.6"
     "@types/detect-port" "^1.3.0"
     "@types/node" "^16.0.0"
     "@types/pretty-hrtime" "^1.0.0"
@@ -3793,7 +3795,6 @@
     prompts "^2.4.0"
     read-pkg-up "^7.0.1"
     semver "^7.3.7"
-    serve-favicon "^2.5.0"
     telejson "^7.2.0"
     tiny-invariant "^1.3.1"
     ts-dedent "^2.0.0"
@@ -3802,25 +3803,25 @@
     watchpack "^2.2.0"
     ws "^8.2.3"
 
-"@storybook/csf-plugin@7.4.0":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/csf-plugin/-/csf-plugin-7.4.0.tgz#f25ebb30affbc9b4dd61b1fdb12c4a4257a275dc"
-  integrity sha512-X1L3l/dpz2UYjCEQlFLkW7w1A13pmzDZpJ0lotkV79PALlakMXBeoX3I2E0VMjJATV8wC9RSj56COBAs6HsPeg==
+"@storybook/csf-plugin@7.4.6":
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/@storybook/csf-plugin/-/csf-plugin-7.4.6.tgz#63b4498c9be329ba9cdd53bb8cbe66ef225230ec"
+  integrity sha512-yi7Qa4NSqKOyiJTWCxlB0ih2ijXq6oY5qZKW6MuMMBP14xJNRGLbH5KabpfXgN2T7YECcOWG1uWaGj2veJb1KA==
   dependencies:
-    "@storybook/csf-tools" "7.4.0"
+    "@storybook/csf-tools" "7.4.6"
     unplugin "^1.3.1"
 
-"@storybook/csf-tools@7.4.0":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/csf-tools/-/csf-tools-7.4.0.tgz#db5c97ee603da9a68511192d701534e356f9e592"
-  integrity sha512-bKyOmWPyvT50Neq2wCRr2PmVGLVVm6pOw8WL5t5jueD8sRRzo9QdfhEkqmuSyqdsBdt3SiJKL5oA6dqY5Vl9ww==
+"@storybook/csf-tools@7.4.6":
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/@storybook/csf-tools/-/csf-tools-7.4.6.tgz#3987e31d5975dcaa8f3dfa4f5e0fb5cd457cbae6"
+  integrity sha512-ocKpcIUtTBy6hlLY34RUFQyX403cWpB2gGfqvkHbpGe2BQj7EyV0zpWnjsfVxvw+M9OWlCdxHWDOPUgXM33ELw==
   dependencies:
     "@babel/generator" "^7.22.9"
     "@babel/parser" "^7.22.7"
     "@babel/traverse" "^7.22.8"
     "@babel/types" "^7.22.5"
     "@storybook/csf" "^0.1.0"
-    "@storybook/types" "7.4.0"
+    "@storybook/types" "7.4.6"
     fs-extra "^11.1.0"
     recast "^0.23.1"
     ts-dedent "^2.0.0"
@@ -3844,14 +3845,14 @@
   resolved "https://registry.yarnpkg.com/@storybook/docs-mdx/-/docs-mdx-0.1.0.tgz#33ba0e39d1461caf048b57db354b2cc410705316"
   integrity sha512-JDaBR9lwVY4eSH5W8EGHrhODjygPd6QImRbwjAuJNEnY0Vw4ie3bPkeGfnacB3OBW6u/agqPv2aRlR46JcAQLg==
 
-"@storybook/docs-tools@7.4.0":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/docs-tools/-/docs-tools-7.4.0.tgz#d9109c9c8ec4e90bb24d1acfcc16834a252618eb"
-  integrity sha512-DzXmt4JorAOePoS+sjQznf8jLPI9D5mdB1eSXjfvmGBQyyehKTZv5+TXuxYvT3iPN4rW4OPrIrQCSIrbULFdwA==
+"@storybook/docs-tools@7.4.6":
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/@storybook/docs-tools/-/docs-tools-7.4.6.tgz#cbba8dadd13adc7a9a3c792261ca875ff12ae451"
+  integrity sha512-nZj1L/8WwKWWJ41FW4MaKGajZUtrhnr9UwflRCkQJaWhAKmDfOb5M5TqI93uCOULpFPOm5wpoMBz2IHInQ2Lrg==
   dependencies:
-    "@storybook/core-common" "7.4.0"
-    "@storybook/preview-api" "7.4.0"
-    "@storybook/types" "7.4.0"
+    "@storybook/core-common" "7.4.6"
+    "@storybook/preview-api" "7.4.6"
+    "@storybook/types" "7.4.6"
     "@types/doctrine" "^0.0.3"
     doctrine "^3.0.0"
     lodash "^4.17.21"
@@ -3861,19 +3862,19 @@
   resolved "https://registry.yarnpkg.com/@storybook/global/-/global-5.0.0.tgz#b793d34b94f572c1d7d9e0f44fac4e0dbc9572ed"
   integrity sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ==
 
-"@storybook/manager-api@7.4.0":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/manager-api/-/manager-api-7.4.0.tgz#aee0153df1583459b7e1e64e1d8c46fb49a584c8"
-  integrity sha512-sBfkkt0eZGTozeKrbzMtWLEOQrgqdk24OUJlkc2IDaucR1CBNjoCMjNeYg7cLDw0rXE8W3W3AdWtJnfsUbLMAQ==
+"@storybook/manager-api@7.4.6":
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/@storybook/manager-api/-/manager-api-7.4.6.tgz#e74bd0a0a983d6b9b7f66dfe0d94d8465f5e7a34"
+  integrity sha512-inrm3DIbCp8wjXSN/wK6e6i2ysQ/IEmtC7IN0OJ7vdrp+USCooPT448SQTUmVctUGCFmOU3fxXByq8g77oIi7w==
   dependencies:
-    "@storybook/channels" "7.4.0"
-    "@storybook/client-logger" "7.4.0"
-    "@storybook/core-events" "7.4.0"
+    "@storybook/channels" "7.4.6"
+    "@storybook/client-logger" "7.4.6"
+    "@storybook/core-events" "7.4.6"
     "@storybook/csf" "^0.1.0"
     "@storybook/global" "^5.0.0"
-    "@storybook/router" "7.4.0"
-    "@storybook/theming" "7.4.0"
-    "@storybook/types" "7.4.0"
+    "@storybook/router" "7.4.6"
+    "@storybook/theming" "7.4.6"
+    "@storybook/types" "7.4.6"
     dequal "^2.0.2"
     lodash "^4.17.21"
     memoizerific "^1.11.3"
@@ -3882,37 +3883,37 @@
     telejson "^7.2.0"
     ts-dedent "^2.0.0"
 
-"@storybook/manager@7.4.0":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/manager/-/manager-7.4.0.tgz#21a825c9145f56ca6c38d3e9d3546b311a6db14e"
-  integrity sha512-uOSdPBEBKg8WORUZ5HKHb4KnKcTyA5j5Q8MWy/NBaRd22JR3fQkZiKuHer9WJIOQTU+fb6KDmzhZbCTKg5Euog==
+"@storybook/manager@7.4.6":
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/@storybook/manager/-/manager-7.4.6.tgz#96acb0ab60e05b74947d7895e04efa557fd8892f"
+  integrity sha512-kA1hUDxpn1i2SO9OinvLvVXDeL4xgJkModp+pbE8IXv4NJWReNq1ecMeQCzPLS3Sil2gnrullQ9uYXsnZ9bxxA==
 
 "@storybook/mdx2-csf@^1.0.0":
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/@storybook/mdx2-csf/-/mdx2-csf-1.1.0.tgz#97f6df04d0bf616991cc1005a073ac004a7281e5"
   integrity sha512-TXJJd5RAKakWx4BtpwvSNdgTDkKM6RkXU8GK34S/LhidQ5Pjz3wcnqb0TxEkfhK/ztbP8nKHqXFwLfa2CYkvQw==
 
-"@storybook/node-logger@7.4.0":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/node-logger/-/node-logger-7.4.0.tgz#808ed8a63e3bc2f97a2d276b4e8ddaa72b79deb0"
-  integrity sha512-tWSWkYyAvp6SxjIBaTklg29avzv/3Lv4c0dOG2o5tz79PyZkq9v6sQtwLLoI8EJA9Mo8Z08vaJp8NZyDQ9RCuA==
+"@storybook/node-logger@7.4.6":
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/@storybook/node-logger/-/node-logger-7.4.6.tgz#d92eb7e99cb8aefffe67eb63583a21398ce9a0ab"
+  integrity sha512-djZb310Q27GviDug1XBv0jOEDLCiwr4hhDE0aifCEKZpfNCi/EaP31nbWimFzZwxu4hE/YAPWExzScruR1zw9Q==
 
-"@storybook/postinstall@7.4.0":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/postinstall/-/postinstall-7.4.0.tgz#81f3bef31b566e26d616f9c3ce567f07ff143cc7"
-  integrity sha512-ZVBZggqkuj7ysfuHSCd/J7ovWV06zY9uWf+VU+Zw7ZeojDT8QHFrCurPsN7D9679j9vRU1/kSzqvAiStALS33g==
+"@storybook/postinstall@7.4.6":
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/@storybook/postinstall/-/postinstall-7.4.6.tgz#2d5da361fc8baee1866c80b2244815a9e217b843"
+  integrity sha512-TqI5BucPAGRWrkh55BYiG2/gHLFtC0In4cuu0GsUzB/1jc4i51npLRorCwhmT7r7YliGl5F7JaP0Bni/qHN3Lg==
 
-"@storybook/preview-api@7.4.0":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/preview-api/-/preview-api-7.4.0.tgz#46818910545735bef43965651eef380a6f481f4b"
-  integrity sha512-ndXO0Nx+eE7ktVE4EqHpQZ0guX7yYBdruDdJ7B739C0+OoPWsJN7jAzUqq0NXaBcYrdaU5gTy+KnWJUt8R+OyA==
+"@storybook/preview-api@7.4.6":
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/@storybook/preview-api/-/preview-api-7.4.6.tgz#a42749ff867216b89849ada6ac0f49f4fa8f03a8"
+  integrity sha512-byUS/Opt3ytWD4cWz3sNEKw5Yks8MkQgRN+GDSyIomaEAQkLAM0rchPC0MYjwCeUSecV7IIQweNX5RbV4a34BA==
   dependencies:
-    "@storybook/channels" "7.4.0"
-    "@storybook/client-logger" "7.4.0"
-    "@storybook/core-events" "7.4.0"
+    "@storybook/channels" "7.4.6"
+    "@storybook/client-logger" "7.4.6"
+    "@storybook/core-events" "7.4.6"
     "@storybook/csf" "^0.1.0"
     "@storybook/global" "^5.0.0"
-    "@storybook/types" "7.4.0"
+    "@storybook/types" "7.4.6"
     "@types/qs" "^6.9.5"
     dequal "^2.0.2"
     lodash "^4.17.21"
@@ -3922,83 +3923,82 @@
     ts-dedent "^2.0.0"
     util-deprecate "^1.0.2"
 
-"@storybook/preview@7.4.0":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/preview/-/preview-7.4.0.tgz#a58756ac9b12ea21f203032eca47991946257b53"
-  integrity sha512-R4LMTvUrVAbcUetRbAXpY3frkwD0eysqHrByiR73040+ngzDwtZOBAy0JfO3jw3WrWv2dn3kWlao5aEwVc9Exw==
+"@storybook/preview@7.4.6":
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/@storybook/preview/-/preview-7.4.6.tgz#b0d9f5a843d4c7aea8857f6bc5d7253cc04c7c4b"
+  integrity sha512-2RPXusJ4CTDrIipIKKvbotD7fP0+8VzoFjImunflIrzN9rni+2rq5eMjqlXAaB+77w064zIR4uDUzI9fxsMDeQ==
 
-"@storybook/react-dom-shim@7.4.0":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/react-dom-shim/-/react-dom-shim-7.4.0.tgz#12f137f00f2a209cb49a4084475dd93f23e0678a"
-  integrity sha512-TLpb8a2hnWJoRLqoXpMADh82BFfRZll6JI2Waf1FjnvJ4SF9eS0zBbxybrjW3lFAHWy2XJi+rwcK8FiPj0iBoQ==
+"@storybook/react-dom-shim@7.4.6":
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/@storybook/react-dom-shim/-/react-dom-shim-7.4.6.tgz#7f7e01dbb6abe104ae140e25b7ed98c347a5fb9f"
+  integrity sha512-DSq8l9FDocUF1ooVI+TF83pddj1LynE/Hv0/y8XZhc3IgJ/HkuOQuUmfz29ezgfAi9gFYUR8raTIBi3/xdoRmw==
 
-"@storybook/router@7.4.0":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/router/-/router-7.4.0.tgz#627f824bfd9cc4653ee84581fc09373ab1463336"
-  integrity sha512-IATdtFL5C3ryjNQSwaQfrmiOZiVFoVNMevMoBGDC++g0laSW40TGiNK6fUjUDBKuOgbuDt4Svfbl29k21GefEg==
+"@storybook/router@7.4.6":
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/@storybook/router/-/router-7.4.6.tgz#54d3014af26f82d79eae7dc5b0e6a89509b11912"
+  integrity sha512-Vl1esrHkcHxDKqc+HY7+6JQpBPW3zYvGk0cQ2rxVMhWdLZTAz1hss9DqzN9tFnPyfn0a1Q77EpMySkUrvWKKNQ==
   dependencies:
-    "@storybook/client-logger" "7.4.0"
+    "@storybook/client-logger" "7.4.6"
     memoizerific "^1.11.3"
     qs "^6.10.0"
 
-"@storybook/telemetry@7.4.0":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/telemetry/-/telemetry-7.4.0.tgz#04e47a2d9decf7671273130a9af9d231a8c3d2e8"
-  integrity sha512-oxCB3kIbpiDWuXEtQhk/j6t1/h0KKWAuvxmcwGPxwhEvj/uNtoM+f1qhoDID9waxNo4AccU9Px+1ZJQ+2ejcDg==
+"@storybook/telemetry@7.4.6":
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/@storybook/telemetry/-/telemetry-7.4.6.tgz#748c978a188c988d688a50635025c12e7e90f924"
+  integrity sha512-c8p/C1NIH8EMBviZkBCx8MMDk6rrITJ+b29DEp5MaWSRlklIVyhGiC4RPIRv6sxJwlD41PnqWVFtfu2j2eXLdQ==
   dependencies:
-    "@storybook/client-logger" "7.4.0"
-    "@storybook/core-common" "7.4.0"
-    "@storybook/csf-tools" "7.4.0"
+    "@storybook/client-logger" "7.4.6"
+    "@storybook/core-common" "7.4.6"
+    "@storybook/csf-tools" "7.4.6"
     chalk "^4.1.0"
     detect-package-manager "^2.0.1"
     fetch-retry "^5.0.2"
     fs-extra "^11.1.0"
     read-pkg-up "^7.0.1"
 
-"@storybook/theming@7.4.0":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-7.4.0.tgz#f5d9f8f55c41e08c0f50b57d9fb0e159ed595274"
-  integrity sha512-eLjEf6G3cqlegfutF/iUrec9LrUjKDj7K4ZhGdACWrf7bQcODs99EK62e9/d8GNKr4b+QMSEuM6XNGaqdPnuzQ==
+"@storybook/theming@7.4.6":
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-7.4.6.tgz#72f7e42a57347d84128cef9abfba5ac1a810118e"
+  integrity sha512-HW77iJ9ptCMqhoBOYFjRQw7VBap+38fkJGHP5KylEJCyYCgIAm2dEcQmtWpMVYFssSGcb6djfbtAMhYU4TL4Iw==
   dependencies:
     "@emotion/use-insertion-effect-with-fallbacks" "^1.0.0"
-    "@storybook/client-logger" "7.4.0"
+    "@storybook/client-logger" "7.4.6"
     "@storybook/global" "^5.0.0"
     memoizerific "^1.11.3"
 
-"@storybook/types@7.4.0":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/types/-/types-7.4.0.tgz#71ce550d4d469f6aaf9777fc7432db9fb67f53f9"
-  integrity sha512-XyzYkmeklywxvElPrIWLczi/PWtEdgTL6ToT3++FVxptsC2LZKS3Ue+sBcQ9xRZhkRemw4HQHwed5EW3dO8yUg==
+"@storybook/types@7.4.6":
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/@storybook/types/-/types-7.4.6.tgz#536f21b82e1f809052b4d09802f99a580e960175"
+  integrity sha512-6QLXtMVsFZFpzPkdGWsu/iuc8na9dnS67AMOBKm5qCLPwtUJOYkwhMdFRSSeJthLRpzV7JLAL8Kwvl7MFP3QSw==
   dependencies:
-    "@storybook/channels" "7.4.0"
+    "@storybook/channels" "7.4.6"
     "@types/babel__core" "^7.0.0"
     "@types/express" "^4.7.0"
-    "@types/react" "^16.14.34"
     file-system-cache "2.3.0"
 
-"@storybook/web-components-vite@^7.4.0":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/web-components-vite/-/web-components-vite-7.4.0.tgz#3b748390b6172d4f1f4fb75775a0bac7bd0f0f4a"
-  integrity sha512-v8S81zkx4Q6CIWogHkMQEsOZMsDzMkK1acfFzPYP84jgYOi5wrszARD+Wc1SgDiNr3fBE5MwJGl5LVN0pBgtfQ==
+"@storybook/web-components-vite@^7.4.6":
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/@storybook/web-components-vite/-/web-components-vite-7.4.6.tgz#5883eeb1f32766bd36b554c01bbd8016ae96dc49"
+  integrity sha512-L/y6MTLbqfHaM0faK9Yl8n5PIyW4daZrtk7NfaOT6UjgNFjOx3o4CctYew6oj90cNk5HdZQX2OZny043GxDLZw==
   dependencies:
-    "@storybook/builder-vite" "7.4.0"
-    "@storybook/core-server" "7.4.0"
-    "@storybook/node-logger" "7.4.0"
-    "@storybook/web-components" "7.4.0"
+    "@storybook/builder-vite" "7.4.6"
+    "@storybook/core-server" "7.4.6"
+    "@storybook/node-logger" "7.4.6"
+    "@storybook/web-components" "7.4.6"
     magic-string "^0.30.0"
 
-"@storybook/web-components@7.4.0", "@storybook/web-components@^7.4.0":
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/@storybook/web-components/-/web-components-7.4.0.tgz#cf683963ea55435d27bc9c358d2a1bfec1d211bb"
-  integrity sha512-j1OcX/rV+1GoGNuwQ6yIcsHX23tNH+qz6db2pRqRNTFwoBEGYlW2np6y56eYA3zZ1Jg6o8/oDgDPwtX3N1XWtQ==
+"@storybook/web-components@7.4.6", "@storybook/web-components@^7.4.6":
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/@storybook/web-components/-/web-components-7.4.6.tgz#b7775f4172150fc8f4f95f9acdf4481af102cc9f"
+  integrity sha512-HWqkZtdkmNimkzMmE0mGRys2ee9qgEeDVCruiffySVquBRMQ6n1xgvHZYaO6OLlMeH0YHPg083ZqUasS5GsYVg==
   dependencies:
-    "@storybook/client-logger" "7.4.0"
-    "@storybook/core-client" "7.4.0"
-    "@storybook/docs-tools" "7.4.0"
+    "@storybook/client-logger" "7.4.6"
+    "@storybook/core-client" "7.4.6"
+    "@storybook/docs-tools" "7.4.6"
     "@storybook/global" "^5.0.0"
-    "@storybook/manager-api" "7.4.0"
-    "@storybook/preview-api" "7.4.0"
-    "@storybook/types" "7.4.0"
+    "@storybook/manager-api" "7.4.6"
+    "@storybook/preview-api" "7.4.6"
+    "@storybook/types" "7.4.6"
     tiny-invariant "^1.3.1"
     ts-dedent "^2.0.0"
 
@@ -4518,15 +4518,6 @@
     "@types/scheduler" "*"
     csstype "^3.0.2"
 
-"@types/react@^16.14.34":
-  version "16.14.46"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-16.14.46.tgz#42ac91aece416176e6b6127cd9ec9e381ea67e16"
-  integrity sha512-Am4pyXMrr6cWWw/TN3oqHtEZl0j+G6Up/O8m65+xF/3ZaUgkv1GAtTPWw4yNRmH0HJXmur6xKCKoMo3rBGynuw==
-  dependencies:
-    "@types/prop-types" "*"
-    "@types/scheduler" "*"
-    csstype "^3.0.2"
-
 "@types/resolve@1.17.1":
   version "1.17.1"
   resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-1.17.1.tgz#3afd6ad8967c77e4376c598a82ddd58f46ec45d6"
@@ -8113,10 +8104,10 @@ eslint-plugin-react@^7.23.0:
     semver "^6.3.1"
     string.prototype.matchall "^4.0.8"
 
-eslint-plugin-storybook@^0.6.13:
-  version "0.6.13"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-storybook/-/eslint-plugin-storybook-0.6.13.tgz#897a9f6a9bb88c63b02f05850f30c28a9848a3f7"
-  integrity sha512-smd+CS0WH1jBqUEJ3znGS7DU4ayBE9z6lkQAK2yrSUv1+rq8BT/tiI5C/rKE7rmiqiAfojtNYZRhzo5HrulccQ==
+eslint-plugin-storybook@^0.6.15:
+  version "0.6.15"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-storybook/-/eslint-plugin-storybook-0.6.15.tgz#8a091605b0a90974ec8e62d8112db6c4bd3a6faa"
+  integrity sha512-lAGqVAJGob47Griu29KXYowI4G7KwMoJDOkEip8ujikuDLxU+oWJ1l0WL6F2oDO4QiyUFXvtDkEkISMOPzo+7w==
   dependencies:
     "@storybook/csf" "^0.0.1"
     "@typescript-eslint/utils" "^5.45.0"
@@ -12209,11 +12200,6 @@ ms@2.0.0:
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
   integrity sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==
 
-ms@2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.1.tgz#30a5864eb3ebb0a66f2ebe6d727af06a09d86e0a"
-  integrity sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==
-
 ms@2.1.2:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
@@ -13139,7 +13125,7 @@ parse5@6.0.1, parse5@^6.0.1:
   resolved "https://registry.yarnpkg.com/parse5/-/parse5-6.0.1.tgz#e1a1c085c569b3dc08321184f19a39cc27f7c30b"
   integrity sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==
 
-parseurl@^1.3.2, parseurl@~1.3.2, parseurl@~1.3.3:
+parseurl@^1.3.2, parseurl@~1.3.3:
   version "1.3.3"
   resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.3.tgz#9da19e7bee8d12dff0513ed5b76957793bc2e8d4"
   integrity sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==
@@ -14752,11 +14738,6 @@ safe-array-concat@^1.0.0:
     has-symbols "^1.0.3"
     isarray "^2.0.5"
 
-safe-buffer@5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.1.tgz#893312af69b2123def71f57889001671eeb2c853"
-  integrity sha512-kKvNJn6Mm93gAczWVJg7wH+wGYWNrDHdWvpUmHyEsgCtIwwo3bqPtV4tR5tuPaUhTOo/kvhVwd8XwwOllGYkbg==
-
 safe-buffer@5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
@@ -14933,17 +14914,6 @@ serialize-javascript@^6.0.1:
   dependencies:
     randombytes "^2.1.0"
 
-serve-favicon@^2.5.0:
-  version "2.5.0"
-  resolved "https://registry.yarnpkg.com/serve-favicon/-/serve-favicon-2.5.0.tgz#935d240cdfe0f5805307fdfe967d88942a2cbcf0"
-  integrity sha512-FMW2RvqNr03x+C0WxTyu6sOv21oOjkq5j8tjquWccwa6ScNyGFOGJVpuS1NmTVGBAHS07xnSKotgf2ehQmf9iA==
-  dependencies:
-    etag "~1.8.1"
-    fresh "0.5.2"
-    ms "2.1.1"
-    parseurl "~1.3.2"
-    safe-buffer "5.1.1"
-
 serve-static@1.15.0:
   version "1.15.0"
   resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-1.15.0.tgz#faaef08cffe0a1a62f60cad0c4e513cff0ac9540"
@@ -15398,12 +15368,12 @@ store2@^2.14.2:
   resolved "https://registry.yarnpkg.com/store2/-/store2-2.14.2.tgz#56138d200f9fe5f582ad63bc2704dbc0e4a45068"
   integrity sha512-siT1RiqlfQnGqgT/YzXVUNsom9S0H1OX+dpdGN1xkyYATo4I6sep5NmsRD/40s3IIOvlCq6akxkqG82urIZW1w==
 
-storybook@^7.4.0:
-  version "7.4.0"
-  resolved "https://registry.yarnpkg.com/storybook/-/storybook-7.4.0.tgz#f1b64222e3d474bc6e258eb7e48c675685829873"
-  integrity sha512-jSwbyxHlr2dTY51Pv0mzenjrMDJNZH7DQhHu4ZezpjV+QK/rLCnD+Gt/7iDSaNlsmZJejQcmURDoEybWggMOqw==
+storybook@^7.4.6:
+  version "7.4.6"
+  resolved "https://registry.yarnpkg.com/storybook/-/storybook-7.4.6.tgz#f688649af6c2cd1329dd120d8f61a930f76262d0"
+  integrity sha512-YkFSpnR47j5zz7yElA+2axLjXN7K7TxDGJRHHlqXmG5iQ0PXzmjrj2RxMDKFz4Ybp/QjEUoJ4rx//ESEY0Nb5A==
   dependencies:
-    "@storybook/cli" "7.4.0"
+    "@storybook/cli" "7.4.6"
 
 stream-combiner@~0.0.4:
   version "0.0.4"

From a69642aa9d9adaf86e711caee88e5956df68900c Mon Sep 17 00:00:00 2001
From: Jake Strawn <jake.strawn@gmail.com>
Date: Mon, 16 Oct 2023 11:49:13 -0400
Subject: [PATCH 2/3] feat(tooling): Adding Lefthook.

---
 .husky/prepare-commit-msg | 45 ++++++++++++++++++++++++++++++++
 lefthook.yml              | 17 ++++++++++++
 package.json              |  1 +
 yarn.lock                 | 54 +++++++++++++++++++++++++++++++++++++++
 4 files changed, 117 insertions(+)
 create mode 100755 .husky/prepare-commit-msg
 create mode 100644 lefthook.yml

diff --git a/.husky/prepare-commit-msg b/.husky/prepare-commit-msg
new file mode 100755
index 000000000..5e934ff4d
--- /dev/null
+++ b/.husky/prepare-commit-msg
@@ -0,0 +1,45 @@
+#!/bin/sh
+
+if [ "$LEFTHOOK" = "0" ]; then
+  exit 0
+fi
+
+call_lefthook()
+{
+  dir="$(git rev-parse --show-toplevel)"
+  osArch=$(uname | tr '[:upper:]' '[:lower:]')
+  cpuArch=$(uname -m | sed 's/aarch64/arm64/')
+
+  if lefthook -h >/dev/null 2>&1
+  then
+    lefthook "$@"
+  elif test -f "$dir/node_modules/lefthook/bin/index.js"
+  then
+    "$dir/node_modules/lefthook/bin/index.js" "$@"
+  elif test -f "$dir/node_modules/@evilmartians/lefthook/bin/lefthook_${osArch}_${cpuArch}/lefthook"
+  then
+    "$dir/node_modules/@evilmartians/lefthook/bin/lefthook_${osArch}_${cpuArch}/lefthook" "$@"
+  elif test -f "$dir/node_modules/@evilmartians/lefthook-installer/bin/lefthook_${osArch}_${cpuArch}/lefthook"
+  then
+    "$dir/node_modules/@evilmartians/lefthook-installer/bin/lefthook_${osArch}_${cpuArch}/lefthook" "$@"
+  elif bundle exec lefthook -h >/dev/null 2>&1
+  then
+    bundle exec lefthook "$@"
+  elif yarn lefthook -h >/dev/null 2>&1
+  then
+    yarn lefthook "$@"
+  elif pnpm lefthook -h >/dev/null 2>&1
+  then
+    pnpm lefthook "$@"
+  elif command -v npx >/dev/null 2>&1
+  then
+    npx @evilmartians/lefthook "$@"
+  elif swift package plugin lefthook >/dev/null 2>&1
+  then
+    swift package --disable-sandbox plugin lefthook "$@"
+  else
+    echo "Can't find lefthook in PATH"
+  fi
+}
+
+call_lefthook run "prepare-commit-msg" "$@"
diff --git a/lefthook.yml b/lefthook.yml
new file mode 100644
index 000000000..7fc04df60
--- /dev/null
+++ b/lefthook.yml
@@ -0,0 +1,17 @@
+# EXAMPLE USAGE:
+#
+#   Refer for explanation to following link:
+#   https://github.com/evilmartians/lefthook/blob/master/docs/configuration.md
+#
+# pre-push:
+#   commands:
+#     packages-audit:
+#       tags: frontend security
+#       run: yarn audit
+#
+pre-commit:
+  parallel: true
+  commands:
+    eslint:
+      glob: '*.{js,ts,jsx,tsx,mdx,cjs,mjs}'
+      run: yarn eslint {staged_files}
diff --git a/package.json b/package.json
index baf66370d..b56238118 100644
--- a/package.json
+++ b/package.json
@@ -114,6 +114,7 @@
     "husky": "^8.0.3",
     "jest": "^26.6.3",
     "jest-cli": "^26.6.3",
+    "lefthook": "^1.5.2",
     "lint-staged": "^10.5.4",
     "lit-analyzer": "^1.2.1",
     "lit-html": "^2.3.1",
diff --git a/yarn.lock b/yarn.lock
index 7f6087ff5..5f501a8af 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -11267,6 +11267,60 @@ lazy-universal-dotenv@^4.0.0:
     dotenv "^16.0.0"
     dotenv-expand "^10.0.0"
 
+lefthook-darwin-arm64@1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/lefthook-darwin-arm64/-/lefthook-darwin-arm64-1.5.2.tgz#5614a3939de3ee4fdc0210749c1087a43d76f4d0"
+  integrity sha512-uyYEgj4GTytw3g2mMkPBoGAxSYscEqm6yQVuYDcuwE2Ns6+E997KMxVhFXIg+w76zIVmwfBc3ZwP0Ga9Xr1TJQ==
+
+lefthook-darwin-x64@1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/lefthook-darwin-x64/-/lefthook-darwin-x64-1.5.2.tgz#84d0069de96bf5f36e4323b77a61613be09fbcf3"
+  integrity sha512-7l6mZ9TGbkLxozN0XHn+io4c9TQIUwT7hOJFAEW7sjKtrmPNLaf+xnATiqSD2DEbG6y6x4n8WF/j95FqkjcZLg==
+
+lefthook-freebsd-arm64@1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/lefthook-freebsd-arm64/-/lefthook-freebsd-arm64-1.5.2.tgz#c34b126213e7bef7eedecade45c93f2f165866a9"
+  integrity sha512-7CqflCMajTEo//gUbwjNpxZYeT+BhPW65RosKfGyOG4jRq1aqW8AoLutu+vx0wsFn/M+S7lcnyxmGWtXur6+mw==
+
+lefthook-freebsd-x64@1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/lefthook-freebsd-x64/-/lefthook-freebsd-x64-1.5.2.tgz#fba2b9ee2302716a7dfc9a6479a51cec346378d2"
+  integrity sha512-D6bEvOqipu/NyTTHvjnwGw/2Y03SQhWqs/pUwJOKrb/Za4T91i3fu8ULn4jyafn7Svm1iI/l8EpGPFuzbiaFvQ==
+
+lefthook-linux-arm64@1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/lefthook-linux-arm64/-/lefthook-linux-arm64-1.5.2.tgz#44b06829a5f7640c57c6d631d24ec97df6c5893e"
+  integrity sha512-tCfF92enT/RwfWVYxhlCxSnutGuqOkIM0XqoPcQEHJuWIEvaFgZ2VgNnfBTusOffVMGd1Ue2ouU4Z77ZZ8TH0Q==
+
+lefthook-linux-x64@1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/lefthook-linux-x64/-/lefthook-linux-x64-1.5.2.tgz#97e9cefcb163ade94af06a5dc8af78d6d07b700d"
+  integrity sha512-rZeYS7LcLRJAYZsYzS7/uKCQwnNf7clyhpWADIyyIXj73SX3QoF0wBrCMHUMa72zpRsbIu5Sz/SYiTKCcUGU0w==
+
+lefthook-windows-arm64@1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/lefthook-windows-arm64/-/lefthook-windows-arm64-1.5.2.tgz#1e1155f67833f21676fb6c3386cd90a65e9cf6d4"
+  integrity sha512-jT8Nc5eOfsf1uGYjodODtIEEOEOxvu6GnOPwpvlWwAG693abA+eocdjRB855sa1RR4CekmcKXi7/1E6iVHzY5A==
+
+lefthook-windows-x64@1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/lefthook-windows-x64/-/lefthook-windows-x64-1.5.2.tgz#009d1b7698438d10983264a3108b7ef0f3603932"
+  integrity sha512-tPN0957RhpPC74aUTDk6+wYcU46K2js6oQcLipurQJvD5LAsS8h2HcXePBnsiLQjpOcRt0aLWHQnNS7ilTxVPw==
+
+lefthook@^1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/lefthook/-/lefthook-1.5.2.tgz#72b4f748fd6fcf97869372e433f3fe9f4b60587b"
+  integrity sha512-pksQpriXJArZ5AsSztkFbBVHyttGgQ1tqiUkAWlLKBwqSV/KJdOkS+c/yWo75QB88TgvWyypYWvpUgpqUKlBKQ==
+  optionalDependencies:
+    lefthook-darwin-arm64 "1.5.2"
+    lefthook-darwin-x64 "1.5.2"
+    lefthook-freebsd-arm64 "1.5.2"
+    lefthook-freebsd-x64 "1.5.2"
+    lefthook-linux-arm64 "1.5.2"
+    lefthook-linux-x64 "1.5.2"
+    lefthook-windows-arm64 "1.5.2"
+    lefthook-windows-x64 "1.5.2"
+
 leven@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/leven/-/leven-3.1.0.tgz#77891de834064cccba82ae7842bb6b14a13ed7f2"

From 895da58bf8fec2362f9dfcbadb48c2a1eef7a4bb Mon Sep 17 00:00:00 2001
From: Jake Strawn <jake.strawn@gmail.com>
Date: Mon, 16 Oct 2023 11:56:21 -0400
Subject: [PATCH 3/3] chore(linting): Updating code for linting standards.

---
 .../config/storybook.main.css                 | 700 +++++++++---------
 1 file changed, 352 insertions(+), 348 deletions(-)

diff --git a/packages/documentation/outline-storybook/config/storybook.main.css b/packages/documentation/outline-storybook/config/storybook.main.css
index 1eb20ce1a..70c1d8ddd 100644
--- a/packages/documentation/outline-storybook/config/storybook.main.css
+++ b/packages/documentation/outline-storybook/config/storybook.main.css
@@ -1,381 +1,385 @@
 @import url('https://rsms.me/inter/inter.css');
-:root{
-  --brand-primary:#2563eb;
-  --brand-secondary:#059669;
-  --brand-tertiary:#dc2626;
-  --brand-quaternary:#d97706;
-  --brand-quinary:#9333ea;
-  --brand-senary:#db2777;
-  --brand-septenary:#4f46e5;
-  --brand-octonary:#525252;
-  --brand-nonary:#1e3a8a;
-  --brand-denary:#171717;
-  --status-success:#2f855a;
-  --status-warning:#b64301;
-  --status-error:#c53030;
-  --status-info:#1e3a8a;
-  --outline-phase2-blue:#0080ff;
-  --outline-karma-coral:#fa5c5c;
-  --outline-soft-black:#171717;
-  --outline-not-gray:#cfc7d4;
-  --outline-misty-teal:#73f2e5;
-  --outline-electric-violet:#9484ff;
-  --outline-dusty-blue:#7fc7ee;
-  --outline-transparent:transparent;
-  --outline-white:#fff;
-  --outline-black:#000;
-  
-  --outline-gray-50:#fafafa;
-  --outline-gray-100:#f5f5f5;
-  --outline-gray-200:#e5e5e5;
-  --outline-gray-300:#d4d4d4;
-  --outline-gray-400:#a3a3a3;
-  --outline-gray-500:#737373;
-  --outline-gray-600:#525252;
-  --outline-gray-700:#404040;
-  --outline-gray-800:#262626;
-  --outline-gray-900:#171717;
+:root {
+  --brand-primary: #2563eb;
+  --brand-secondary: #059669;
+  --brand-tertiary: #dc2626;
+  --brand-quaternary: #d97706;
+  --brand-quinary: #9333ea;
+  --brand-senary: #db2777;
+  --brand-septenary: #4f46e5;
+  --brand-octonary: #525252;
+  --brand-nonary: #1e3a8a;
+  --brand-denary: #171717;
+  --status-success: #2f855a;
+  --status-warning: #b64301;
+  --status-error: #c53030;
+  --status-info: #1e3a8a;
+  --outline-phase2-blue: #0080ff;
+  --outline-karma-coral: #fa5c5c;
+  --outline-soft-black: #171717;
+  --outline-not-gray: #cfc7d4;
+  --outline-misty-teal: #73f2e5;
+  --outline-electric-violet: #9484ff;
+  --outline-dusty-blue: #7fc7ee;
+  --outline-transparent: transparent;
+  --outline-white: #fff;
+  --outline-black: #000;
 
-  --outline-blue-50:#eff6ff;
-  --outline-blue-100:#dbeafe;
-  --outline-blue-200:#bfdbfe;
-  --outline-blue-300:#93c5fd;
-  --outline-blue-400:#60a5fa;
-  --outline-blue-500:#3b82f6;
-  --outline-blue-600:#2563eb;
-  --outline-blue-700:#1d4ed8;
-  --outline-blue-800:#1e40af;
-  --outline-blue-900:#1e3a8a;
+  --outline-gray-50: #fafafa;
+  --outline-gray-100: #f5f5f5;
+  --outline-gray-200: #e5e5e5;
+  --outline-gray-300: #d4d4d4;
+  --outline-gray-400: #a3a3a3;
+  --outline-gray-500: #737373;
+  --outline-gray-600: #525252;
+  --outline-gray-700: #404040;
+  --outline-gray-800: #262626;
+  --outline-gray-900: #171717;
 
-  --red-50:#fef2f2;
-  --red-100:#fee2e2;
-  --red-200:#fecaca;
-  --red-300:#fca5a5;
-  --red-400:#f87171;
-  --red-500:#ef4444;
-  --red-600:#dc2626;
-  --red-700:#b91c1c;
-  --red-800:#991b1b;
-  --red-900:#7f1d1d;
-  --yellow-50:#fffbeb;
-  --yellow-100:#fef3c7;
-  --yellow-200:#fde68a;
-  --yellow-300:#fcd34d;
-  --yellow-400:#fbbf24;
-  --yellow-500:#f59e0b;
-  --yellow-600:#d97706;
-  --yellow-700:#b45309;
-  --yellow-800:#92400e;
-  --yellow-900:#78350f;
-  --green-50:#ecfdf5;
-  --green-100:#d1fae5;
-  --green-200:#a7f3d0;
-  --green-300:#6ee7b7;
-  --green-400:#34d399;
-  --green-500:#10b981;
-  --green-600:#059669;
-  --green-700:#047857;
-  --green-800:#065f46;
-  --green-900:#064e3b;
-  --indigo-50:#eef2ff;
-  --indigo-100:#e0e7ff;
-  --indigo-200:#c7d2fe;
-  --indigo-300:#a5b4fc;
-  --indigo-400:#818cf8;
-  --indigo-500:#6366f1;
-  --indigo-600:#4f46e5;
-  --indigo-700:#4338ca;
-  --indigo-800:#3730a3;
-  --indigo-900:#312e81;
-  --purple-50:#faf5ff;
-  --purple-100:#f3e8ff;
-  --purple-200:#e9d5ff;
-  --purple-300:#d8b4fe;
-  --purple-400:#c084fc;
-  --purple-500:#a855f7;
-  --purple-600:#9333ea;
-  --purple-700:#7e22ce;
-  --purple-800:#6b21a8;
-  --purple-900:#581c87;
-  --pink-50:#fdf2f8;
-  --pink-100:#fce7f3;
-  --pink-200:#fbcfe8;
-  --pink-300:#f9a8d4;
-  --pink-400:#f472b6;
-  --pink-500:#ec4899;
-  --pink-600:#db2777;
-  --pink-700:#be185d;
-  --pink-800:#9d174d;
-  --pink-900:#831843;
-  --screen-xs:480px;
-  --screen-sm:640px;
-  --screen-md:768px;
-  --screen-lg:1024px;
-  --screen-xl:1280px;
-  --screen-xxl:1440px;
-  --screen-xxxl:2180px;
+  --outline-blue-50: #eff6ff;
+  --outline-blue-100: #dbeafe;
+  --outline-blue-200: #bfdbfe;
+  --outline-blue-300: #93c5fd;
+  --outline-blue-400: #60a5fa;
+  --outline-blue-500: #3b82f6;
+  --outline-blue-600: #2563eb;
+  --outline-blue-700: #1d4ed8;
+  --outline-blue-800: #1e40af;
+  --outline-blue-900: #1e3a8a;
 
-  --spacing-0:0px;
-  --spacing-1:0.25rem;
-  --spacing-2:0.5rem;
-  --spacing-3:0.75rem;
-  --spacing-4:1rem;
-  --spacing-5:1.25rem;
-  --spacing-6:1.5rem;
-  --spacing-7:1.75rem;
-  --spacing-8:2rem;
-  --spacing-9:2.25rem;
-  --spacing-10:2.5rem;
-  --spacing-11:2.75rem;
-  --spacing-12:3rem;
-  --spacing-14:3.5rem;
-  --spacing-16:4rem;
-  --spacing-20:5rem;
-  --spacing-24:6rem;
-  --spacing-28:7rem;
-  --spacing-32:8rem;
-  --spacing-36:9rem;
-  --spacing-40:10rem;
-  --spacing-44:11rem;
-  --spacing-48:12rem;
-  --spacing-52:13rem;
-  --spacing-56:14rem;
-  --spacing-60:15rem;
-  --spacing-64:16rem;
-  --spacing-72:18rem;
-  --spacing-80:20rem;
-  --spacing-96:24rem;
-  --spacing-px:1px;
+  --red-50: #fef2f2;
+  --red-100: #fee2e2;
+  --red-200: #fecaca;
+  --red-300: #fca5a5;
+  --red-400: #f87171;
+  --red-500: #ef4444;
+  --red-600: #dc2626;
+  --red-700: #b91c1c;
+  --red-800: #991b1b;
+  --red-900: #7f1d1d;
+  --yellow-50: #fffbeb;
+  --yellow-100: #fef3c7;
+  --yellow-200: #fde68a;
+  --yellow-300: #fcd34d;
+  --yellow-400: #fbbf24;
+  --yellow-500: #f59e0b;
+  --yellow-600: #d97706;
+  --yellow-700: #b45309;
+  --yellow-800: #92400e;
+  --yellow-900: #78350f;
+  --green-50: #ecfdf5;
+  --green-100: #d1fae5;
+  --green-200: #a7f3d0;
+  --green-300: #6ee7b7;
+  --green-400: #34d399;
+  --green-500: #10b981;
+  --green-600: #059669;
+  --green-700: #047857;
+  --green-800: #065f46;
+  --green-900: #064e3b;
+  --indigo-50: #eef2ff;
+  --indigo-100: #e0e7ff;
+  --indigo-200: #c7d2fe;
+  --indigo-300: #a5b4fc;
+  --indigo-400: #818cf8;
+  --indigo-500: #6366f1;
+  --indigo-600: #4f46e5;
+  --indigo-700: #4338ca;
+  --indigo-800: #3730a3;
+  --indigo-900: #312e81;
+  --purple-50: #faf5ff;
+  --purple-100: #f3e8ff;
+  --purple-200: #e9d5ff;
+  --purple-300: #d8b4fe;
+  --purple-400: #c084fc;
+  --purple-500: #a855f7;
+  --purple-600: #9333ea;
+  --purple-700: #7e22ce;
+  --purple-800: #6b21a8;
+  --purple-900: #581c87;
+  --pink-50: #fdf2f8;
+  --pink-100: #fce7f3;
+  --pink-200: #fbcfe8;
+  --pink-300: #f9a8d4;
+  --pink-400: #f472b6;
+  --pink-500: #ec4899;
+  --pink-600: #db2777;
+  --pink-700: #be185d;
+  --pink-800: #9d174d;
+  --pink-900: #831843;
+  --screen-xs: 480px;
+  --screen-sm: 640px;
+  --screen-md: 768px;
+  --screen-lg: 1024px;
+  --screen-xl: 1280px;
+  --screen-xxl: 1440px;
+  --screen-xxxl: 2180px;
 
-  --fs-xs:0.75rem;
-  --fs-sm:0.875rem;
-  --fs-base:1rem;
-  --fs-lg:1.125rem;
-  --fs-xl:1.25rem;
-  --fs-2xl:1.5rem;
-  --fs-3xl:1.875rem;
-  --fs-4xl:2.25rem;
-  --fs-5xl:3.5rem;
-  --fs-6xl:4.5rem;
-  --fs-7xl:5.5rem;
-  --fs-8xl:6.5rem;
-  --fs-9xl:7.5rem;
+  --spacing-0: 0px;
+  --spacing-1: 0.25rem;
+  --spacing-2: 0.5rem;
+  --spacing-3: 0.75rem;
+  --spacing-4: 1rem;
+  --spacing-5: 1.25rem;
+  --spacing-6: 1.5rem;
+  --spacing-7: 1.75rem;
+  --spacing-8: 2rem;
+  --spacing-9: 2.25rem;
+  --spacing-10: 2.5rem;
+  --spacing-11: 2.75rem;
+  --spacing-12: 3rem;
+  --spacing-14: 3.5rem;
+  --spacing-16: 4rem;
+  --spacing-20: 5rem;
+  --spacing-24: 6rem;
+  --spacing-28: 7rem;
+  --spacing-32: 8rem;
+  --spacing-36: 9rem;
+  --spacing-40: 10rem;
+  --spacing-44: 11rem;
+  --spacing-48: 12rem;
+  --spacing-52: 13rem;
+  --spacing-56: 14rem;
+  --spacing-60: 15rem;
+  --spacing-64: 16rem;
+  --spacing-72: 18rem;
+  --spacing-80: 20rem;
+  --spacing-96: 24rem;
+  --spacing-px: 1px;
 
-  --lh-xs:1rem;
-  --lh-sm:1.25rem;
-  --lh-base:1.5rem;
-  --lh-lg:1.75rem;
-  --lh-xl:1.75rem;
-  --lh-2xl:2rem;
-  --lh-3xl:2.25rem;
-  --lh-4xl:2.5rem;
-  --lh-5xl:3.75rem;
-  --lh-6xl:4.75rem;
-  --lh-7xl:5.75rem;
-  --lh-8xl:6.75rem;
-  --lh-9xl:7.75rem;
+  --fs-xs: 0.75rem;
+  --fs-sm: 0.875rem;
+  --fs-base: 1rem;
+  --fs-lg: 1.125rem;
+  --fs-xl: 1.25rem;
+  --fs-2xl: 1.5rem;
+  --fs-3xl: 1.875rem;
+  --fs-4xl: 2.25rem;
+  --fs-5xl: 3.5rem;
+  --fs-6xl: 4.5rem;
+  --fs-7xl: 5.5rem;
+  --fs-8xl: 6.5rem;
+  --fs-9xl: 7.5rem;
 
-  --ff-display:'Inter var', 'Helvetica', 'Arial', 'sans-serif';
-  --ff-body:'Inter var', 'Helvetica', 'Arial', 'sans-serif';
-  --ff-demo:'Inter var', 'Helvetica', 'Arial', 'sans-serif';
+  --lh-xs: 1rem;
+  --lh-sm: 1.25rem;
+  --lh-base: 1.5rem;
+  --lh-lg: 1.75rem;
+  --lh-xl: 1.75rem;
+  --lh-2xl: 2rem;
+  --lh-3xl: 2.25rem;
+  --lh-4xl: 2.5rem;
+  --lh-5xl: 3.75rem;
+  --lh-6xl: 4.75rem;
+  --lh-7xl: 5.75rem;
+  --lh-8xl: 6.75rem;
+  --lh-9xl: 7.75rem;
 
-  --fw-thin:100;
-  --fw-extralight:200;
-  --fw-light:300;
-  --fw-normal:400;
-  --fw-medium:500;
-  --fw-semibold:600;
-  --fw-bold:700;
-  --fw-extrabold:800;
-  --fw-black:900;
+  --ff-display: 'Inter var', 'Helvetica', 'Arial', 'sans-serif';
+  --ff-body: 'Inter var', 'Helvetica', 'Arial', 'sans-serif';
+  --ff-demo: 'Inter var', 'Helvetica', 'Arial', 'sans-serif';
 
-  --fs-h1:4rem;
-  --fs-h1-medium:3rem;
-  --fs-h1-small:2.5rem;
-  
-  --lh-h1:3rem;
-  --lh-h1-medium:3.75rem;
-  --lh-h1-small:2rem;
+  --fw-thin: 100;
+  --fw-extralight: 200;
+  --fw-light: 300;
+  --fw-normal: 400;
+  --fw-medium: 500;
+  --fw-semibold: 600;
+  --fw-bold: 700;
+  --fw-extrabold: 800;
+  --fw-black: 900;
 
-  --fs-h2:2.75rem;
-  --fs-h2-medium:2.5rem;
-  --fs-h2-small:2rem;
-  
-  --lh-h2:3.5rem;
-  --lh-h2-medium:3rem;
-  --lh-h2-small:2.5rem;
-  
+  --fs-h1: 4rem;
+  --fs-h1-medium: 3rem;
+  --fs-h1-small: 2.5rem;
 
-  --fs-h3:2rem;
-  --fs-h3-medium:1.75rem;
-  --fs-h3-small:1.5rem;
-  
-  --lh-h3:2.25rem;
-  --lh-h3-medium:2rem;
-  --lh-h3-small:1.75rem;
-  
-  --fs-h4:1.5rem;
-  --fs-h4-medium:1.5rem;
-  --fs-h4-small:1.375rem;
-  
-  --lh-h4:2rem;
-  --lh-h4-medium:1.75rem;
-  --lh-h4-small:1.75rem;
-  
-  --fs-h5:1.375rem;
-  --fs-h5-medium:1.25rem;
-  --fs-h5-small:1.125rem;
-  
-  --lh-h5:1.75rem;
-  --lh-h5-medium:1.5rem;
-  --lh-h5-small:1.375rem;
-  
-  --fs-h6:1.125rem;
-  --fs-h6-medium:1.125rem;
-  --fs-h6-small:1rem;
-  
-  --lh-h6:1.5rem;
-  --lh-h6-medium:1.375rem;
-  --lh-h6-small:1.25rem;
-  --outline-ring-width:2px;
-  --outline-ring-inset: ;
-  --outline-ring-offset-width:2px;
-  --outline-ring-offset-color:var(--outline-gray-100);
-  --outline-ring-color:var(--outline-soft-black);
-  --outline-ring-offset-shadow:var(--outline-ring-inset) 0 0 0 var(--outline-ring-offset-width) var(--outline-ring-offset-color);
-  --outline-ring-shadow:var(--outline-ring-inset) 0 0 0 calc(var(--outline-ring-width) + var(--outline-ring-offset-width)) var(--outline-ring-color);
+  --lh-h1: 3rem;
+  --lh-h1-medium: 3.75rem;
+  --lh-h1-small: 2rem;
+
+  --fs-h2: 2.75rem;
+  --fs-h2-medium: 2.5rem;
+  --fs-h2-small: 2rem;
+
+  --lh-h2: 3.5rem;
+  --lh-h2-medium: 3rem;
+  --lh-h2-small: 2.5rem;
+
+  --fs-h3: 2rem;
+  --fs-h3-medium: 1.75rem;
+  --fs-h3-small: 1.5rem;
+
+  --lh-h3: 2.25rem;
+  --lh-h3-medium: 2rem;
+  --lh-h3-small: 1.75rem;
+
+  --fs-h4: 1.5rem;
+  --fs-h4-medium: 1.5rem;
+  --fs-h4-small: 1.375rem;
+
+  --lh-h4: 2rem;
+  --lh-h4-medium: 1.75rem;
+  --lh-h4-small: 1.75rem;
+
+  --fs-h5: 1.375rem;
+  --fs-h5-medium: 1.25rem;
+  --fs-h5-small: 1.125rem;
 
-  --outline-shadow:0 0 rgba(0, 0, 0, 0);
-  --outline-shadow-colored:0 0 rgba(0, 0, 0, 0);
+  --lh-h5: 1.75rem;
+  --lh-h5-medium: 1.5rem;
+  --lh-h5-small: 1.375rem;
 
+  --fs-h6: 1.125rem;
+  --fs-h6-medium: 1.125rem;
+  --fs-h6-small: 1rem;
+
+  --lh-h6: 1.5rem;
+  --lh-h6-medium: 1.375rem;
+  --lh-h6-small: 1.25rem;
+  --outline-ring-width: 2px;
+  --outline-ring-inset: ;
+  --outline-ring-offset-width: 2px;
+  --outline-ring-offset-color: var(--outline-gray-100);
+  --outline-ring-color: var(--outline-soft-black);
+  --outline-ring-offset-shadow: var(--outline-ring-inset) 0 0 0
+    var(--outline-ring-offset-width) var(--outline-ring-offset-color);
+  --outline-ring-shadow: var(--outline-ring-inset) 0 0 0
+    calc(var(--outline-ring-width) + var(--outline-ring-offset-width))
+    var(--outline-ring-color);
+
+  --outline-shadow: 0 0 rgba(0, 0, 0, 0);
+  --outline-shadow-colored: 0 0 rgba(0, 0, 0, 0);
 }
 /* ! tailwindcss v3.0.0 | MIT License | https://tailwindcss.com */
 *,
 ::before,
-::after{
-  box-sizing:border-box;
-  border-width:0;
-  border-style:solid;
-  border-color:currentColor;
+::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: solid;
+  border-color: currentColor;
 }
 ::before,
-::after{
-  --tw-content:'';
-}
-html{
-  line-height:1.5;
-  -webkit-text-size-adjust:100%;
-  tab-size:4;
-  font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-}
-body{
-  margin:0;
-  line-height:inherit;
-}
-hr{
-  height:0;
-  color:inherit;
-  border-top-width:1px;
-}
-abbr[title]{
-  -webkit-text-decoration:underline dotted;
-          text-decoration:underline dotted;
+::after {
+  --tw-content: '';
+}
+html {
+  line-height: 1.5;
+  -webkit-text-size-adjust: 100%;
+  tab-size: 4;
+  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
+    'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
+    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+}
+body {
+  margin: 0;
+  line-height: inherit;
+}
+hr {
+  height: 0;
+  color: inherit;
+  border-top-width: 1px;
+}
+abbr[title] {
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
 }
 h1,
 h2,
 h3,
 h4,
 h5,
-h6{
-  font-size:inherit;
-  font-weight:inherit;
+h6 {
+  font-size: inherit;
+  font-weight: inherit;
 }
-a{
-  color:inherit;
-  text-decoration:inherit;
+a {
+  color: inherit;
+  text-decoration: inherit;
 }
 b,
-strong{
-  font-weight:bolder;
+strong {
+  font-weight: bolder;
 }
 code,
 kbd,
 samp,
-pre{
-  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-  font-size:1em;
+pre {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
+    'Liberation Mono', 'Courier New', monospace;
+  font-size: 1em;
 }
-small{
-  font-size:80%;
+small {
+  font-size: 80%;
 }
 sub,
-sup{
-  font-size:75%;
-  line-height:0;
-  position:relative;
-  vertical-align:baseline;
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
 }
-sub{
-  bottom:-0.25em;
+sub {
+  bottom: -0.25em;
 }
-sup{
-  top:-0.5em;
+sup {
+  top: -0.5em;
 }
-table{
-  text-indent:0;
-  border-color:inherit;
-  border-collapse:collapse;
+table {
+  text-indent: 0;
+  border-color: inherit;
+  border-collapse: collapse;
 }
 button,
 input,
 optgroup,
 select,
-textarea{
-  font-family:inherit;
-  font-size:100%;
-  line-height:inherit;
-  color:inherit;
-  margin:0;
-  padding:0;
+textarea {
+  font-family: inherit;
+  font-size: 100%;
+  line-height: inherit;
+  color: inherit;
+  margin: 0;
+  padding: 0;
 }
 button,
-select{
-  text-transform:none;
+select {
+  text-transform: none;
 }
 button,
 [type='button'],
 [type='reset'],
-[type='submit']{
-  -webkit-appearance:button;
-  background-color:transparent;
-  background-image:none;
+[type='submit'] {
+  -webkit-appearance: button;
+  background-color: transparent;
+  background-image: none;
 }
-:-moz-focusring{
-  outline:auto;
+:-moz-focusring {
+  outline: auto;
 }
-:-moz-ui-invalid{
-  box-shadow:none;
+:-moz-ui-invalid {
+  box-shadow: none;
 }
-progress{
-  vertical-align:baseline;
+progress {
+  vertical-align: baseline;
 }
 ::-webkit-inner-spin-button,
-::-webkit-outer-spin-button{
-  height:auto;
+::-webkit-outer-spin-button {
+  height: auto;
 }
-[type='search']{
-  -webkit-appearance:textfield;
-  outline-offset:-2px;
+[type='search'] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px;
 }
-::-webkit-search-decoration{
-  -webkit-appearance:none;
+::-webkit-search-decoration {
+  -webkit-appearance: none;
 }
-::-webkit-file-upload-button{
-  -webkit-appearance:button;
-  font:inherit;
+::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  font: inherit;
 }
-summary{
-  display:list-item;
+summary {
+  display: list-item;
 }
 blockquote,
 dl,
@@ -389,37 +393,37 @@ h6,
 hr,
 figure,
 p,
-pre{
-  margin:0;
+pre {
+  margin: 0;
 }
-fieldset{
-  margin:0;
-  padding:0;
+fieldset {
+  margin: 0;
+  padding: 0;
 }
-legend{
-  padding:0;
+legend {
+  padding: 0;
 }
 ol,
 ul,
-menu{
-  list-style:none;
-  margin:0;
-  padding:0;
+menu {
+  list-style: none;
+  margin: 0;
+  padding: 0;
 }
-textarea{
-  resize:vertical;
+textarea {
+  resize: vertical;
 }
 input::placeholder,
-textarea::placeholder{
-  opacity:1;
-  color:#9ca3af;
+textarea::placeholder {
+  opacity: 1;
+  color: #9ca3af;
 }
 button,
-[role="button"]{
-  cursor:pointer;
+[role='button'] {
+  cursor: pointer;
 }
-:disabled{
-  cursor:default;
+:disabled {
+  cursor: default;
 }
 img,
 svg,
@@ -428,15 +432,15 @@ canvas,
 audio,
 iframe,
 embed,
-object{
-  display:block;
-  vertical-align:middle;
+object {
+  display: block;
+  vertical-align: middle;
 }
 img,
-video{
-  max-width:100%;
-  height:auto;
+video {
+  max-width: 100%;
+  height: auto;
 }
-[hidden]{
-  display:none;
+[hidden] {
+  display: none;
 }