feat: bulk leave plugin

README.md

@@ -18,6 +18,7 @@
 - [Plugins](#plugins)
   - [Always Trust](#always-trust)
   - [Blur NSFW](#blur-nsfw)
+  - [Bulk Leave](#bulk-leave)
   - [Declutter](#declutter)
   - [Disable F1](#disable-f1)
   - [Inline CSS](#inline-css)
@@ -49,6 +50,12 @@ Blur images and videos in NSFW channels. Hover to unblur, the click-preview is a
 
 ![blurnsfw](https://github.com/SpikeHD/shelter-plugins/assets/25207995/921f5add-7d3e-4885-9d0b-a95b483caab6)
 
+## Bulk Leave
+
+Leave multiple servers at once.
+
+`https://spikehd.dev/shelter-plugins/bulk-leave/`
+
 ## Declutter
 
 Hide/disable unwanted or distracting components, such as Nitro effects, Store/Nitro tabs, and much more.

plugins/bulk-leave/BulkLeave.scss

@@ -0,0 +1,139 @@
+.root {
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+  padding: 4px 0;
+}
+
+.headerRow {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.list {
+  display: flex;
+  flex-direction: column;
+  max-height: 340px;
+  overflow-y: auto;
+  border-radius: 8px;
+  background: var(--background-secondary);
+  padding: 4px;
+  gap: 2px;
+}
+
+.guildItem {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 2px 0;
+}
+
+.guildMeta {
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+  min-width: 0;
+}
+
+.icon {
+  width: 28px;
+  height: 28px;
+  border-radius: 50%;
+  flex-shrink: 0;
+  object-fit: cover;
+}
+
+.iconPlaceholder {
+  width: 28px;
+  height: 28px;
+  border-radius: 50%;
+  flex-shrink: 0;
+  background: var(--brand-500, #5865f2);
+  color: var(--white, #fff);
+  font-size: 12px;
+  font-weight: 700;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  user-select: none;
+}
+
+.controls {
+  display: flex;
+  flex-direction: column;
+}
+
+.selectionRow {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  min-height: 24px;
+}
+
+.selectionActions {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.progressSection {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.progressHeader {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 6px;
+}
+
+.progressTrack {
+  width: 100%;
+  height: 6px;
+  border-radius: 3px;
+  background: var(--background-modifier-accent);
+  overflow: hidden;
+}
+
+.progressFill {
+  height: 100%;
+  border-radius: 3px;
+  background: var(--brand-500, #5865f2);
+  transition: width 0.3s ease;
+}
+
+.centerState {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 32px 16px;
+  text-align: center;
+}
+
+.errorState {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 10px;
+  padding: 12px;
+  border-radius: 8px;
+  background: var(--background-modifier-accent);
+}
+
+.mutedText {
+  color: var(--text-muted);
+}
+
+.dangerText {
+  color: var(--text-danger);
+}
+
+.progressNote {
+  color: var(--text-muted);
+  margin-top: 4px;
+}