From ed26bc548a3a7ba87baa7e026fecaf3449e8442c Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Wed, 22 Jul 2026 22:35:13 +0200
Subject: Remove emoji components

---
 src/ui/layouts/EmojiGrid.tsx | 40 ----------------------------------------
 src/ui/objects/Emoji.tsx     | 21 ---------------------
 2 files changed, 61 deletions(-)
 delete mode 100644 src/ui/layouts/EmojiGrid.tsx
 delete mode 100644 src/ui/objects/Emoji.tsx

(limited to 'src/ui')

diff --git a/src/ui/layouts/EmojiGrid.tsx b/src/ui/layouts/EmojiGrid.tsx
deleted file mode 100644
index 5dc9266..0000000
--- a/src/ui/layouts/EmojiGrid.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import type { HTMLAttributes } from "corvos/plugins/jsx.ts";
-
-export type Props = HTMLAttributes<"ul"> & {
-	id: string;
-	sprite: {
-		variants: { size: number; space: number }[];
-		wrap: number;
-	};
-	count: number;
-};
-
-export const EmojiGrid = ({ id, sprite, count, class: cls, ...props }: Props) => {
-	const size = sprite.variants[0]?.size ?? 48;
-	const space = sprite.variants[0]?.space ?? 2;
-	const { wrap } = sprite;
-
-	const src = `/emojis/${id}/sprite48.avif`;
-	const srcset = `/emojis/${id}/sprite48.avif 1x, /emojis/${id}/sprite96.avif 2x`;
-
-	const offsetX = (i: number) => -1 * (size + space) * (i % wrap);
-	const offsetY = (i: number) => -1 * (size + space) * Math.floor(i / wrap);
-
-	return (
-		<ul class:list={["l-emoji-grid", cls]} style={{ "--emoji-size": `${size}px` }} {...props}>
-			{[...Array(count).keys()].map((i) => (
-				<li>
-					<img
-						alt=""
-						class="l-emoji-grid__emoji"
-						src={src}
-						srcset={srcset}
-						width={size}
-						height={size}
-						style={{ "object-position": `${offsetX(i)}px ${offsetY(i)}px` }}
-					/>
-				</li>
-			))}
-		</ul>
-	);
-};
diff --git a/src/ui/objects/Emoji.tsx b/src/ui/objects/Emoji.tsx
deleted file mode 100644
index f04f776..0000000
--- a/src/ui/objects/Emoji.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import site from "@/corvos.config.ts";
-
-export interface Props {
-	pack: string;
-	emoji: string;
-	size?: "125" | "150" | "200";
-	class?: string;
-}
-
-export const Emoji = site.$.component(
-	({ pack, emoji, size, class: cls, ...props }: Props, pages) => {
-		const query = site.$.query(pages);
-		const sprite = query.type(".svg").match({ emojiPack: pack }).one();
-
-		return (
-			<svg class:list={["o-emoji o-emoji--sprite", { [`o-emoji--${size}`]: size }, cls]} {...props}>
-				<use href={`${sprite.url}#${emoji}`} />
-			</svg>
-		);
-	},
-);
-- 
cgit v1.3.1