From 89d97d20174e7bde3410fb1f4603ce077fc17f57 Mon Sep 17 00:00:00 2001
From: Pavel Laptev <pawellaptew@gmail.com>
Date: Fri, 31 May 2024 16:05:47 +0200
Subject: [PATCH] Refactor: Tailwind remove (#3932)

* remove teilwind CSS imports

* remove Teilwind package

* remove unused CSS
---
 app/.eslintignore                             |   1 -
 app/.prettierrc                               |   2 +-
 app/package.json                              |   2 -
 app/postcss.config.cjs                        |   6 -
 app/src/lib/components/Board.svelte           |  22 --
 app/src/lib/components/CredentialCheck.svelte |   3 +-
 app/src/lib/components/HunkLine.svelte        |  40 ++-
 app/src/lib/components/ProjectSelector.svelte |   1 +
 .../lib/components/ProjectSetupTarget.svelte  |   4 -
 .../lib/components/RemoteBranchPreview.svelte |   6 -
 app/src/styles/main.postcss                   | 150 ++++++++--
 app/src/styles/themes.postcss                 | 119 --------
 app/tailwind.config.cjs                       | 175 -----------
 pnpm-lock.yaml                                | 271 ------------------
 14 files changed, 156 insertions(+), 646 deletions(-)
 delete mode 100644 app/src/styles/themes.postcss
 delete mode 100644 app/tailwind.config.cjs

diff --git a/app/.eslintignore b/app/.eslintignore
index 707862912..091140ea5 100644
--- a/app/.eslintignore
+++ b/app/.eslintignore
@@ -22,7 +22,6 @@ yarn.lock
 /.eslintrc.cjs
 /svelte.config.js
 /postcss.config.cjs
-/tailwind.config.cjs
 /playwright.config.ts
 
 # Written to disk when using `act`
diff --git a/app/.prettierrc b/app/.prettierrc
index 22dbf47c8..4a56f91fa 100644
--- a/app/.prettierrc
+++ b/app/.prettierrc
@@ -3,7 +3,7 @@
 	"singleQuote": true,
 	"trailingComma": "none",
 	"printWidth": 100,
-	"plugins": ["prettier-plugin-svelte", "prettier-plugin-tailwindcss"],
+	"plugins": ["prettier-plugin-svelte"],
 	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }],
 	"endOfLine": "auto"
 }
diff --git a/app/package.json b/app/package.json
index b150dfa5a..d6ae080ce 100644
--- a/app/package.json
+++ b/app/package.json
@@ -78,7 +78,6 @@
 		"posthog-js": "1.135.2",
 		"prettier": "^3.2.5",
 		"prettier-plugin-svelte": "^3.2.3",
-		"prettier-plugin-tailwindcss": "^0.5.14",
 		"reflect-metadata": "^0.2.2",
 		"rxjs": "^7.8.1",
 		"svelte": "^4.2.16",
@@ -88,7 +87,6 @@
 		"svelte-loadable-store": "^2.0.1",
 		"svelte-outclick": "^3.7.1",
 		"svelte-resize-observer": "^2.0.0",
-		"tailwindcss": "^3.4.3",
 		"tauri-plugin-context-menu": "^0.7.0",
 		"tauri-plugin-log-api": "github:tauri-apps/tauri-plugin-log#v1",
 		"tauri-plugin-store-api": "github:tauri-apps/tauri-plugin-store#v1",
diff --git a/app/postcss.config.cjs b/app/postcss.config.cjs
index 53fd6ad0a..6b3ee1e63 100644
--- a/app/postcss.config.cjs
+++ b/app/postcss.config.cjs
@@ -1,13 +1,7 @@
-const tailwindcss = require('tailwindcss');
 const autoprefixer = require('autoprefixer');
-const nested = require('tailwindcss/nesting');
 
 const config = {
 	plugins: [
-		//Makes it easier to define .dark theme classes
-		nested,
-		//Some plugins, like tailwindcss/nesting, need to run before Tailwind,
-		tailwindcss(),
 		//But others, like autoprefixer, need to run after,
 		autoprefixer
 	]
diff --git a/app/src/lib/components/Board.svelte b/app/src/lib/components/Board.svelte
index 3ffd1b860..73e005126 100644
--- a/app/src/lib/components/Board.svelte
+++ b/app/src/lib/components/Board.svelte
@@ -259,28 +259,6 @@
 		padding-left: var(--size-4);
 	}
 
