Format repo with Prettier

Apply prettier --write across the repo to clear pre-existing formatting violations that were previously masked by CRLF line endings. Pure formatting; no behavior change.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: githyperplexed

README.md

@@ -177,18 +177,18 @@ bubbleThemes.light.panelSurface; // "#ffffff"
 
 Every token the library paints with:
 
-| Token            | Paints                                                               |
-| ---------------- | -------------------------------------------------------------------- |
-| `bubbleSurface`  | Fill of the collapsed bubble circle                                  |
+| Token            | Paints                                                                   |
+| ---------------- | ------------------------------------------------------------------------ |
+| `bubbleSurface`  | Fill of the collapsed bubble circle                                      |
 | `bubbleIcon`     | Stroke of the built-in ellipsis glyph (only when a bubble has no `icon`) |
-| `bubbleShadow`   | Drop shadow under each bubble                                        |
-| `focusRing`      | Ring marking the focused bubble                                      |
-| `panelSurface`   | Fill of the expanded panel and its caret                             |
-| `panelText`      | Default text color inside the panel                                  |
-| `panelShadow`    | Drop shadow under the panel                                          |
-| `dismissSurface` | Fill of the drag-to-dismiss target circle                            |
-| `dismissBorder`  | Border of the dismiss target circle                                  |
-| `dismissIcon`    | Stroke of the X inside the dismiss target                            |
+| `bubbleShadow`   | Drop shadow under each bubble                                            |
+| `focusRing`      | Ring marking the focused bubble                                          |
+| `panelSurface`   | Fill of the expanded panel and its caret                                 |
+| `panelText`      | Default text color inside the panel                                      |
+| `panelShadow`    | Drop shadow under the panel                                              |
+| `dismissSurface` | Fill of the drag-to-dismiss target circle                                |
+| `dismissBorder`  | Border of the dismiss target circle                                      |
+| `dismissIcon`    | Stroke of the X inside the dismiss target                                |
 
 Inside the panel, `content` is your element — style it however you like; only `panelText` cascades in as a default.
 

docs/RELEASING.md

@@ -31,7 +31,7 @@ Consequences:
   in it would bypass provenance.
 - The only capability needed to publish is the ability to **push tags and create a GitHub
   Release** (GitHub auth / the `gh` CLI).
-- Publishing fires **only** on a *published GitHub Release*. Pushing a tag alone does
+- Publishing fires **only** on a _published GitHub Release_. Pushing a tag alone does
   **not** publish.
 
 ## Release procedure

playground/components/cards.svelte

@@ -43,9 +43,10 @@
 				onclick={() => toggle(card)}
 				aria-pressed={spawned[card.id] ? "true" : "false"}
 				aria-label={card.title}
-				class="focus-ring flex cursor-pointer items-center gap-2 {corners(i, cards.length)} px-3.5 py-2.5 text-sm font-medium transition-colors {spawned[
-					card.id
-				]
+				class="focus-ring flex cursor-pointer items-center gap-2 {corners(
+					i,
+					cards.length
+				)} px-3.5 py-2.5 text-sm font-medium transition-colors {spawned[card.id]
 					? 'bg-zinc-800 text-white light:bg-zinc-200 light:text-zinc-900'
 					: 'text-zinc-400 hover:bg-zinc-900 hover:text-white light:text-zinc-600 light:hover:bg-zinc-100 light:hover:text-zinc-900'}"
 			>

playground/components/docs-panel.svelte

@@ -13,9 +13,8 @@
 			'href="https://github.com/githyperplexed/bubbles/blob/main/LICENSE"'
 		)
 		.replaceAll('<a href="http', '<a target="_blank" rel="noreferrer" href="http')
-		.replace(
-			/<a target="_blank" rel="noreferrer" href="http[^"]+">([\s\S]*?)<\/a>/g,
-			(anchor) => anchor.replace("</a>", `${externalLinkNote}</a>`)
+		.replace(/<a target="_blank" rel="noreferrer" href="http[^"]+">([\s\S]*?)<\/a>/g, (anchor) =>
+			anchor.replace("</a>", `${externalLinkNote}</a>`)
 		);
 </script>
 

playground/options.test.ts

@@ -1,5 +1,5 @@
-import { describe, expect, test } from "vitest";
 import { contrastIcon } from "$playground/options";
