From dbeb98bbe427c5e5d3aab114d9dbdaacdd928d97 Mon Sep 17 00:00:00 2001
From: Felipe Coutinho <felipi@live.com>
Date: Mon, 27 Apr 2026 00:11:10 +0000
Subject: [PATCH] =?UTF-8?q?refactor(logo):=20vetorizar=20e=20separar=20Log?=
 =?UTF-8?q?oIcon/LogoText=20em=20arquivos=20pr=C3=B3prios?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Substitui as PNGs raster do componente Logo por SVGs inline e quebra
em dois subcomponentes reutilizáveis:

- LogoIcon (src/shared/components/logo-icon.tsx): SVG do ícone laranja
  (viewBox 0 0 200 200), aceita SVGProps via spread
- LogoText (src/shared/components/logo-text.tsx): SVG do wordmark
  (viewBox 0 0 574.201 89.6), fill #000 + dark:invert para alternar
  preto/branco conforme o tema
- Logo (orquestrador): mantém a API atual (variants full/compact/small,
  invertTextOnDark, colorIcon, iconClassName, textClassName) e agora
  renderiza os SVGs em vez de next/image

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 src/shared/components/logo-icon.tsx | 18 ++++++
 src/shared/components/logo-text.tsx | 18 ++++++
 src/shared/components/logo.tsx      | 87 +++++++++--------------------
 3 files changed, 62 insertions(+), 61 deletions(-)
 create mode 100644 src/shared/components/logo-icon.tsx
 create mode 100644 src/shared/components/logo-text.tsx