-	.branch-switcher {
-		margin-top: 8px;
-		padding: 8px;
-		background-color: var(--clr-bg-2);
-		border-width: 1px;
-		border-color: var(--clr-border-2);
-		border-radius: 4px;
-	}
-
-	.branch-display {
-		display: flex;
-		flex-direction: row;
-		align-items: center;
-		gap: 4px;
-		margin-bottom: 2px;
-	}
-
-	.branch-name {
-		font-weight: 600;
-		font-family: monospace;
-	}
-
 	.empty-board__image-frame {
 		flex-shrink: 0;
 		position: relative;
diff --git a/app/src/lib/components/CredentialCheck.svelte b/app/src/lib/components/CredentialCheck.svelte
index 6837b38e7..1784a8c35 100644
--- a/app/src/lib/components/CredentialCheck.svelte
+++ b/app/src/lib/components/CredentialCheck.svelte
@@ -114,7 +114,7 @@
 			Re-test credentials
 		{/if}
 	</Button>
-	<div class="disclaimer">
+	<div class="disclaimer text-base-body-12">
 		To test the push command, we create an empty branch and promptly remove it after the check. <Link
 			href="https://docs.gitbutler.com/troubleshooting/fetch-push">Read more</Link
 		> about authentication methods.
@@ -153,7 +153,6 @@
 		color: var(--clr-scale-ntrl-50);
 		background: var(--clr-bg-2);
 		border-radius: var(--radius-m);
-		background: var(--clr-bg-2);
 		padding: var(--size-10) var(--size-12);
 	}
 </style>
diff --git a/app/src/lib/components/HunkLine.svelte b/app/src/lib/components/HunkLine.svelte
index ac945eeff..3c110bc83 100644
--- a/app/src/lib/components/HunkLine.svelte
+++ b/app/src/lib/components/HunkLine.svelte
@@ -35,22 +35,15 @@
 		return tokens;
 	}
 
-	$: bgColor =
-		selectable && selected
-			? 'bg-blue-400 border-blue-500 text-white dark:border-blue-700 dark:bg-blue-800'
-			: 'bg-light-50 border-light-300 dark:bg-dark-700 dark:border-dark-400';
+	$: isSelected = selectable && selected;
 </script>
 
-<div
-	class="code-line text-sm"
-	role="group"
-	style="--tab-size: {tabSize}"
-	on:contextmenu|preventDefault
->
+<div class="code-line" role="group" style="--tab-size: {tabSize}" on:contextmenu|preventDefault>
 	<div class="code-line__numbers-line">
 		<button
 			on:click={() => selectable && dispatch('selected', !selected)}
-			class="text-color-4 border-color-4 shrink-0 select-none border-r px-0.5 text-right text-xs {bgColor}"
+			class="numbers-line-count"
+			class:selected={isSelected}
 			style:min-width={minWidth + 'rem'}
 			style:cursor={draggingDisabled ? 'default' : 'grab'}
 		>
@@ -58,7 +51,8 @@
 		</button>
 		<button
 			on:click={() => selectable && dispatch('selected', !selected)}
-			class="text-color-4 border-color-4 shrink-0 select-none border-r px-0.5 text-right text-xs {bgColor}"
+			class="numbers-line-count"
+			class:selected={isSelected}
 			style:min-width={minWidth + 'rem'}
 			style:cursor={draggingDisabled ? 'default' : 'grab'}
 		>
@@ -87,6 +81,9 @@
 		background-color: var(--clr-bg-1);
 		white-space: pre;
 		tab-size: var(--tab-size);
+
+		font-size: 0.688rem;
+		line-height: 1.5;
 	}
 
 	.line {
@@ -99,6 +96,25 @@
 		display: flex;
 	}
 
+	.numbers-line-count {
+		color: var(--clr-text-3);
+		border-color: var(--clr-border-2);
+		background-color: var(--clr-bg-1-muted);
+		font-size: 0.625rem;
+		flex-shrink: 0;
+		user-select: none;
+		border-right-width: 1px;
+		padding-left: 0.125rem;
+		padding-right: 0.125rem;
+		text-align: right;
+
+		&.selected {
+			background-color: #60a5fa;
+			border-color: #2563eb;
+			color: white;
+		}
+	}
+
 	.selectable-wrapper {
 		cursor: text;
 		display: inline-block;
diff --git a/app/src/lib/components/ProjectSelector.svelte b/app/src/lib/components/ProjectSelector.svelte
index 801ebe983..70124416e 100644
--- a/app/src/lib/components/ProjectSelector.svelte
+++ b/app/src/lib/components/ProjectSelector.svelte
@@ -74,6 +74,7 @@
 	}
 
 	.button__icon {
+		display: flex;
 		color: var(--clr-scale-ntrl-0);
 		opacity: 0.3;
 	}
diff --git a/app/src/lib/components/ProjectSetupTarget.svelte b/app/src/lib/components/ProjectSetupTarget.svelte
index 7d8057d80..3a8d34644 100644
--- a/app/src/lib/components/ProjectSetupTarget.svelte
+++ b/app/src/lib/components/ProjectSetupTarget.svelte
@@ -291,10 +291,6 @@
 		gap: var(--size-8);
 	}
 