+import { describe, expect, test } from "vitest";
 
 const swatches = [
 	["White", "ffffff"],
@@ -13,9 +13,7 @@ const swatches = [
 
 const channelToLinear = (channel: number): number => {
 	const normalized = channel / 255;
-	return normalized <= 0.03928
-		? normalized / 12.92
-		: ((normalized + 0.055) / 1.055) ** 2.4;
+	return normalized <= 0.03928 ? normalized / 12.92 : ((normalized + 0.055) / 1.055) ** 2.4;
 };
 
 const luminance = (hex: string): number => {

playground/options.ts

@@ -9,9 +9,7 @@ import { MediaQuery } from "svelte/reactivity";
 
 const channelToLinear = (channel: number): number => {
 	const normalized = channel / 255;
-	return normalized <= 0.03928
-		? normalized / 12.92
-		: ((normalized + 0.055) / 1.055) ** 2.4;
+	return normalized <= 0.03928 ? normalized / 12.92 : ((normalized + 0.055) / 1.055) ** 2.4;
 };
 
 const relativeLuminance = (hex: string): number => {

playground/url.ts

@@ -49,7 +49,8 @@ export const writeConfig = (config: PlaygroundConfig): void => {
 	const params = new URLSearchParams();
 	if (config.theme !== defaults.theme) params.set("theme", config.theme);
 	if (config.color) params.set("color", config.color);
-	if (config.initialState !== defaults.initialState) params.set("initial-state", config.initialState);
+	if (config.initialState !== defaults.initialState)
+		params.set("initial-state", config.initialState);
 	if (config.side !== defaults.side) params.set("side", config.side);
 	if (config.vertical !== defaults.vertical) params.set("vertical", `${config.vertical}`);
 	if (config.panelWidth !== defaults.panelWidth) params.set("panel-width", `${config.panelWidth}`);

tests/e2e/accessibility.spec.ts

@@ -7,7 +7,9 @@ test.describe("playground accessibility", () => {
 	test.beforeEach(async ({ page }, testInfo) => {
 		test.skip(testInfo.project.name !== "chromium", "Playground accessibility scans run once.");
 		await page.goto(playgroundUrl);
-		await page.waitForFunction(() => document.querySelector('[role="dialog"][aria-label="Settings"]'));
+		await page.waitForFunction(() =>
+			document.querySelector('[role="dialog"][aria-label="Settings"]')
+		);
 	});
 
 	test("has no automatically detectable axe violations", async ({ page }) => {
@@ -16,31 +18,37 @@ test.describe("playground accessibility", () => {
 	});
 
 	test("has named controls and valid aria-controls references", async ({ page }) => {
-		const unnamed = await page.locator("a[href], button, input, [role='button']").evaluateAll((els) =>
-			els
-				.filter((el) => {
-					const style = getComputedStyle(el);
-					return style.display !== "none" && el.getAttribute("aria-hidden") !== "true";
-				})
-				.filter((el) => {
-					if (el.getAttribute("aria-label")) return false;
-					if (el instanceof HTMLInputElement && el.labels && el.labels.length > 0) return false;
-					return (el.textContent ?? "").trim() === "";
-				})
-				.map((el) => el.outerHTML)
-		);
+		const unnamed = await page
+			.locator("a[href], button, input, [role='button']")
+			.evaluateAll((els) =>
+				els
+					.filter((el) => {
+						const style = getComputedStyle(el);
+						return style.display !== "none" && el.getAttribute("aria-hidden") !== "true";
+					})
+					.filter((el) => {
+						if (el.getAttribute("aria-label")) return false;
+						if (el instanceof HTMLInputElement && el.labels && el.labels.length > 0) return false;
+						return (el.textContent ?? "").trim() === "";
+					})
+					.map((el) => el.outerHTML)
+			);
 		expect(unnamed).toEqual([]);
 
-		const brokenControls = await page.locator("[aria-controls]").evaluateAll((els) =>
-			els
-				.map((el) => el.getAttribute("aria-controls"))
-				.filter((id): id is string => id !== null && document.getElementById(id) === null)
-		);
+		const brokenControls = await page
+			.locator("[aria-controls]")
+			.evaluateAll((els) =>
+				els
+					.map((el) => el.getAttribute("aria-controls"))
+					.filter((id): id is string => id !== null && document.getElementById(id) === null)
+			);
 		expect(brokenControls).toEqual([]);
 	});
 
 	test("announces generated docs links that open a new tab", async ({ page }) => {
-		await page.locator('[role="button"][aria-label="Docs"][aria-controls="bubble-panel-docs"]').click();
+		await page
+			.locator('[role="button"][aria-label="Docs"][aria-controls="bubble-panel-docs"]')
+			.click();
 		const externalLinks = page.locator("[role='dialog'][aria-label='Docs'] a[target='_blank']");
 		await expect(externalLinks.first()).toContainText("opens in new tab");
 	});

tests/e2e/helpers.ts

@@ -38,8 +38,7 @@ export const settled = async (page: Page, timeout = 4000): Promise<void> => {
 	});
 	await page.waitForFunction(
 		() => {
-			const state = (window as unknown as { __settle: { prev: string; stable: number } })
-				.__settle;
+			const state = (window as unknown as { __settle: { prev: string; stable: number } }).__settle;
 			const snapshot = [...document.querySelectorAll('[role="button"][aria-label]')]
 				.map((el) => {
 					const r = el.getBoundingClientRect();

tests/e2e/mobile.spec.ts

@@ -1,4 +1,4 @@
-import { type Page, expect, test } from "@playwright/test";
+import { expect, test, type Page } from "@playwright/test";
 import { bubble } from "./helpers";
 
 // Touch + small-viewport coverage on real mobile devices (Pixel 7 /