diff --git a/src/shared/components/logo-icon.tsx b/src/shared/components/logo-icon.tsx
new file mode 100644
index 0000000..d57c0db
--- /dev/null
+++ b/src/shared/components/logo-icon.tsx
@@ -0,0 +1,18 @@
+import type { SVGProps } from "react";
+
+export function LogoIcon(props: SVGProps<SVGSVGElement>) {
+	return (
+		<svg
+			xmlns="http://www.w3.org/2000/svg"
+			viewBox="0 0 200 200"
+			role="img"
+			aria-label="OpenMonetis"
+			{...props}
+		>
+			<path
+				fill="#ff7733"
+				d="M 77.66,165.64 L 37.77,141.54 L 63.30,108.72 L 27.13,97.44 L 46.81,50.77 L 77.66,63.08 L 81.91,30.26 L 126.40,29.23 L 126.06,33.85 L 122.87,67.69 L 158.51,50.77 L 178.19,90.26 L 140.96,104.62 L 162.23,127.18 L 132.98,162.56 L 103.19,131.79 Z"
+			/>
+		</svg>
+	);
+}
diff --git a/src/shared/components/logo-text.tsx b/src/shared/components/logo-text.tsx
new file mode 100644
index 0000000..77c6cbf
--- /dev/null
+++ b/src/shared/components/logo-text.tsx
@@ -0,0 +1,18 @@
+import type { SVGProps } from "react";
+
+export function LogoText(props: SVGProps<SVGSVGElement>) {
+	return (
+		<svg
+			xmlns="http://www.w3.org/2000/svg"
+			viewBox="0 0 574.201 89.6"
+			role="img"
+			aria-label="OpenMonetis"
+			fill="#000000"
+			stroke="none"
+			fillRule="evenodd"
+			{...props}
+		>
+			<path d="M 236.6 72.3 L 227.8 72.3 L 227.8 19.7 L 234.9 19.7 L 235.7 27.6 L 236.4 27.6 Q 238.4 24.4 240.9 22.4 Q 243.4 20.4 246.4 19.45 Q 249.4 18.5 252.9 18.5 Q 258 18.5 261.7 20.55 Q 265.4 22.6 267.2 27.6 L 267.8 27.6 Q 269.7 24.4 272.2 22.45 Q 274.7 20.5 277.8 19.5 Q 280.9 18.5 284.4 18.5 Q 289.2 18.5 292.8 20.15 Q 296.4 21.8 298.45 25.55 Q 300.5 29.3 300.5 35.6 L 300.5 72.3 L 291.7 72.3 L 291.7 37 Q 291.7 33.8 290.95 31.7 Q 290.2 29.6 288.8 28.45 Q 287.4 27.3 285.55 26.8 Q 283.7 26.3 281.6 26.3 Q 278.1 26.3 275.15 28.1 Q 272.2 29.9 270.4 33.3 Q 268.6 36.7 268.6 41.4 L 268.6 72.3 L 259.8 72.3 L 259.8 37 Q 259.8 33.8 259 31.7 Q 258.2 29.6 256.9 28.45 Q 255.6 27.3 253.75 26.8 Q 251.9 26.3 249.9 26.3 Q 246.3 26.3 243.25 28.1 Q 240.2 29.9 238.4 33.3 Q 236.6 36.7 236.6 41.4 L 236.6 72.3 Z M 530.8 55.9 L 539.5 55.9 Q 539.4 56.3 539.4 56.6 L 539.4 57.2 Q 539.5 60.7 541.25 62.7 Q 543 64.7 546.1 65.5 Q 549.2 66.3 553 66.3 Q 556.3 66.3 559.1 65.45 Q 561.9 64.6 563.55 62.85 Q 565.2 61.1 565.2 58.4 Q 565.2 55.1 563.05 53.35 Q 560.9 51.6 557.4 50.6 Q 553.9 49.6 550.1 48.5 Q 546.9 47.6 543.7 46.5 Q 540.5 45.4 537.95 43.8 Q 535.4 42.2 533.85 39.65 Q 532.3 37.1 532.3 33.2 Q 532.3 29.7 533.75 27 Q 535.2 24.3 537.9 22.4 Q 540.6 20.5 544.45 19.55 Q 548.3 18.6 553 18.6 Q 558 18.6 561.75 19.7 Q 565.5 20.8 568 22.8 Q 570.5 24.8 571.7 27.35 Q 572.9 29.9 572.9 32.8 L 572.9 33.95 Q 572.9 34.5 572.8 34.8 L 564.2 34.8 L 564.2 33.7 Q 564.2 31.7 563.15 29.85 Q 562.1 28 559.55 26.85 Q 557 25.7 552.5 25.7 Q 549.6 25.7 547.5 26.15 Q 545.4 26.6 544 27.55 Q 542.6 28.5 541.9 29.75 Q 541.2 31 541.2 32.6 Q 541.2 35.2 542.9 36.6 Q 544.6 38 547.45 38.9 Q 550.3 39.8 553.6 40.9 Q 557.1 41.9 560.75 42.95 Q 564.4 44 567.45 45.6 Q 570.5 47.2 572.35 49.95 Q 574.2 52.7 574.2 57.2 Q 574.2 61.4 572.6 64.5 Q 571 67.6 568.05 69.6 Q 565.1 71.6 561.15 72.55 Q 557.2 73.5 552.5 73.5 Q 547.1 73.5 543 72.4 Q 538.9 71.3 536.2 69.2 Q 533.5 67.1 532.1 64.2 Q 530.7 61.3 530.7 57.6 L 530.7 56.65 Q 530.7 56.2 530.8 55.9 Z M 180.3 72.3 L 171.5 72.3 L 171.5 19.7 L 178.6 19.7 L 179.4 27.6 L 180.1 27.6 Q 182.2 24.4 184.85 22.4 Q 187.5 20.4 190.75 19.45 Q 194 18.5 197.7 18.5 Q 202.7 18.5 206.45 20.2 Q 210.2 21.9 212.35 25.7 Q 214.5 29.5 214.5 36 L 214.5 72.3 L 205.7 72.3 L 205.7 37.2 Q 205.7 33.9 204.85 31.8 Q 204 29.7 202.55 28.5 Q 201.1 27.3 199.05 26.8 Q 197 26.3 194.5 26.3 Q 190.8 26.3 187.5 28.1 Q 184.2 29.9 182.25 33.3 Q 180.3 36.7 180.3 41.4 L 180.3 72.3 Z M 379.6 72.3 L 370.8 72.3 L 370.8 19.7 L 377.9 19.7 L 378.7 27.6 L 379.4 27.6 Q 381.5 24.4 384.15 22.4 Q 386.8 20.4 390.05 19.45 Q 393.3 18.5 397 18.5 Q 402 18.5 405.75 20.2 Q 409.5 21.9 411.65 25.7 Q 413.8 29.5 413.8 36 L 413.8 72.3 L 405 72.3 L 405 37.2 Q 405 33.9 404.15 31.8 Q 403.3 29.7 401.85 28.5 Q 400.4 27.3 398.35 26.8 Q 396.3 26.3 393.8 26.3 Q 390.1 26.3 386.8 28.1 Q 383.5 29.9 381.55 33.3 Q 379.6 36.7 379.6 41.4 L 379.6 72.3 Z M 160.6 44 L 160.6 48.2 L 122.8 48.2 Q 123 54.5 124.65 58.55 Q 126.3 62.6 129.6 64.45 Q 132.9 66.3 137.9 66.3 Q 141.3 66.3 143.85 65.45 Q 146.4 64.6 148.15 63 Q 149.9 61.4 150.8 59.2 Q 151.7 57 151.8 54.4 L 160.4 54.4 Q 160.3 58.6 158.8 62.15 Q 157.3 65.7 154.4 68.2 Q 151.5 70.7 147.3 72.1 Q 143.1 73.5 137.7 73.5 Q 129.9 73.5 124.55 70.55 Q 119.2 67.6 116.45 61.5 Q 113.7 55.4 113.7 46 Q 113.7 36.5 116.45 30.45 Q 119.2 24.4 124.6 21.45 Q 130 18.5 138.1 18.5 Q 145.5 18.5 150.5 21.35 Q 155.5 24.2 158.05 29.85 Q 160.6 35.5 160.6 44 Z M 471 44 L 471 48.2 L 433.2 48.2 Q 433.4 54.5 435.05 58.55 Q 436.7 62.6 440 64.45 Q 443.3 66.3 448.3 66.3 Q 451.7 66.3 454.25 65.45 Q 456.8 64.6 458.55 63 Q 460.3 61.4 461.2 59.2 Q 462.1 57 462.2 54.4 L 470.8 54.4 Q 470.7 58.6 469.2 62.15 Q 467.7 65.7 464.8 68.2 Q 461.9 70.7 457.7 72.1 Q 453.5 73.5 448.1 73.5 Q 440.3 73.5 434.95 70.55 Q 429.6 67.6 426.85 61.5 Q 424.1 55.4 424.1 46 Q 424.1 36.5 426.85 30.45 Q 429.6 24.4 435 21.45 Q 440.4 18.5 448.5 18.5 Q 455.9 18.5 460.9 21.35 Q 465.9 24.2 468.45 29.85 Q 471 35.5 471 44 Z M 68.8 89.6 L 60 89.6 L 60 19.7 L 67 19.7 L 67.9 27.2 L 68.6 27.2 Q 71.3 22.8 75.5 20.65 Q 79.7 18.5 85 18.5 Q 91.6 18.5 96.2 21.4 Q 100.8 24.3 103.3 30.45 Q 105.8 36.6 105.8 46.4 Q 105.8 55.6 103.25 61.65 Q 100.7 67.7 96.1 70.6 Q 91.5 73.5 85.4 73.5 Q 82 73.5 79 72.7 Q 76 71.9 73.6 70.15 Q 71.2 68.4 69.4 65.7 L 68.8 65.7 L 68.8 89.6 Z M 483.5 62.4 L 483.5 27.1 L 476.7 27.1 L 476.7 19.7 L 483.7 19.7 L 485.3 5 L 492.3 5 L 492.3 19.7 L 502.2 19.7 L 502.2 27.1 L 492.3 27.1 L 492.3 61.1 Q 492.3 63.6 493.2 64.85 Q 494.1 66.1 496.6 66.1 L 502.2 66.1 L 502.2 71.9 Q 501.2 72.4 499.8 72.7 Q 498.4 73 496.95 73.25 Q 495.5 73.5 494.2 73.5 Q 490.1 73.5 487.8 71.95 Q 485.5 70.4 484.5 67.85 Q 483.5 65.3 483.5 62.4 Z M 24.6 73.5 Q 16.6 73.5 11.15 70.55 Q 5.7 67.6 2.85 61.5 Q 0 55.4 0 46 Q 0 36.5 2.85 30.45 Q 5.7 24.4 11.15 21.45 Q 16.6 18.5 24.6 18.5 Q 32.6 18.5 38.05 21.45 Q 43.5 24.4 46.3 30.45 Q 49.1 36.5 49.1 46 Q 49.1 55.4 46.3 61.5 Q 43.5 67.6 38.05 70.55 Q 32.6 73.5 24.6 73.5 Z M 335.4 73.5 Q 327.4 73.5 321.95 70.55 Q 316.5 67.6 313.65 61.5 Q 310.8 55.4 310.8 46 Q 310.8 36.5 313.65 30.45 Q 316.5 24.4 321.95 21.45 Q 327.4 18.5 335.4 18.5 Q 343.4 18.5 348.85 21.45 Q 354.3 24.4 357.1 30.45 Q 359.9 36.5 359.9 46 Q 359.9 55.4 357.1 61.5 Q 354.3 67.6 348.85 70.55 Q 343.4 73.5 335.4 73.5 Z M 520.4 72.3 L 511.6 72.3 L 511.6 19.7 L 520.4 19.7 L 520.4 72.3 Z M 40 47.1 Q 40 53.6 38.25 57.85 Q 36.5 62.1 33.1 64.1 Q 29.7 66.1 24.6 66.1 Q 19.5 66.1 16.05 64.1 Q 12.6 62.1 10.9 57.85 Q 9.2 53.6 9.2 47.1 L 9.2 44.9 Q 9.2 38.3 10.9 34.1 Q 12.6 29.9 16.05 27.9 Q 19.5 25.9 24.6 25.9 Q 29.7 25.9 33.1 27.9 Q 36.5 29.9 38.25 34.1 Q 40 38.3 40 44.9 L 40 47.1 Z M 350.8 47.1 Q 350.8 53.6 349.05 57.85 Q 347.3 62.1 343.9 64.1 Q 340.5 66.1 335.4 66.1 Q 330.3 66.1 326.85 64.1 Q 323.4 62.1 321.7 57.85 Q 320 53.6 320 47.1 L 320 44.9 Q 320 38.3 321.7 34.1 Q 323.4 29.9 326.85 27.9 Q 330.3 25.9 335.4 25.9 Q 340.5 25.9 343.9 27.9 Q 347.3 29.9 349.05 34.1 Q 350.8 38.3 350.8 44.9 L 350.8 47.1 Z M 96.7 47.1 Q 96.7 53.6 95.2 57.75 Q 93.7 61.9 90.6 63.85 Q 87.5 65.8 82.6 65.8 Q 79.8 65.8 77.3 64.9 Q 74.8 64 72.85 61.8 Q 70.9 59.6 69.85 55.95 Q 68.8 52.3 68.8 46.8 L 68.8 45.3 Q 68.8 39.1 70.25 34.8 Q 71.7 30.5 74.85 28.35 Q 78 26.2 82.9 26.2 Q 87.4 26.2 90.45 28 Q 93.5 29.8 95.1 33.95 Q 96.7 38.1 96.7 45 L 96.7 47.1 Z M 123 41.6 Q 123.4 36.1 125.1 32.6 Q 126.8 29.1 130 27.4 Q 133.2 25.7 137.8 25.7 Q 140.9 25.7 143.35 26.55 Q 145.8 27.4 147.65 29.3 Q 149.5 31.2 150.5 34.2 Q 151.5 37.2 151.5 41.6 L 123 41.6 Z M 433.4 41.6 Q 433.8 36.1 435.5 32.6 Q 437.2 29.1 440.4 27.4 Q 443.6 25.7 448.2 25.7 Q 451.3 25.7 453.75 26.55 Q 456.2 27.4 458.05 29.3 Q 459.9 31.2 460.9 34.2 Q 461.9 37.2 461.9 41.6 L 433.4 41.6 Z M 520.4 9.8 L 511.6 9.8 L 511.6 0 L 520.4 0 L 520.4 9.8 Z" />
+		</svg>
+	);
+}
diff --git a/src/shared/components/logo.tsx b/src/shared/components/logo.tsx
index 4e53a18..d807d2f 100644
--- a/src/shared/components/logo.tsx
+++ b/src/shared/components/logo.tsx
@@ -1,4 +1,5 @@
-import Image from "next/image";
+import { LogoIcon } from "@/shared/components/logo-icon";
+import { LogoText } from "@/shared/components/logo-text";
 import { cn } from "@/shared/utils/ui";
 
 interface LogoProps {
@@ -27,75 +28,39 @@ export function Logo({
 	if (variant === "compact") {
 		return (
 			<div className={cn("flex items-center gap-1", className)}>
-				<div className="relative size-8 shrink-0">
-					<Image
-						src="/images/logo_small.png"
-						alt="OpenMonetis"
-						fill
-						sizes="32px"
-						className={cn(
-							"object-contain",
-							!colorIcon && iconFilterClass,
-							iconClassName,
-						)}
-						priority
-					/>
-				</div>
-				<div className="relative hidden h-8 w-[110px] shrink-0 sm:block">
-					<Image
-						src="/images/logo_text.png"
-						alt="OpenMonetis"
-						fill
-						sizes="110px"
-						className={cn(
-							"object-contain",
-							invertTextOnDark && "dark:invert",
-							textClassName,
-						)}
-						priority
-					/>
-				</div>
+				<LogoIcon
+					className={cn(
+						"size-8 shrink-0",
+						!colorIcon && iconFilterClass,
+						iconClassName,
+					)}
+				/>
+				<LogoText
+					className={cn(
+						"hidden h-auto w-[110px] shrink-0 sm:block",
+						invertTextOnDark && "dark:invert",
+						textClassName,
+					)}
+				/>
 			</div>
 		);
 	}
 
 	if (variant === "small") {
-		return (
-			<div className={cn("relative size-8 shrink-0", className)}>
-				<Image
-					src="/images/logo_small.png"
-					alt="OpenMonetis"
-					fill
-					sizes="32px"
-					className="object-contain"
-					priority
-				/>
-			</div>
-		);
+		return <LogoIcon className={cn("size-8 shrink-0", className)} />;
 	}
 
 	return (
 		<div className={cn("flex items-center gap-1.5 py-4", className)}>
-			<div className="relative size-7 shrink-0">
-				<Image
-					src="/images/logo_small.png"
-					alt="OpenMonetis"
-					fill
-					sizes="28px"
-					className={cn("object-contain", !colorIcon && iconFilterClass)}
-					priority
-				/>
-			</div>
-			<div className="relative h-8 w-[100px] shrink-0">
-				<Image
-					src="/images/logo_text.png"
-					alt="OpenMonetis"
-					fill
-					sizes="100px"
-					className={cn("object-contain", invertTextOnDark && "dark:invert")}
-					priority
-				/>
-			</div>
+			<LogoIcon
+				className={cn("size-7 shrink-0", !colorIcon && iconFilterClass)}
+			/>
+			<LogoText
+				className={cn(
+					"h-auto w-[100px] shrink-0",
+					invertTextOnDark && "dark:invert",
+				)}
+			/>
 		</div>
 	);
 }