-	.project-setup__toggle-label {
-		width: 100%;
-	}
-
 	.success-icon {
 		display: inline;
 		margin-top: calc(var(--size-2) * -1);
diff --git a/app/src/lib/components/RemoteBranchPreview.svelte b/app/src/lib/components/RemoteBranchPreview.svelte
index 4a6d073e1..dfc15c1b1 100644
--- a/app/src/lib/components/RemoteBranchPreview.svelte
+++ b/app/src/lib/components/RemoteBranchPreview.svelte
@@ -137,10 +137,4 @@
 	.card__content {
 		color: var(--clr-scale-ntrl-30);
 	}
-
-	.branch-preview__commits-list {
-		display: flex;
-		flex-direction: column;
-		gap: var(--size-8);
-	}
 </style>
diff --git a/app/src/styles/main.postcss b/app/src/styles/main.postcss
index 0a8045d51..788c0f7c7 100644
--- a/app/src/styles/main.postcss
+++ b/app/src/styles/main.postcss
@@ -1,7 +1,8 @@
+@layer reset;
+
 @import 'inter-ui/inter.css';
 @import './fonts.css';
 @import './diff.postcss';
-@import './themes.postcss';
 @import './syntax-highlighting.css';
 @import './tokens.css';
 @import './text-classes.css';
@@ -10,10 +11,6 @@
 @import './text-input.css';
 @import './markdown.css';
 
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
 /* CSS VARIABLES */
 :root {
 	--transition-fast: 0.06s ease-in-out;
@@ -42,30 +39,127 @@
 }
 
 /* BOILERPLATE CSS */
+/* reset all styles */
+@layer reset {
+	*,
+	*::before,
+	*::after {
+		box-sizing: border-box;
+		border-width: 0;
+		border-style: solid;
+		border-color: currentColor;
+		/* margin: 0;
+		padding: 0; */
+	}
 
-html {
-	overscroll-behavior: none;
-}
+	button,
+	input,
+	optgroup,
+	select,
+	textarea {
+		font-family: inherit;
+		font-feature-settings: inherit;
+		font-variation-settings: inherit;
+		font-size: 100%;
+		font-weight: inherit;
+		line-height: inherit;
+		letter-spacing: inherit;
+		color: inherit;
+		margin: 0;
+		padding: 0;
+	}
 
-body {
-	font-family: 'Inter', sans-serif;
-	height: 100vh;
-	width: 100vw;
-	overflow-y: hidden;
-	padding: 0;
-	color: var(--clr-text-1);
-	background-color: var(--clr-bg-2);
+	img,
+	svg,
+	video,
+	canvas,
+	audio,
+	iframe,
+	embed,
+	object {
+		display: block;
+		vertical-align: middle;
+	}
 
-	/* optimise font rendering */
-	-webkit-font-smoothing: antialiased;
-	text-rendering: optimizeLegibility;
-}
+	button,
+	input:where([type='button']),
+	input:where([type='reset']),
+	input:where([type='submit']) {
+		-webkit-appearance: button;
+		background-color: transparent;
+		background-image: none;
+	}
 
-a,
-button {
-	-webkit-user-select: none;
-	-webkit-user-drag: none;
-	-webkit-app-region: no-drag;
+	a {
+		color: inherit;
+		text-decoration: inherit;
+	}
+
+	a,
+	button {
+		-webkit-user-select: none;
+		-webkit-user-drag: none;
+		-webkit-app-region: no-drag;
+	}
+
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	h6,
+	hr,
+	figure,
+	p,
+	pre {
+		margin: 0;
+	}
+
+	ol,
+	ul,
+	menu {
+		list-style: none;
+		margin: 0;
+		padding: 0;
+	}
+
+	html {
+		overscroll-behavior: none;
+	}
+
+	body {
+		font-family: 'Inter', sans-serif;
+		font-size: 0.8125rem;
+		line-height: inherit;
+		height: 100vh;
+		width: 100vw;
+		overflow-y: hidden;
+		padding: 0;
+		margin: 0;
+
+		color: var(--clr-text-1);
+		background-color: var(--clr-bg-2);
+
+		/* optimise font rendering */
+		-webkit-font-smoothing: antialiased;
+		text-rendering: optimizeLegibility;
+	}
+
+	dialog {
+		padding: 0;
+	}
+
+	table {
+		border-collapse: collapse;
+		border-spacing: 0;
+	}
+
+	fieldset {
+		border: none;
+		padding: 0;
+		margin: 0;
+		min-width: 0;
+	}
 }
 
 /* scrollbar helpers */
@@ -78,6 +172,12 @@ button {
 	}
 }
 
+.truncate {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
 /**
  * Prevents elements within drop-zones from firing mouse events, making
  * it much easier to manage in/out/over/leave events since they fire less
diff --git a/app/src/styles/themes.postcss b/app/src/styles/themes.postcss
deleted file mode 100644
index 8a0cd351a..000000000
--- a/app/src/styles/themes.postcss
+++ /dev/null
@@ -1,119 +0,0 @@
-/* Color Palettes */
-:root {
-	--background-1: #ffffff;
-	--background-2: #f9f9f9;
-	--background-3: #f4f4f5;
-	--background-4: #efefef;
-	--background-5: #dddddd;
-
-	--text-color-1: #333333;
-	--text-color-2: #555555;
-	--text-color-3: #777777;
-	--text-color-4: #999999;
-
-	--border-color-5: #949498;
-	--border-color-4: #adadae;
-	--border-color-3: #d4d4d7;
-	--border-color-2: #e6e6e8;
-	--border-color-1: #fafafa;
-
-	--bg-body: var(--background-4);
-	--bg-surface: var(--background-1);
-	--bg-surface-highlight: var(--background-3);
-	--border-surface: var(--border-color-2);
-
-	--bg-card: var(--background-2);
-	--bg-card-highlight: var(--background-4);
-	--border-card: var(--border-color-3);
-
-	--resizer-bg: var(--background-5);
-	--resizer-bg-active: #fbbf24;
-
-	--input-bg: var(--background-2);
-}
-
-:root.dark {
-	--background-1: #181818;
-	--background-2: #222222;
-	--background-3: #2c2c2c;
-	--background-4: #373737;
-	--background-5: #414141;
-
-	--text-color-1: #ffffff;
-	--text-color-2: #eeeeee;
-	--text-color-3: #aaaaaa;
-	--text-color-4: #888888;
-
-	--border-color-1: #101010;
-	--border-color-2: #313131;
-	--border-color-3: #41414a;
-	--border-color-4: #a1a1aa;
-	--border-color-5: #d4d4d8;
-
-	--bg-body: var(--background-1);
-
-	--bg-surface: var(--background-2);
-	--bg-surface-highlight: var(--background-3);
-	--border-surface: var(--border-color-3);
-
-	--bg-card: var(--background-3);
-	--bg-card-highlight: var(--background-4);
-	--border-card: var(--border-color-3);
-
-	--resizer-bg: var(--background-2);
-	--resizer-bg-active: #b45309;
-
-	--input-bg: var(--background-2);
-}
-
-/* Utility Classes */
-
-@layer base {
-	/* Background colors */
-	.bg-color-1 {
-		background-color: var(--background-1);
-	}
-	.bg-color-2 {
-		background-color: var(--background-2);
-	}
-	.bg-color-3 {
-		background-color: var(--background-3);
-	}
-	.bg-color-4 {
-		background-color: var(--background-4);
-	}
-	.bg-color-5 {
-		background-color: var(--background-5);
-	}
-
-	/* Text colors */
-	.text-color-1 {
-		color: var(--text-color-1);
-	}
-	.text-color-2 {
-		color: var(--text-color-2);
-	}
-	.text-color-3 {
-		color: var(--text-color-3);
-	}
-	.text-color-4 {
-		color: var(--text-color-4);
-	}
-
-	/* Border colors */
-	.border-color-1 {
-		border-color: var(--border-color-1);
-	}
-	.border-color-2 {
-		border-color: var(--border-color-2);
-	}
-	.border-color-3 {
-		border-color: var(--border-color-3);
-	}
-	.border-color-4 {
-		border-color: var(--border-color-4);
-	}
-	.border-color-5 {
-		border-color: var(--border-color-5);
-	}
-}
diff --git a/app/tailwind.config.cjs b/app/tailwind.config.cjs
deleted file mode 100644
index 1398e8998..000000000
--- a/app/tailwind.config.cjs
+++ /dev/null
@@ -1,175 +0,0 @@
-const plugin = require('tailwindcss/plugin');
-const config = {
-	content: ['./src/**/*.{html,js,svelte,ts}'],
-	darkMode: 'class',
-	corePlugins: {
-		backgroundOpacity: false
-	},
-	theme: {
-		extend: {
-			transitionProperty: {
-				width: 'width'
-			}
-		},
-		fontFamily: {
-			sans: ['Inter', 'SF Pro', '-apple-system', 'system-ui'],
-			mono: ['SF Mono', 'Consolas', 'Liberation Mono', 'monospace']
-		},
-		fontSize: {
-			xs: '0.625rem',
-			sm: '0.6875rem',
-			base: '0.8125rem',
-			lg: '0.9375rem',
-			xl: '1.125rem',
-			'2xl': '1.375rem',
-			'3xl': '1.6875rem',
-			'4xl': '2rem'
-		},
-		colors: {
-			modal: {
-				background: '#242429',
-				stroke: '#3f3f3f'
-			},
-			gb: {
-				700: '#52525B'
-			},
-			interactive: '#2563EB',
-			divider: '#3f3f46',
-			card: {
-				active: '#3B3B3F',
-				default: '#2F2F33'
-			},
-			app: {
-				gradient: '#27272A'
-			},
-			overlay: {
-				default: '#18181B'
-			},
-			text: {
-				default: '#D4D4D8',
-				subdued: '#71717A'
-			},
-			icon: {
-				default: '#A1A1AA'
-			},
-			bookmark: {
-				selected: '#2563EB'
-			},
-			white: '#FFFFFF',
-			black: '#000000',
-			transparent: 'transparent',
-			gray: {
-				400: '#9ca3af',
-				500: '#6B7280'
-			},
-			dark: {
-				50: '#FAFAFA', // Button text
-				100: '#D4D4D8', // Normal text
-				200: '#A1A1AA', // Commit sequence line, meatballs menu
-				300: '#71717A', // Subtle text
-				400: '#545454', // File card border
-				500: '#414141', // Commit message border
-				600: '#393939', // Commit card border
-				700: '#373737', // Commit message background
-				800: '#2C2C2C', // Tray and commit card background
-				850: '#282828', // Scrollbar
-				900: '#212121', // Header background
-				1000: '#1E1E1E', // Board and inactive tab background
-				1100: '#181818' // Git log background
-			},
-			light: {
-				25: '#FAFAFB', // Active tab and file card background
-				50: '#F6F6F7', // Active tab and file card background
-				100: '#F4F4F5', // Branch background in tray
-				150: '#EAEAEB', // Branch background in tray
-				200: '#E4E4E7', // Board background and commit message border
-				300: '#DDDDDE', // File card border
-				400: '#D4D4D8', // Branch lane border and disabled text
-				500: '#CDCDD0', // Scroll bar color
-				600: '#A1A1AA', // Commit sequence line, meatballs menu, icons
-				700: '#6D7175', // Subtle text
-				800: '#3F3F46', // Branch text in tray
-				900: '#202223' // Normal text
-			},
-			blue: {
-				50: '#EFF4FF',
-				100: '#CBE2FE',
-				200: '#bfdbfe',
-				400: '#60a5fa',
-				500: '#3b82f6',
-				600: '#2563eb',
-				700: '#1d4ed8',
-				900: '#1e3a8a'
-			},
-			yellow: {
-				50: '#FFFBE6',
-				100: '#FFF7CC',
-				200: '#FEF0A2',
-				300: '#FDE978',
-				400: '#FACC15',
-				500: '#EAB308',
-				600: '#C19206',
-				700: '#987105',
-				800: '#6F5004',
-				900: '#713F12'
-			},
-			red: {
-				400: '#F87171',
-				500: '#ef4444',
-				600: '#dc2626',
-				700: '#b91c1c',
-				900: '#7c2d12'
-			},
-			green: {
-				200: '#AFEDB1',
-				300: '#6BE66D',
-				400: '#4ade80',
-				450: '#40C341',
-				460: '#346E45',
-				470: '#314D39',
-				500: '#22c55e',
-				600: '#16a34a',
-				700: '#15803d',
-				900: '#14532d'
-			},
-			purple: {
-				50: '#F2F0FD',
-				100: '#E6E0FA',
-				200: '#CFC7F5',
-				300: '#B8ADF1',
-				400: '#A193EC',
-				500: '#666ADB',
-				600: '#5852A0',
-				700: '#443D7A',
-				800: '#302854',
-				900: '#1C142E'
-			},
-			orange: {
-				50: '#FEF6E4',
-				100: '#FEE9C8',
-				200: '#FED7AA',
-				300: '#FDC592',
-				400: '#FCB37B',
-				500: '#FBA163',
-				600: '#FA8E4B',
-				700: '#CD6E02',
-				800: '#A55602',
-				900: '#7D3F02'
-			},
-			zinc: {
-				50: '#fafafa',
-				100: '#f4f4f5',
-				200: '#e5e5e5',
-				300: '#d4d4d8',
-				400: '#a1a1aa',
-				500: '#71717a',
-				600: '#52525b',
-				700: '#3f3f46',
-				800: '#27272a',
-				900: '#18181b'
-			}
-		}
-	}
-};
-
-module.exports = config;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d3408da16..a6b518e63 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -186,9 +186,6 @@ importers:
       prettier-plugin-svelte:
         specifier: ^3.2.3
         version: 3.2.3(prettier@3.2.5)(svelte@4.2.17)
-      prettier-plugin-tailwindcss:
-        specifier: ^0.5.14
-        version: 0.5.14(prettier-plugin-svelte@3.2.3)(prettier@3.2.5)
       reflect-metadata:
         specifier: ^0.2.2
         version: 0.2.2
@@ -216,9 +213,6 @@ importers:
       svelte-resize-observer:
         specifier: ^2.0.0
         version: 2.0.0
-      tailwindcss:
-        specifier: ^3.4.3
-        version: 3.4.3
       tauri-plugin-context-menu:
         specifier: ^0.7.0
         version: 0.7.0
@@ -251,11 +245,6 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /@alloc/quick-lru@5.2.0:
-    resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
-    engines: {node: '>=10'}
-    dev: true
-
   /@ampproject/remapping@2.2.1:
     resolution: {integrity: sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==}
     engines: {node: '>=6.0.0'}
@@ -1805,10 +1794,6 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  /any-promise@1.3.0:
-    resolution: {integrity: sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==}
-    dev: true
-
   /anymatch@3.1.3:
     resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
     engines: {node: '>= 8'}
@@ -1817,10 +1802,6 @@ packages:
       picomatch: 2.3.1
     dev: true
 
-  /arg@5.0.2:
-    resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
-    dev: true
-
   /argparse@2.0.1:
     resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
     dev: true
@@ -2014,11 +1995,6 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
-  /camelcase-css@2.0.1:
-    resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
-    engines: {node: '>= 6'}
-    dev: true
-
   /caniuse-lite@1.0.30001600:
     resolution: {integrity: sha512-+2S9/2JFhYmYaDpZvo0lKkfvuKIglrx68MwOBqMGHhQsNkLjB5xtc/TGoEPs+MxjSyN/72qer2g97nzR641mOQ==}
     dev: true
@@ -2097,11 +2073,6 @@ packages:
       delayed-stream: 1.0.0
     dev: false
 
-  /commander@4.1.1:
-    resolution: {integrity: sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==}
-    engines: {node: '>= 6'}
-    dev: true
-
   /concat-map@0.0.1:
     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
     dev: true
@@ -2219,10 +2190,6 @@ packages:
     resolution: {integrity: sha512-KqFl6pOgOW+Y6wJgu80rHpo2/3H07vr8ntR9rkkFIRETewbf5GaYYcakYfiKz89K+sLsuPkQIZaXDMjUObZwWg==}
     dev: true
 
-  /didyoumean@1.2.2:
-    resolution: {integrity: sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==}
-    dev: true
-
   /diff-match-patch@1.0.5:
     resolution: {integrity: sha512-IayShXAgj/QMXgB0IWmKx+rOPuGMhqm5w6jvFxmVenXKIzRqTAAsbBPT3kWQeGANj3jGgvcvv4yK6SxqYmikgw==}
     dev: true
@@ -2239,10 +2206,6 @@ packages:
       path-type: 4.0.0
     dev: true
 
-  /dlv@1.1.3:
-    resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
-    dev: true
-
   /doctrine@2.1.0:
     resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
     engines: {node: '>=0.10.0'}
@@ -2828,17 +2791,6 @@ packages:
       is-glob: 4.0.3
     dev: true
 
-  /glob@7.1.6:
-    resolution: {integrity: sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==}
-    dependencies:
-      fs.realpath: 1.0.0
-      inflight: 1.0.6
-      inherits: 2.0.4
-      minimatch: 3.1.2
-      once: 1.4.0
-      path-is-absolute: 1.0.1
-    dev: true
-
   /glob@7.2.3:
     resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
     dependencies:
@@ -3186,11 +3138,6 @@ packages:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
     dev: true
 
-  /jiti@1.21.0:
-    resolution: {integrity: sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q==}
-    hasBin: true
-    dev: true
-
   /js-yaml@4.1.0:
     resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
     hasBin: true
@@ -3265,10 +3212,6 @@ packages:
     engines: {node: '>=14'}
     dev: true
 
-  /lines-and-columns@1.2.4:
-    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
-    dev: true
-
   /local-pkg@0.4.3:
     resolution: {integrity: sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g==}
     engines: {node: '>=14'}
@@ -3451,14 +3394,6 @@ packages:
   /ms@2.1.3:
     resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
 
-  /mz@2.7.0:
-    resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==}
-    dependencies:
-      any-promise: 1.3.0
-      object-assign: 4.1.1
-      thenify-all: 1.6.0
-    dev: true
-
   /nanoevents@9.0.0:
     resolution: {integrity: sha512-X8pU7IOpgKXVLPxYUI55ymXc8XuBE+uypfEyEFBtHkD1EX9KavYTVc+vXZHFyHKzA1TaZoVDqklLdQBBrxIuAw==}
     engines: {node: ^18.0.0 || >=20.0.0}
@@ -3510,16 +3445,6 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /object-assign@4.1.1:
-    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /object-hash@3.0.0:
-    resolution: {integrity: sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==}
-    engines: {node: '>= 6'}
-    dev: true
-
   /object-inspect@1.12.3:
     resolution: {integrity: sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==}
     dev: true
@@ -3693,16 +3618,6 @@ packages:
     engines: {node: '>=8.6'}
     dev: true
 
-  /pify@2.3.0:
-    resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
-  /pirates@4.0.6:
-    resolution: {integrity: sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==}
-    engines: {node: '>= 6'}
-    dev: true
-
   /pkg-types@1.0.3:
     resolution: {integrity: sha512-nN7pYi0AQqJnoLPC9eHFQ8AcyaixBUOwvqc5TDnIKCMEE6I0y8P7OKA7fPexsXGCGxQDl/cmrLAp26LhcwxZ4A==}
     dependencies:
@@ -3727,28 +3642,6 @@ packages:
       fsevents: 2.3.2
     dev: true
 
-  /postcss-import@15.1.0(postcss@8.4.38):
-    resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      postcss: ^8.0.0
-    dependencies:
-      postcss: 8.4.38
-      postcss-value-parser: 4.2.0
-      read-cache: 1.0.0
-      resolve: 1.22.4
-    dev: true
-
-  /postcss-js@4.0.1(postcss@8.4.38):
-    resolution: {integrity: sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==}
-    engines: {node: ^12 || ^14 || >= 16}
-    peerDependencies:
-      postcss: ^8.4.21
-    dependencies:
-      camelcase-css: 2.0.1
-      postcss: 8.4.38
-    dev: true
-
   /postcss-load-config@3.1.4(postcss@8.4.38):
     resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==}
     engines: {node: '>= 10'}
@@ -3766,23 +3659,6 @@ packages:
       yaml: 1.10.2
     dev: true
 
-  /postcss-load-config@4.0.1(postcss@8.4.38):
-    resolution: {integrity: sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==}
-    engines: {node: '>= 14'}
-    peerDependencies:
-      postcss: '>=8.0.9'
-      ts-node: '>=9.0.0'
-    peerDependenciesMeta:
-      postcss:
-        optional: true
-      ts-node:
-        optional: true
-    dependencies:
-      lilconfig: 2.1.0
-      postcss: 8.4.38
-      yaml: 2.3.4
-    dev: true
-
   /postcss-load-config@5.1.0(postcss@8.4.38):
     resolution: {integrity: sha512-G5AJ+IX0aD0dygOE0yFZQ/huFFMSNneyfp0e3/bT05a8OfPC5FUoZRPfGijUdGOJNMewJiwzcHJXFafFzeKFVA==}
     engines: {node: '>= 18'}
@@ -3803,16 +3679,6 @@ packages:
       yaml: 2.4.2
     dev: true
 
-  /postcss-nested@6.0.1(postcss@8.4.38):
-    resolution: {integrity: sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==}
-    engines: {node: '>=12.0'}
-    peerDependencies:
-      postcss: ^8.2.14
-    dependencies:
-      postcss: 8.4.38
-      postcss-selector-parser: 6.0.16
-    dev: true
-
   /postcss-safe-parser@6.0.0(postcss@8.4.38):
     resolution: {integrity: sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==}
     engines: {node: '>=12.0'}
@@ -3831,14 +3697,6 @@ packages:
       postcss: 8.4.38
     dev: true
 
-  /postcss-selector-parser@6.0.13:
-    resolution: {integrity: sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==}
-    engines: {node: '>=4'}
-    dependencies:
-      cssesc: 3.0.0
-      util-deprecate: 1.0.2
-    dev: true
-
   /postcss-selector-parser@6.0.16:
     resolution: {integrity: sha512-A0RVJrX+IUkVZbW3ClroRWurercFhieevHB38sr2+l9eUClMqome3LmEmnhlNy+5Mr2EYN6B2Kaw9wYdd+VHiw==}
     engines: {node: '>=4'}
@@ -3886,62 +3744,6 @@ packages:
       svelte: 4.2.17
     dev: true
 
-  /prettier-plugin-tailwindcss@0.5.14(prettier-plugin-svelte@3.2.3)(prettier@3.2.5):
-    resolution: {integrity: sha512-Puaz+wPUAhFp8Lo9HuciYKM2Y2XExESjeT+9NQoVFXZsPPnc9VYss2SpxdQ6vbatmt8/4+SN0oe0I1cPDABg9Q==}
-    engines: {node: '>=14.21.3'}
-    peerDependencies:
-      '@ianvs/prettier-plugin-sort-imports': '*'
-      '@prettier/plugin-pug': '*'
-      '@shopify/prettier-plugin-liquid': '*'
-      '@trivago/prettier-plugin-sort-imports': '*'
-      '@zackad/prettier-plugin-twig-melody': '*'
-      prettier: ^3.0
-      prettier-plugin-astro: '*'
-      prettier-plugin-css-order: '*'
-      prettier-plugin-import-sort: '*'
-      prettier-plugin-jsdoc: '*'
-      prettier-plugin-marko: '*'
-      prettier-plugin-organize-attributes: '*'
-      prettier-plugin-organize-imports: '*'
-      prettier-plugin-sort-imports: '*'
-      prettier-plugin-style-order: '*'
-      prettier-plugin-svelte: '*'
-    peerDependenciesMeta:
-      '@ianvs/prettier-plugin-sort-imports':
-        optional: true
-      '@prettier/plugin-pug':
-        optional: true
-      '@shopify/prettier-plugin-liquid':
-        optional: true
-      '@trivago/prettier-plugin-sort-imports':
-        optional: true
-      '@zackad/prettier-plugin-twig-melody':
-        optional: true
-      prettier-plugin-astro:
-        optional: true
-      prettier-plugin-css-order:
-        optional: true
-      prettier-plugin-import-sort:
-        optional: true
-      prettier-plugin-jsdoc:
-        optional: true
-      prettier-plugin-marko:
-        optional: true
-      prettier-plugin-organize-attributes:
-        optional: true
-      prettier-plugin-organize-imports:
-        optional: true
-      prettier-plugin-sort-imports:
-        optional: true
-      prettier-plugin-style-order:
-        optional: true
-      prettier-plugin-svelte:
-        optional: true
-    dependencies:
-      prettier: 3.2.5
-      prettier-plugin-svelte: 3.2.3(prettier@3.2.5)(svelte@4.2.17)
-    dev: true
-
   /prettier@3.2.5:
     resolution: {integrity: sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==}
     engines: {node: '>=14'}
@@ -3979,12 +3781,6 @@ packages:
     resolution: {integrity: sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==}
     dev: true
 
-  /read-cache@1.0.0:
-    resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==}
-    dependencies:
-      pify: 2.3.0
-    dev: true
-
   /readdirp@3.6.0:
     resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
     engines: {node: '>=8.10.0'}
@@ -4257,20 +4053,6 @@ packages:
     resolution: {integrity: sha512-Ca5ib8HrFn+f+0n4N4ScTIA9iTOQ7MaGS1ylHcoVqW9J7w2w8PzN6g9gKmTYgGEBH8e120+RCmhpje6jC5uGWA==}
     dev: true
 
-  /sucrase@3.34.0:
-    resolution: {integrity: sha512-70/LQEZ07TEcxiU2dz51FKaE6hCTWC6vr7FOk3Gr0U60C3shtAN+H+BFr9XlYe5xqf3RA8nrc+VIwzCfnxuXJw==}
-    engines: {node: '>=8'}
-    hasBin: true
-    dependencies:
-      '@jridgewell/gen-mapping': 0.3.3
-      commander: 4.1.1
-      glob: 7.1.6
-      lines-and-columns: 1.2.4
-      mz: 2.7.0
-      pirates: 4.0.6
-      ts-interface-checker: 0.1.13
-    dev: true
-
   /supports-color@7.2.0:
     resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
     engines: {node: '>=8'}
@@ -4451,37 +4233,6 @@ packages:
       periscopic: 3.1.0
     dev: true
 
-  /tailwindcss@3.4.3:
-    resolution: {integrity: sha512-U7sxQk/n397Bmx4JHbJx/iSOOv5G+II3f1kpLpY2QeUv5DcPdcTsYLlusZfq1NthHS1c1cZoyFmmkex1rzke0A==}
-    engines: {node: '>=14.0.0'}
-    hasBin: true
-    dependencies:
-      '@alloc/quick-lru': 5.2.0
-      arg: 5.0.2
-      chokidar: 3.5.3
-      didyoumean: 1.2.2
-      dlv: 1.1.3
-      fast-glob: 3.3.1
-      glob-parent: 6.0.2
-      is-glob: 4.0.3
-      jiti: 1.21.0
-      lilconfig: 2.1.0
-      micromatch: 4.0.5
-      normalize-path: 3.0.0
-      object-hash: 3.0.0
-      picocolors: 1.0.0
-      postcss: 8.4.38
-      postcss-import: 15.1.0(postcss@8.4.38)
-      postcss-js: 4.0.1(postcss@8.4.38)
-      postcss-load-config: 4.0.1(postcss@8.4.38)
-      postcss-nested: 6.0.1(postcss@8.4.38)
-      postcss-selector-parser: 6.0.13
-      resolve: 1.22.4
-      sucrase: 3.34.0
-    transitivePeerDependencies:
-      - ts-node
-    dev: true
-
   /tapable@2.2.1:
     resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
     engines: {node: '>=6'}
@@ -4497,19 +4248,6 @@ packages:
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
 
-  /thenify-all@1.6.0:
-    resolution: {integrity: sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==}
-    engines: {node: '>=0.8'}
-    dependencies:
-      thenify: 3.3.1
-    dev: true
-
-  /thenify@3.3.1:
-    resolution: {integrity: sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==}
-    dependencies:
-      any-promise: 1.3.0
-    dev: true
-
   /tiny-glob@0.2.9:
     resolution: {integrity: sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==}
     dependencies:
@@ -4564,10 +4302,6 @@ packages:
       typescript: 5.4.5
     dev: true
 
-  /ts-interface-checker@0.1.13:
-    resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}
-    dev: true
-
   /tsconfig-paths@3.15.0:
     resolution: {integrity: sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==}
     dependencies:
@@ -4927,11 +4661,6 @@ packages:
     engines: {node: '>= 6'}
     dev: true
 
-  /yaml@2.3.4:
-    resolution: {integrity: sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA==}
-    engines: {node: '>= 14'}
-    dev: true
-
   /yaml@2.4.2:
     resolution: {integrity: sha512-B3VqDZ+JAg1nZpaEmWtTXUlBneoGx6CPM9b0TENK6aoSu5t73dItudwdgmi6tHlIZZId4dZ9skcAQ2UbcyAeVA==}
     engines: {node: '>= 14'}