@licklist/design 0.78.5-dev.91 → 0.78.5-dev.93

package/src/v2/shadcn/_reference/games/RunnerGame.tsx

@@ -0,0 +1,497 @@
+import React, { useEffect, useRef, useState, useCallback } from 'react';
+import { useIsMobile } from '../../hooks/use-mobile';
+
+const CANVAS_W = 320;
+const CANVAS_H = 180;
+const GROUND_Y = 150;
+const PLAYER_W = 14;
+const PLAYER_H = 20;
+const PLAYER_DUCK_H = 12;
+const GRAVITY = 0.6;
+const JUMP_FORCE = -9;
+const SCROLL_SPEED = 2.5;
+const SPIKE_BEHIND_OFFSET = 40;
+
+const OBSTACLE_TYPES = [
+  { width: 14, height: 16, type: 'ground' as const },
+  { width: 20, height: 10, type: 'air' as const },
+  { width: 12, height: 20, type: 'tall' as const },
+];
+
+interface Obstacle {
+  x: number;
+  width: number;
+  height: number;
+  type: 'ground' | 'air' | 'tall';
+  passed: boolean;
+}
+
+interface GameState {
+  playerX: number;
+  playerY: number;
+  playerVY: number;
+  isDucking: boolean;
+  isJumping: boolean;
+  obstacles: Obstacle[];
+  spikesX: number;
+  score: number;
+  lives: number;
+  gameOver: boolean;
+  started: boolean;
+  invincible: number;
+  lastObstacleX: number;
+  scrollOffset: number;
+}
+
+const DPad: React.FC<{
+  onDown: (action: string) => void;
+  onUp: (action: string) => void;
+}> = ({ onDown, onUp }) => {
+  const btnClass = "w-10 h-10 flex items-center justify-center border border-border-primary rounded-lg bg-surface-secondary text-label-primary text-base font-mono active:bg-surface-tertiary select-none touch-manipulation";
+
+  const handle = (action: string, type: 'down' | 'up') => (e: React.TouchEvent | React.MouseEvent) => {
+    e.preventDefault();
+    type === 'down' ? onDown(action) : onUp(action);
+  };
+
+  return (
+    <div className="flex items-center gap-6">
+      <button
+        className={btnClass}
+        onTouchStart={handle('left', 'down')}
+        onTouchEnd={handle('left', 'up')}
+        onMouseDown={handle('left', 'down')}
+        onMouseUp={handle('left', 'up')}
+        type="button"
+      >←</button>
+      <div className="flex flex-col items-center gap-1">
+        <button
+          className={btnClass}
+          onTouchStart={handle('jump', 'down')}
+          onTouchEnd={handle('jump', 'up')}
+          onMouseDown={handle('jump', 'down')}
+          onMouseUp={handle('jump', 'up')}
+          type="button"
+        >↑</button>
+        <button
+          className={btnClass}
+          onTouchStart={handle('duck', 'down')}
+          onTouchEnd={handle('duck', 'up')}
+          onMouseDown={handle('duck', 'down')}
+          onMouseUp={handle('duck', 'up')}
+          type="button"
+        >↓</button>
+      </div>
+      <button
+        className={btnClass}
+        onTouchStart={handle('right', 'down')}
+        onTouchEnd={handle('right', 'up')}
+        onMouseDown={handle('right', 'down')}
+        onMouseUp={handle('right', 'up')}
+        type="button"
+      >→</button>
+    </div>
+  );
+};
+
+const RunnerGame: React.FC = () => {
+  const canvasRef = useRef<HTMLCanvasElement>(null);
+  const isMobile = useIsMobile();
+  const stateRef = useRef<GameState>({
+    playerX: 60,
+    playerY: GROUND_Y - PLAYER_H,
+    playerVY: 0,
+    isDucking: false,
+    isJumping: false,
+    obstacles: [],
+    spikesX: -SPIKE_BEHIND_OFFSET,
+    score: 0,
+    lives: 3,
+    gameOver: false,
+    started: false,
+    invincible: 0,
+    lastObstacleX: CANVAS_W + 100,
+    scrollOffset: 0,
+  });
+  const keysRef = useRef<Set<string>>(new Set());
+  const animRef = useRef<number>(0);
+  const [lives, setLives] = useState(3);
+  const [score, setScore] = useState(0);
+  const [gameOver, setGameOver] = useState(false);
+  const [started, setStarted] = useState(false);
+
+  const resetGame = useCallback(() => {
+    const s = stateRef.current;
+    s.playerX = 60;
+    s.playerY = GROUND_Y - PLAYER_H;
+    s.playerVY = 0;
+    s.isDucking = false;
+    s.isJumping = false;
+    s.obstacles = [];
+    s.spikesX = -SPIKE_BEHIND_OFFSET;
+    s.score = 0;
+    s.lives = 3;
+    s.gameOver = false;
+    s.started = false;
+    s.invincible = 0;
+    s.lastObstacleX = CANVAS_W + 100;
+    s.scrollOffset = 0;
+    setLives(3);
+    setScore(0);
+    setGameOver(false);
+    setStarted(false);
+  }, []);
+
+  const spawnObstacle = useCallback(() => {
+    const s = stateRef.current;
+    const gap = 80 + Math.random() * 100;
+    const type = OBSTACLE_TYPES[Math.floor(Math.random() * OBSTACLE_TYPES.length)];
+    const obs: Obstacle = {
+      x: s.lastObstacleX + gap,
+      width: type.width,
+      height: type.height,
+      type: type.type,
+      passed: false,
+    };
+    s.obstacles.push(obs);
+    s.lastObstacleX = obs.x;
+  }, []);
+
+  const draw = useCallback(() => {
+    const canvas = canvasRef.current;
+    if (!canvas) return;
+    const ctx = canvas.getContext('2d');
+    if (!ctx) return;
+    const s = stateRef.current;
+
+    const cs = getComputedStyle(document.documentElement);
+    const wallColor = cs.getPropertyValue('--fill-secondary').trim();
+    const playerColor = cs.getPropertyValue('--fill-primary').trim();
+    const bgColor = cs.getPropertyValue('--surface-primary').trim();
+    const dangerColor = cs.getPropertyValue('--status-error').trim();
+    const accentColor = cs.getPropertyValue('--fill-action').trim();
+
+    ctx.fillStyle = bgColor;
+    ctx.fillRect(0, 0, CANVAS_W, CANVAS_H);
+
+    ctx.strokeStyle = wallColor;
+    ctx.lineWidth = 2;
+    ctx.beginPath();
+    ctx.moveTo(0, GROUND_Y);
+    ctx.lineTo(CANVAS_W, GROUND_Y);
+    ctx.stroke();
+
+    ctx.fillStyle = wallColor;
+    for (let i = 0; i < 20; i++) {
+      const dotX = ((i * 20 - (s.scrollOffset * 0.5) % 20) + 400) % 400 - 40;
+      ctx.fillRect(dotX, GROUND_Y + 4 + (i % 3) * 4, 2, 2);
+    }
+
+    if (s.started) {
+      const spikeScreenX = s.spikesX - s.scrollOffset + 60;
+      ctx.fillStyle = dangerColor;
+      for (let i = 0; i < 8; i++) {
+        const sx = spikeScreenX - i * 8;
+        if (sx < -10) continue;
+        ctx.beginPath();
+        ctx.moveTo(sx, GROUND_Y);
+        ctx.lineTo(sx + 4, GROUND_Y - 12);
+        ctx.lineTo(sx + 8, GROUND_Y);
+        ctx.fill();
+      }
+    }
+
+    for (const obs of s.obstacles) {
+      const ox = obs.x - s.scrollOffset + 60;
+      if (ox < -30 || ox > CANVAS_W + 30) continue;
+
+      ctx.fillStyle = wallColor;
+      if (obs.type === 'ground') {
+        const oy = GROUND_Y - obs.height;
+        ctx.fillRect(ox, oy, obs.width, obs.height);
+        ctx.strokeStyle = bgColor;
+        ctx.lineWidth = 1;
+        ctx.strokeRect(ox + 2, oy + 2, obs.width - 4, obs.height - 4);
+        ctx.beginPath();
+        ctx.moveTo(ox + 2, oy + 2);
+        ctx.lineTo(ox + obs.width - 2, oy + obs.height - 2);
+        ctx.moveTo(ox + obs.width - 2, oy + 2);
+        ctx.lineTo(ox + 2, oy + obs.height - 2);
+        ctx.stroke();
+      } else if (obs.type === 'air') {
+        const oy = GROUND_Y - 26;
+        ctx.fillRect(ox, oy, obs.width, obs.height);
+        ctx.fillStyle = dangerColor;
+        for (let si = 0; si < obs.width; si += 6) {
+          ctx.fillRect(ox + si, oy, 3, obs.height);
+        }
+      } else {
+        const oy = GROUND_Y - obs.height;
+        ctx.fillRect(ox, oy, obs.width, obs.height);
+        ctx.fillStyle = accentColor;
+        ctx.fillRect(ox + 2, oy + 2, obs.width - 4, 4);
+      }
+    }
+
+    const pH = s.isDucking ? PLAYER_DUCK_H : PLAYER_H;
+    const pY = s.isDucking ? GROUND_Y - PLAYER_DUCK_H : s.playerY;
+    const screenPX = 60;
+
+    if (s.invincible > 0 && Math.floor(s.invincible / 4) % 2 === 0) {
+      // blink
+    } else {
+      ctx.fillStyle = playerColor;
+      ctx.fillRect(screenPX, pY, PLAYER_W, pH);
+      ctx.fillStyle = bgColor;
+      if (s.isDucking) {
+        ctx.fillRect(screenPX + 3, pY + 2, 3, 3);
+        ctx.fillRect(screenPX + PLAYER_W - 6, pY + 2, 3, 3);
+      } else {
+        ctx.fillRect(screenPX + 3, pY + 4, 3, 3);
+        ctx.fillRect(screenPX + PLAYER_W - 6, pY + 4, 3, 3);
+      }
+      if (!s.isJumping) {
+        const legFrame = Math.floor(s.scrollOffset / 8) % 2;
+        ctx.fillStyle = playerColor;
+        if (legFrame === 0) {
+          ctx.fillRect(screenPX + 2, pY + pH, 4, 3);
+          ctx.fillRect(screenPX + PLAYER_W - 6, pY + pH - 2, 4, 2);
+        } else {
+          ctx.fillRect(screenPX + 2, pY + pH - 2, 4, 2);
+          ctx.fillRect(screenPX + PLAYER_W - 6, pY + pH, 4, 3);
+        }
+      }
+    }
+
+    ctx.fillStyle = dangerColor;
+    for (let i = 0; i < s.lives; i++) {
+      const hx = 8 + i * 16;
+      const hy = 8;
+      ctx.fillRect(hx + 1, hy, 2, 2);
+      ctx.fillRect(hx + 5, hy, 2, 2);
+      ctx.fillRect(hx, hy + 2, 8, 2);
+      ctx.fillRect(hx + 1, hy + 4, 6, 2);
+      ctx.fillRect(hx + 2, hy + 6, 4, 2);
+      ctx.fillRect(hx + 3, hy + 8, 2, 1);
+    }
+
+    ctx.fillStyle = wallColor;
+    ctx.font = '10px "Geist Mono", monospace';
+    ctx.textAlign = 'right';
+    ctx.fillText(`${Math.floor(s.score)}m`, CANVAS_W - 8, 16);
+  }, []);
+
+  const startGame = useCallback(() => {
+    const s = stateRef.current;
+    if (!s.started && !s.gameOver) {
+      s.started = true;
+      setStarted(true);
+    }
+  }, []);
+
+  const gameLoop = useCallback(() => {
+    const s = stateRef.current;
+    if (s.gameOver || !s.started) {
+      draw();
+      return;
+    }
+
+    const keys = keysRef.current;
+
+    if (keys.has('ArrowRight') || keys.has('d') || keys.has('D') || keys.has('_right')) {
+      s.playerX += 1;
+    }
+    if (keys.has('ArrowLeft') || keys.has('a') || keys.has('A') || keys.has('_left')) {
+      s.playerX -= 0.5;
+    }
+
+    if ((keys.has('ArrowUp') || keys.has('w') || keys.has('W') || keys.has(' ') || keys.has('_jump')) && !s.isJumping) {
+      s.playerVY = JUMP_FORCE;
+      s.isJumping = true;
+    }
+
+    s.isDucking = keys.has('ArrowDown') || keys.has('s') || keys.has('S') || keys.has('_duck');
+
+    s.playerVY += GRAVITY;
+    s.playerY += s.playerVY;
+    if (s.playerY >= GROUND_Y - PLAYER_H) {
+      s.playerY = GROUND_Y - PLAYER_H;
+      s.playerVY = 0;
+      s.isJumping = false;
+    }
+
+    s.scrollOffset += SCROLL_SPEED;
+    s.score += SCROLL_SPEED * 0.1;
+    s.spikesX = s.playerX - SPIKE_BEHIND_OFFSET;
+
+    while (s.lastObstacleX - s.scrollOffset < CANVAS_W + 50) {
+      spawnObstacle();
+    }
+
+    if (s.invincible > 0) {
+      s.invincible--;
+    } else {
+      const pH = s.isDucking ? PLAYER_DUCK_H : PLAYER_H;
+      const pY = s.isDucking ? GROUND_Y - PLAYER_DUCK_H : s.playerY;
+      const pLeft = s.playerX;
+      const pRight = s.playerX + PLAYER_W;
+      const pTop = pY;
+      const pBottom = pY + pH;
+
+      for (const obs of s.obstacles) {
+        let oLeft = obs.x;
+        let oRight = obs.x + obs.width;
+        let oTop: number, oBottom: number;
+
+        if (obs.type === 'air') {
+          oTop = GROUND_Y - 26;
+          oBottom = oTop + obs.height;
+        } else {
+          oTop = GROUND_Y - obs.height;
+          oBottom = GROUND_Y;
+        }
+
+        if (pRight > oLeft && pLeft < oRight && pBottom > oTop && pTop < oBottom) {
+          s.lives--;
+          setLives(s.lives);
+          if (s.lives <= 0) {
+            s.gameOver = true;
+            setGameOver(true);
+          } else {
+            s.invincible = 60;
+          }
+          break;
+        }
+      }
+
+      const spikeScreenRight = s.spikesX + 8 * 8;
+      if (pLeft < spikeScreenRight + 4) {
+        s.lives--;
+        setLives(s.lives);
+        if (s.lives <= 0) {
+          s.gameOver = true;
+          setGameOver(true);
+        } else {
+          s.invincible = 60;
+          s.playerX += 20;
+        }
+      }
+    }
+
+    s.obstacles = s.obstacles.filter(o => o.x - s.scrollOffset > -100);
+
+    setScore(Math.floor(s.score));
+    draw();
+    animRef.current = requestAnimationFrame(gameLoop);
+  }, [draw, spawnObstacle]);
+
+  const handleDPadDown = useCallback((action: string) => {
+    const s = stateRef.current;
+    if (!s.started && !s.gameOver) {
+      startGame();
+      animRef.current = requestAnimationFrame(gameLoop);
+    }
+    if (s.gameOver) {
+      resetGame();
+      return;
+    }
+    keysRef.current.add(`_${action}`);
+  }, [gameLoop, resetGame, startGame]);
+
+  const handleDPadUp = useCallback((action: string) => {
+    keysRef.current.delete(`_${action}`);
+  }, []);
+
+  useEffect(() => {
+    const handleKeyDown = (e: KeyboardEvent) => {
+      const gameKeys = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'w', 'a', 's', 'd', 'W', 'A', 'S', 'D', ' '];
+      if (!gameKeys.includes(e.key)) return;
+      e.preventDefault();
+      keysRef.current.add(e.key);
+
+      const s = stateRef.current;
+      if (!s.started && !s.gameOver) {
+        s.started = true;
+        setStarted(true);
+        animRef.current = requestAnimationFrame(gameLoop);
+      }
+      if (s.gameOver && e.key === ' ') {
+        resetGame();
+      }
+    };
+
+    const handleKeyUp = (e: KeyboardEvent) => {
+      keysRef.current.delete(e.key);
+    };
+
+    window.addEventListener('keydown', handleKeyDown);
+    window.addEventListener('keyup', handleKeyUp);
+    draw();
+
+    return () => {
+      window.removeEventListener('keydown', handleKeyDown);
+      window.removeEventListener('keyup', handleKeyUp);
+      cancelAnimationFrame(animRef.current);
+    };
+  }, [draw, gameLoop, resetGame]);
+
+  return (
+    <div className="flex flex-col items-center gap-3">
+      <div className="border border-border-primary rounded-lg overflow-hidden relative">
+        <canvas
+          ref={canvasRef}
+          width={CANVAS_W}
+          height={CANVAS_H}
+          className="block"
+          style={{ imageRendering: 'pixelated' }}
+        />
+        {!started && !gameOver && (
+          <div className="absolute inset-0 flex flex-col items-center justify-center bg-surface-primary/80 gap-2">
+            <p className="text-[13px] font-mono text-label-primary">
+              {isMobile ? 'Tap an arrow to run!' : 'Press any direction to run!'}
+            </p>
+            {!isMobile && (
+              <div className="flex gap-1">
+                {['↑', '←', '↓', '→'].map((k) => (
+                  <span key={k} className="w-7 h-7 flex items-center justify-center border border-border-primary rounded bg-surface-secondary text-label-primary text-[13px] font-mono">
+                    {k}
+                  </span>
+                ))}
+              </div>
+            )}
+          </div>
+        )}
+        {gameOver && (
+          <div className="absolute inset-0 flex flex-col items-center justify-center bg-surface-primary/90 gap-2">
+            <p className="text-[15px] font-bold text-label-primary font-mono">GAME OVER</p>
+            <p className="text-[13px] text-label-secondary font-mono">Distance: {score}m</p>
+            <p className="text-[10px] text-label-secondary font-mono">
+              {isMobile ? 'Tap any arrow to retry' : 'Press SPACE to retry'}
+            </p>
+          </div>
+        )}
+      </div>
+
+      {isMobile ? (
+        <DPad onDown={handleDPadDown} onUp={handleDPadUp} />
+      ) : (
+        <div className="flex items-center gap-3 text-[10px] font-mono text-label-secondary">
+          <span className="flex items-center gap-1">
+            <span className="w-5 h-5 flex items-center justify-center border border-border-primary rounded bg-surface-secondary text-[9px]">↑</span>
+            Jump
+          </span>
+          <span className="flex items-center gap-1">
+            <span className="w-5 h-5 flex items-center justify-center border border-border-primary rounded bg-surface-secondary text-[9px]">↓</span>
+            Duck
+          </span>
+          <span className="flex items-center gap-1">
+            <span className="w-5 h-5 flex items-center justify-center border border-border-primary rounded bg-surface-secondary text-[9px]">←→</span>
+            Move
+          </span>
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default RunnerGame;

package/src/v2/shadcn/_reference/logos/BookedLogoFull.tsx

@@ -0,0 +1,36 @@
+interface BookedLogoFullProps {
+  className?: string;
+}
+
+export const BookedLogoFull: React.FC<BookedLogoFullProps> = ({ className = "h-7" }) => {
+  return (
+    <svg 
+      width="116" 
+      height="30" 
+      viewBox="0 0 98 25"
+      fill="none" 
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+    >
+      <defs>
+        <linearGradient id="booked-gradient" x1="4.50024" y1="17" x2="21.0002" y2="9.5" gradientUnits="userSpaceOnUse">
+          <stop stopColor="var(--gradient-stop1)" />
+          <stop offset="0.5" stopColor="var(--gradient-stop2)" />
+          <stop offset="1" stopColor="var(--gradient-stop3)" />
+        </linearGradient>
+      </defs>
+      
+      {/* Diamond tick mark - uses gradient */}
+      <path 
+        d="M7.5265 4.86842C9.1925 3.17961 9.9701 2.74305 10.9049 2.45584C11.8397 2.16862 12.7957 2.16862 13.7305 2.45584C14.6653 2.74305 15.4429 3.17961 17.1089 4.86842L19.8327 7.62955C21.4987 9.31836 21.9294 10.1066 22.2127 11.0542C22.496 12.0018 22.496 12.9709 22.2127 13.9185C21.9294 14.8661 21.4987 15.6543 19.8327 17.3431L17.1089 20.1042C15.4429 21.793 14.6653 22.2296 13.7305 22.5168C12.7957 22.804 11.8397 22.804 10.9049 22.5168C9.9701 22.2296 9.1925 21.793 7.5265 20.1042L4.80266 17.3431C3.13666 15.6543 2.70599 14.8661 2.42266 13.9185C2.13933 12.9709 2.13933 12.0018 2.42266 11.0542C2.70599 10.1066 3.13666 9.31836 4.80266 7.62955L7.5265 4.86842ZM9.02372 6.30766L6.26118 9.10803C4.96243 10.4246 4.6069 10.9575 4.39663 11.6607C4.23154 12.2128 4.23154 12.7598 4.39663 13.312C4.6048 14.0082 4.95534 14.5374 6.22249 15.8254L9.02375 18.665C10.2943 19.9495 10.8164 20.3048 11.5032 20.5158C12.0479 20.6832 12.5875 20.6832 13.1322 20.5158C13.8259 20.3027 14.3516 19.9423 15.6504 18.6258L18.3742 15.8646C19.6729 14.5481 20.0285 14.0152 20.2387 13.312C20.4038 12.7598 20.4038 12.2128 20.2387 11.6607C20.0285 10.9575 19.6729 10.4246 18.3742 9.10803L15.6504 6.3469C14.3516 5.03038 13.8259 4.66998 13.1322 4.45683C12.5875 4.28948 12.0479 4.28948 11.5032 4.45683C10.8164 4.66784 10.2943 5.02318 9.02372 6.30766ZM15.8147 11.4923C16.3685 10.9309 17.2664 10.9309 17.8202 11.4923C18.3739 12.0537 18.374 12.9638 17.8202 13.5252L13.3535 18.0531C12.7997 18.6144 11.9018 18.6144 11.348 18.0531L10.6958 17.392C10.5739 17.2684 10.5424 17.2107 10.5217 17.1414C10.501 17.0721 10.501 17.0011 10.5217 16.9318C10.5424 16.8625 10.5739 16.8048 10.6958 16.6812L15.8147 11.4923ZM8.35774 14.0054C8.49112 13.8702 8.67213 13.7944 8.86075 13.7949L11.4696 13.801C11.612 13.8013 11.7272 13.9186 11.7268 14.063C11.7267 14.1307 11.7006 14.1958 11.654 14.2444L11.5164 14.3881L9.88948 16.0226C9.73826 16.1745 9.49432 16.174 9.34376 16.0214L8.35774 15.0219C8.08085 14.7412 8.08085 14.2861 8.35774 14.0054Z" 
+        fill="url(#booked-gradient)"
+      />
+      
+      {/* "Booked it" text - uses label-primary */}
+      <path 
+        d="M40.7292 9.05655C42.0233 9.05655 43.0329 9.39581 43.7581 10.0743C44.4832 10.7529 44.8458 11.6859 44.8458 12.8733V14.6545C44.8458 15.8984 44.4804 16.8795 43.7497 17.5976C43.019 18.3157 42.0121 18.6748 40.7292 18.6748C39.4462 18.6748 38.4394 18.3355 37.7086 17.657C36.9779 16.9784 36.6125 16.0454 36.6125 14.858V13.0769C36.6125 11.8329 36.9779 10.8518 37.7086 10.1337C38.4394 9.4156 39.4462 9.05655 40.7292 9.05655ZM49.8828 9.05655C51.1769 9.05655 52.1865 9.39581 52.9117 10.0743C53.6368 10.7529 53.9994 11.6859 53.9994 12.8733V14.6545C53.9994 15.8984 53.6341 16.8795 52.9033 17.5976C52.1726 18.3157 51.1658 18.6748 49.8828 18.6748C48.5998 18.6748 47.593 18.3355 46.8623 17.657C46.1315 16.9784 45.7662 16.0454 45.7662 14.858V13.0769C45.7662 11.8329 46.1315 10.8518 46.8623 10.1337C47.593 9.4156 48.5998 9.05655 49.8828 9.05655ZM67.9725 9.05655C69.1662 9.05655 70.1201 9.40995 70.8341 10.1168C71.5481 10.8236 71.9051 11.8329 71.9051 13.1447V13.942C71.9051 14.2134 71.8576 14.3887 71.7628 14.4679C71.668 14.547 71.4755 14.5866 71.1855 14.5866H66.5166V14.6545C66.5166 15.3217 66.6226 15.8051 66.8346 16.1048C67.0466 16.4045 67.4537 16.5543 68.0562 16.5543C68.3462 16.5543 68.5889 16.5148 68.7841 16.4356C68.9794 16.3564 69.1383 16.1981 69.261 15.9606C69.3168 15.8475 69.3866 15.7627 69.4702 15.7062C69.5539 15.6496 69.7017 15.6214 69.9137 15.6214H71.219C71.4421 15.6214 71.5927 15.6638 71.6708 15.7486C71.7489 15.8334 71.7879 15.9663 71.7879 16.1472C71.7879 16.396 71.7294 16.6363 71.6122 16.8682C71.4951 17.1 71.364 17.3007 71.219 17.4704C70.862 17.8888 70.3906 18.1941 69.8049 18.3864C69.2192 18.5786 68.5973 18.6748 67.939 18.6748C66.6449 18.6748 65.6465 18.344 64.9436 17.6824C64.2408 17.0208 63.8894 16.0341 63.8894 14.7223V13.1108C63.8894 11.8329 64.2491 10.8377 64.9687 10.1252C65.6883 9.41278 66.6896 9.05655 67.9725 9.05655ZM80.2554 6.35938C80.5455 6.35938 80.7379 6.40178 80.8328 6.4866C80.9276 6.57142 80.975 6.74388 80.975 7.00398V14.841C80.975 16.0285 80.6041 16.9643 79.8622 17.6485C79.1203 18.3327 78.1023 18.6748 76.8082 18.6748C75.5364 18.6748 74.5407 18.3327 73.8211 17.6485C73.1016 16.9643 72.7418 16.0115 72.7418 14.7902V12.9412C72.7418 11.7424 73.0541 10.7953 73.6789 10.0998C74.3036 9.40429 75.1571 9.05655 76.2392 9.05655C77.1652 9.05655 77.8569 9.28838 78.3143 9.75204V7.00398C78.3143 6.74388 78.3617 6.57142 78.4565 6.4866C78.5513 6.40178 78.7438 6.35938 79.0338 6.35938H80.2554ZM91.3366 6.82054C91.6267 6.82054 91.8191 6.86294 91.9139 6.94776C92.0088 7.03258 92.0562 7.20504 92.0562 7.46514V9.31415H93.2778C93.5344 9.31415 93.7073 9.35656 93.7966 9.44137C93.8858 9.52619 93.9304 9.68734 93.9304 9.92483V10.773C93.9304 11.0331 93.8858 11.2084 93.7966 11.2989C93.7073 11.3893 93.5344 11.4346 93.2778 11.4346H92.0562V14.9969C92.0562 15.404 92.1231 15.698 92.257 15.879C92.3909 16.0599 92.614 16.1504 92.9264 16.1504H93.2109C93.4898 16.1504 93.6738 16.1928 93.7631 16.2776C93.8523 16.3624 93.897 16.5349 93.897 16.795V17.8297C93.897 18.0785 93.8523 18.2453 93.7631 18.3302C93.6738 18.415 93.4842 18.4574 93.1941 18.4574H92.3741C91.3031 18.4574 90.539 18.2199 90.0816 17.7449C89.6241 17.27 89.3954 16.484 89.3954 15.387V7.46514C89.3954 7.20504 89.4429 7.03258 89.5377 6.94776C89.6325 6.86294 89.825 6.82054 90.115 6.82054H91.3366ZM31.6425 6.35938C34.1972 6.35938 35.4746 7.37718 35.4746 9.41278V9.6333C35.4746 10.2327 35.3324 10.7614 35.0479 11.2194C34.7634 11.6774 34.3869 11.9856 33.9183 12.1439C34.4761 12.2796 34.9252 12.5849 35.2654 13.0599C35.6057 13.5349 35.7758 14.089 35.7758 14.7223V14.9937C35.7758 16.1812 35.4244 17.0519 34.7216 17.6061C34.0187 18.1602 32.9087 18.4373 31.3915 18.4373H27.9107C27.6207 18.4373 27.4282 18.3949 27.3334 18.3101C27.2386 18.2252 27.1912 18.0528 27.1912 17.7927V7.00398C27.1912 6.74388 27.2386 6.57142 27.3334 6.4866C27.4282 6.40178 27.6207 6.35938 27.9107 6.35938H31.6425ZM57.1455 6.35938C57.4355 6.35938 57.628 6.40178 57.7228 6.4866C57.8176 6.57142 57.865 6.74388 57.865 7.00398V12.7037L60.3584 9.76901C60.5481 9.54283 60.682 9.40712 60.7601 9.36189C60.8381 9.31665 60.9664 9.29403 61.1449 9.29403H62.8351C63.1363 9.29403 63.2869 9.41843 63.2869 9.66723C63.2869 9.79162 63.2256 9.91602 63.1028 10.0404L60.6931 12.7206L63.5045 17.6909C63.5937 17.8492 63.6383 17.9793 63.6383 18.081C63.6383 18.3185 63.471 18.4373 63.1363 18.4373H61.4964C61.2955 18.4373 61.1422 18.4033 61.0362 18.3355C60.9302 18.2676 60.827 18.1432 60.7266 17.9623L58.9026 14.5866L57.865 15.7401V17.7927C57.865 18.0528 57.8176 18.2252 57.7228 18.3101C57.628 18.3949 57.4355 18.4373 57.1455 18.4373H55.9908C55.7007 18.4373 55.5083 18.3949 55.4135 18.3101C55.3186 18.2252 55.2712 18.0528 55.2712 17.7927V7.00398C55.2712 6.74388 55.3186 6.57142 55.4135 6.4866C55.5083 6.40178 55.7007 6.35938 55.9908 6.35938H57.1455ZM87.083 11.1346C87.3731 11.1346 87.5655 11.177 87.6603 11.2618C87.7552 11.3466 87.8026 11.5191 87.8026 11.7792L87.7859 17.7757C87.7859 18.0358 87.7384 18.2083 87.6436 18.2931C87.5488 18.3779 87.3563 18.4203 87.0663 18.4203H85.8447C85.5546 18.4203 85.3622 18.3779 85.2673 18.2931C85.1725 18.2083 85.1251 18.0358 85.1251 17.7757L85.1418 11.7792C85.1418 11.5191 85.1893 11.3466 85.2841 11.2618C85.3789 11.177 85.5714 11.1346 85.8614 11.1346H87.083ZM40.7794 11.177C40.2997 11.177 39.9287 11.3325 39.6665 11.6435C39.4044 11.9545 39.2733 12.404 39.2733 12.992V14.7393C39.2733 15.9493 39.7418 16.5543 40.679 16.5543C41.1698 16.5543 41.5436 16.3988 41.8002 16.0879C42.0567 15.7769 42.185 15.3273 42.185 14.7393V12.992C42.185 11.782 41.7165 11.177 40.7794 11.177ZM49.933 11.177C49.4533 11.177 49.0823 11.3325 48.8202 11.6435C48.558 11.9545 48.4269 12.404 48.4269 12.992V14.7393C48.4269 15.9493 48.8955 16.5543 49.8326 16.5543C50.3235 16.5543 50.6972 16.3988 50.9538 16.0879C51.2104 15.7769 51.3387 15.3273 51.3387 14.7393V12.992C51.3387 11.782 50.8701 11.177 49.933 11.177ZM76.8082 11.177C75.8711 11.177 75.4025 11.782 75.4025 12.992V14.7393C75.4025 15.3273 75.528 15.7769 75.779 16.0879C76.03 16.3988 76.3954 16.5543 76.8751 16.5543C77.8346 16.5543 78.3143 15.9493 78.3143 14.7393V12.992C78.3143 12.404 78.186 11.9545 77.9294 11.6435C77.6728 11.3325 77.2991 11.177 76.8082 11.177ZM31.6592 13.3483H29.8854V16.1133H31.4751C32.468 16.1133 32.9645 15.7005 32.9645 14.875V14.5696C32.9645 14.1738 32.8529 13.8713 32.6298 13.6621C32.4067 13.4529 32.0831 13.3483 31.6592 13.3483ZM67.8721 11.1261C67.4705 11.1261 67.1525 11.2505 66.9183 11.4993C66.684 11.7481 66.5557 12.1721 66.5334 12.7715H69.2276C69.2164 12.2061 69.1076 11.7905 68.9013 11.5247C68.6949 11.259 68.3518 11.1261 67.8721 11.1261ZM31.2911 8.68335H29.8854V11.1939H31.4082C32.2672 11.1939 32.6967 10.8038 32.6967 10.0235V9.75204C32.6967 9.03958 32.2282 8.68335 31.2911 8.68335ZM86.6929 6.82054C87.0716 6.82054 87.2089 6.86118 87.3474 6.93751C87.4858 7.01384 87.5945 7.12586 87.6685 7.26858C87.7426 7.41131 87.782 7.55287 87.782 7.94328V8.58156C87.782 8.97197 87.7426 9.11353 87.6685 9.25626C87.5945 9.39898 87.4858 9.51099 87.3474 9.58732C87.2089 9.66365 87.0716 9.7043 86.6929 9.7043H86.0737C85.695 9.7043 85.5577 9.66365 85.4192 9.58732C85.2808 9.51099 85.1721 9.39898 85.0981 9.25626C85.024 9.11353 84.9846 8.97197 84.9846 8.58156V7.94328C84.9846 7.55287 85.024 7.41131 85.0981 7.26858C85.1721 7.12586 85.2808 7.01384 85.4192 6.93751C85.5577 6.86118 85.695 6.82054 86.0737 6.82054H86.6929Z" 
+        fill="var(--label-primary)"
+      />
+    </svg>
+  );
+};

package/src/v2/shadcn/_reference/logos/BookedLogoMark.tsx

@@ -0,0 +1,31 @@
+interface BookedLogoMarkProps {
+  className?: string;
+  size?: number;
+}
+
+export const BookedLogoMark: React.FC<BookedLogoMarkProps> = ({ className = "", size = 36 }) => {
+  return (
+    <svg 
+      width={size} 
+      height={size} 
+      viewBox="0 0 25 25" 
+      fill="none" 
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+    >
+      <defs>
+        <linearGradient id="booked-mark-gradient" x1="4.50024" y1="17" x2="21.0002" y2="9.5" gradientUnits="userSpaceOnUse">
+          <stop stopColor="var(--gradient-stop1)" />
+          <stop offset="0.5" stopColor="var(--gradient-stop2)" />
+          <stop offset="1" stopColor="var(--gradient-stop3)" />
+        </linearGradient>
+      </defs>
+      
+      {/* Diamond tick mark - uses gradient */}
+      <path 
+        d="M7.5265 4.86842C9.1925 3.17961 9.9701 2.74305 10.9049 2.45584C11.8397 2.16862 12.7957 2.16862 13.7305 2.45584C14.6653 2.74305 15.4429 3.17961 17.1089 4.86842L19.8327 7.62955C21.4987 9.31836 21.9294 10.1066 22.2127 11.0542C22.496 12.0018 22.496 12.9709 22.2127 13.9185C21.9294 14.8661 21.4987 15.6543 19.8327 17.3431L17.1089 20.1042C15.4429 21.793 14.6653 22.2296 13.7305 22.5168C12.7957 22.804 11.8397 22.804 10.9049 22.5168C9.9701 22.2296 9.1925 21.793 7.5265 20.1042L4.80266 17.3431C3.13666 15.6543 2.70599 14.8661 2.42266 13.9185C2.13933 12.9709 2.13933 12.0018 2.42266 11.0542C2.70599 10.1066 3.13666 9.31836 4.80266 7.62955L7.5265 4.86842ZM9.02372 6.30766L6.26118 9.10803C4.96243 10.4246 4.6069 10.9575 4.39663 11.6607C4.23154 12.2128 4.23154 12.7598 4.39663 13.312C4.6048 14.0082 4.95534 14.5374 6.22249 15.8254L9.02375 18.665C10.2943 19.9495 10.8164 20.3048 11.5032 20.5158C12.0479 20.6832 12.5875 20.6832 13.1322 20.5158C13.8259 20.3027 14.3516 19.9423 15.6504 18.6258L18.3742 15.8646C19.6729 14.5481 20.0285 14.0152 20.2387 13.312C20.4038 12.7598 20.4038 12.2128 20.2387 11.6607C20.0285 10.9575 19.6729 10.4246 18.3742 9.10803L15.6504 6.3469C14.3516 5.03038 13.8259 4.66998 13.1322 4.45683C12.5875 4.28948 12.0479 4.28948 11.5032 4.45683C10.8164 4.66784 10.2943 5.02318 9.02372 6.30766ZM15.8147 11.4923C16.3685 10.9309 17.2664 10.9309 17.8202 11.4923C18.3739 12.0537 18.374 12.9638 17.8202 13.5252L13.3535 18.0531C12.7997 18.6144 11.9018 18.6144 11.348 18.0531L10.6958 17.392C10.5739 17.2684 10.5424 17.2107 10.5217 17.1414C10.501 17.0721 10.501 17.0011 10.5217 16.9318C10.5424 16.8625 10.5739 16.8048 10.6958 16.6812L15.8147 11.4923ZM8.35774 14.0054C8.49112 13.8702 8.67213 13.7944 8.86075 13.7949L11.4696 13.801C11.612 13.8013 11.7272 13.9186 11.7268 14.063C11.7267 14.1307 11.7006 14.1958 11.654 14.2444L11.5164 14.3881L9.88948 16.0226C9.73826 16.1745 9.49432 16.174 9.34376 16.0214L8.35774 15.0219C8.08085 14.7412 8.08085 14.2861 8.35774 14.0054Z" 
+        fill="url(#booked-mark-gradient)"
+      />
+    </svg>
+  );
+};

package/src/v2/shadcn/_reference/logos/BookedLogoNew.tsx

@@ -0,0 +1,36 @@
+interface BookedLogoNewProps {
+  className?: string;
+}
+
+export const BookedLogoNew: React.FC<BookedLogoNewProps> = ({ className = "h-6" }) => {
+  return (
+    <svg 
+      width="98" 
+      height="25" 
+      viewBox="0 0 98 25" 
+      fill="none" 
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+    >
+      <defs>
+        <linearGradient id="booked-gradient-new" x1="4.50024" y1="17" x2="21.0002" y2="9.5" gradientUnits="userSpaceOnUse">
+          <stop stopColor="var(--gradient-stop1)" />
+          <stop offset="0.5" stopColor="var(--gradient-stop2)" />
+          <stop offset="1" stopColor="var(--gradient-stop3)" />
+        </linearGradient>
+      </defs>
+      
+      {/* Diamond tick mark - uses gradient */}
+      <path 
+        d="M7.5265 4.86842C9.1925 3.17961 9.9701 2.74305 10.9049 2.45584C11.8397 2.16862 12.7957 2.16862 13.7305 2.45584C14.6653 2.74305 15.4429 3.17961 17.1089 4.86842L19.8327 7.62955C21.4987 9.31836 21.9294 10.1066 22.2127 11.0542C22.496 12.0018 22.496 12.9709 22.2127 13.9185C21.9294 14.8661 21.4987 15.6543 19.8327 17.3431L17.1089 20.1042C15.4429 21.793 14.6653 22.2296 13.7305 22.5168C12.7957 22.804 11.8397 22.804 10.9049 22.5168C9.9701 22.2296 9.1925 21.793 7.5265 20.1042L4.80266 17.3431C3.13666 15.6543 2.70599 14.8661 2.42266 13.9185C2.13933 12.9709 2.13933 12.0018 2.42266 11.0542C2.70599 10.1066 3.13666 9.31836 4.80266 7.62955L7.5265 4.86842ZM9.02372 6.30766L6.26118 9.10803C4.96243 10.4246 4.6069 10.9575 4.39663 11.6607C4.23154 12.2128 4.23154 12.7598 4.39663 13.312C4.6048 14.0082 4.95534 14.5374 6.22249 15.8254L9.02375 18.665C10.2943 19.9495 10.8164 20.3048 11.5032 20.5158C12.0479 20.6832 12.5875 20.6832 13.1322 20.5158C13.8259 20.3027 14.3516 19.9423 15.6504 18.6258L18.3742 15.8646C19.6729 14.5481 20.0285 14.0152 20.2387 13.312C20.4038 12.7598 20.4038 12.2128 20.2387 11.6607C20.0285 10.9575 19.6729 10.4246 18.3742 9.10803L15.6504 6.3469C14.3516 5.03038 13.8259 4.66998 13.1322 4.45683C12.5875 4.28948 12.0479 4.28948 11.5032 4.45683C10.8164 4.66784 10.2943 5.02318 9.02372 6.30766ZM15.8147 11.4923C16.3685 10.9309 17.2664 10.9309 17.8202 11.4923C18.3739 12.0537 18.374 12.9638 17.8202 13.5252L13.3535 18.0531C12.7997 18.6144 11.9018 18.6144 11.348 18.0531L10.6958 17.392C10.5739 17.2684 10.5424 17.2107 10.5217 17.1414C10.501 17.0721 10.501 17.0011 10.5217 16.9318C10.5424 16.8625 10.5739 16.8048 10.6958 16.6812L15.8147 11.4923ZM8.35774 14.0054C8.49112 13.8702 8.67213 13.7944 8.86075 13.7949L11.4696 13.801C11.612 13.8013 11.7272 13.9186 11.7268 14.063C11.7267 14.1307 11.7006 14.1958 11.654 14.2444L11.5164 14.3881L9.88948 16.0226C9.73826 16.1745 9.49432 16.174 9.34376 16.0214L8.35774 15.0219C8.08085 14.7412 8.08085 14.2861 8.35774 14.0054Z" 
+        fill="url(#booked-gradient-new)"
+      />
+      
+      {/* "Booked it" text - uses label-primary */}
+      <path 
+        d="M40.7292 9.05655C42.0233 9.05655 43.0329 9.39581 43.7581 10.0743C44.4832 10.7529 44.8458 11.6859 44.8458 12.8733V14.6545C44.8458 15.8984 44.4804 16.8795 43.7497 17.5976C43.019 18.3157 42.0121 18.6748 40.7292 18.6748C39.4462 18.6748 38.4394 18.3355 37.7086 17.657C36.9779 16.9784 36.6125 16.0454 36.6125 14.858V13.0769C36.6125 11.8329 36.9779 10.8518 37.7086 10.1337C38.4394 9.4156 39.4462 9.05655 40.7292 9.05655ZM49.8828 9.05655C51.1769 9.05655 52.1865 9.39581 52.9117 10.0743C53.6368 10.7529 53.9994 11.6859 53.9994 12.8733V14.6545C53.9994 15.8984 53.6341 16.8795 52.9033 17.5976C52.1726 18.3157 51.1658 18.6748 49.8828 18.6748C48.5998 18.6748 47.593 18.3355 46.8623 17.657C46.1315 16.9784 45.7662 16.0454 45.7662 14.858V13.0769C45.7662 11.8329 46.1315 10.8518 46.8623 10.1337C47.593 9.4156 48.5998 9.05655 49.8828 9.05655ZM67.9725 9.05655C69.1662 9.05655 70.1201 9.40995 70.8341 10.1168C71.5481 10.8236 71.9051 11.8329 71.9051 13.1447V13.942C71.9051 14.2134 71.8576 14.3887 71.7628 14.4679C71.668 14.547 71.4755 14.5866 71.1855 14.5866H66.5166V14.6545C66.5166 15.3217 66.6226 15.8051 66.8346 16.1048C67.0466 16.4045 67.4537 16.5543 68.0562 16.5543C68.3462 16.5543 68.5889 16.5148 68.7841 16.4356C68.9794 16.3564 69.1383 16.1981 69.261 15.9606C69.3168 15.8475 69.3866 15.7627 69.4702 15.7062C69.5539 15.6496 69.7017 15.6214 69.9137 15.6214H71.219C71.4421 15.6214 71.5927 15.6638 71.6708 15.7486C71.7489 15.8334 71.7879 15.9663 71.7879 16.1472C71.7879 16.396 71.7294 16.6363 71.6122 16.8682C71.4951 17.1 71.364 17.3007 71.219 17.4704C70.862 17.8888 70.3906 18.1941 69.8049 18.3864C69.2192 18.5786 68.5973 18.6748 67.939 18.6748C66.6449 18.6748 65.6465 18.344 64.9436 17.6824C64.2408 17.0208 63.8894 16.0341 63.8894 14.7223V13.1108C63.8894 11.8329 64.2491 10.8377 64.9687 10.1252C65.6883 9.41278 66.6896 9.05655 67.9725 9.05655ZM80.2554 6.35938C80.5455 6.35938 80.7379 6.40178 80.8328 6.4866C80.9276 6.57142 80.975 6.74388 80.975 7.00398V14.841C80.975 16.0285 80.6041 16.9643 79.8622 17.6485C79.1203 18.3327 78.1023 18.6748 76.8082 18.6748C75.5364 18.6748 74.5407 18.3327 73.8211 17.6485C73.1016 16.9643 72.7418 16.0115 72.7418 14.7902V12.9412C72.7418 11.7424 73.0541 10.7953 73.6789 10.0998C74.3036 9.40429 75.1571 9.05655 76.2392 9.05655C77.1652 9.05655 77.8569 9.28838 78.3143 9.75204V7.00398C78.3143 6.74388 78.3617 6.57142 78.4565 6.4866C78.5513 6.40178 78.7438 6.35938 79.0338 6.35938H80.2554ZM91.3366 6.82054C91.6267 6.82054 91.8191 6.86294 91.9139 6.94776C92.0088 7.03258 92.0562 7.20504 92.0562 7.46514V9.31415H93.2778C93.5344 9.31415 93.7073 9.35656 93.7966 9.44137C93.8858 9.52619 93.9304 9.68734 93.9304 9.92483V10.773C93.9304 11.0331 93.8858 11.2084 93.7966 11.2989C93.7073 11.3893 93.5344 11.4346 93.2778 11.4346H92.0562V14.9969C92.0562 15.404 92.1231 15.698 92.257 15.879C92.3909 16.0599 92.614 16.1504 92.9264 16.1504H93.2109C93.4898 16.1504 93.6738 16.1928 93.7631 16.2776C93.8523 16.3624 93.897 16.5349 93.897 16.795V17.8297C93.897 18.0785 93.8523 18.2453 93.7631 18.3302C93.6738 18.415 93.4842 18.4574 93.1941 18.4574H92.3741C91.3031 18.4574 90.539 18.2199 90.0816 17.7449C89.6241 17.27 89.3954 16.484 89.3954 15.387V7.46514C89.3954 7.20504 89.4429 7.03258 89.5377 6.94776C89.6325 6.86294 89.825 6.82054 90.115 6.82054H91.3366ZM31.6425 6.35938C34.1972 6.35938 35.4746 7.37718 35.4746 9.41278V9.6333C35.4746 10.2327 35.3324 10.7614 35.0479 11.2194C34.7634 11.6774 34.3869 11.9856 33.9183 12.1439C34.4761 12.2796 34.9252 12.5849 35.2654 13.0599C35.6057 13.5349 35.7758 14.089 35.7758 14.7223V14.9937C35.7758 16.1812 35.4244 17.0519 34.7216 17.6061C34.0187 18.1602 32.9087 18.4373 31.3915 18.4373H27.9107C27.6207 18.4373 27.4282 18.3949 27.3334 18.3101C27.2386 18.2252 27.1912 18.0528 27.1912 17.7927V7.00398C27.1912 6.74388 27.2386 6.57142 27.3334 6.4866C27.4282 6.40178 27.6207 6.35938 27.9107 6.35938H31.6425ZM57.1455 6.35938C57.4355 6.35938 57.628 6.40178 57.7228 6.4866C57.8176 6.57142 57.865 6.74388 57.865 7.00398V12.7037L60.3584 9.76901C60.5481 9.54283 60.682 9.40712 60.7601 9.36189C60.8381 9.31665 60.9664 9.29403 61.1449 9.29403H62.8351C63.1363 9.29403 63.2869 9.41843 63.2869 9.66723C63.2869 9.79162 63.2256 9.91602 63.1028 10.0404L60.6931 12.7206L63.5045 17.6909C63.5937 17.8492 63.6383 17.9793 63.6383 18.081C63.6383 18.3185 63.471 18.4373 63.1363 18.4373H61.4964C61.2955 18.4373 61.1422 18.4033 61.0362 18.3355C60.9302 18.2676 60.827 18.1432 60.7266 17.9623L58.9026 14.5866L57.865 15.7401V17.7927C57.865 18.0528 57.8176 18.2252 57.7228 18.3101C57.628 18.3949 57.4355 18.4373 57.1455 18.4373H55.9908C55.7007 18.4373 55.5083 18.3949 55.4135 18.3101C55.3186 18.2252 55.2712 18.0528 55.2712 17.7927V7.00398C55.2712 6.74388 55.3186 6.57142 55.4135 6.4866C55.5083 6.40178 55.7007 6.35938 55.9908 6.35938H57.1455ZM87.083 11.1346C87.3731 11.1346 87.5655 11.177 87.6603 11.2618C87.7552 11.3466 87.8026 11.5191 87.8026 11.7792L87.7859 17.7757C87.7859 18.0358 87.7384 18.2083 87.6436 18.2931C87.5488 18.3779 87.3563 18.4203 87.0663 18.4203H85.8447C85.5546 18.4203 85.3622 18.3779 85.2673 18.2931C85.1725 18.2083 85.1251 18.0358 85.1251 17.7757L85.1418 11.7792C85.1418 11.5191 85.1893 11.3466 85.2841 11.2618C85.3789 11.177 85.5714 11.1346 85.8614 11.1346H87.083ZM40.7794 11.177C40.2997 11.177 39.9287 11.3325 39.6665 11.6435C39.4044 11.9545 39.2733 12.404 39.2733 12.992V14.7393C39.2733 15.9493 39.7418 16.5543 40.679 16.5543C41.1698 16.5543 41.5436 16.3988 41.8002 16.0879C42.0567 15.7769 42.185 15.3273 42.185 14.7393V12.992C42.185 11.782 41.7165 11.177 40.7794 11.177ZM49.933 11.177C49.4533 11.177 49.0823 11.3325 48.8202 11.6435C48.558 11.9545 48.4269 12.404 48.4269 12.992V14.7393C48.4269 15.9493 48.8955 16.5543 49.8326 16.5543C50.3235 16.5543 50.6972 16.3988 50.9538 16.0879C51.2104 15.7769 51.3387 15.3273 51.3387 14.7393V12.992C51.3387 11.782 50.8701 11.177 49.933 11.177ZM76.8082 11.177C75.8711 11.177 75.4025 11.782 75.4025 12.992V14.7393C75.4025 15.3273 75.528 15.7769 75.779 16.0879C76.03 16.3988 76.3954 16.5543 76.8751 16.5543C77.8346 16.5543 78.3143 15.9493 78.3143 14.7393V12.992C78.3143 12.404 78.186 11.9545 77.9294 11.6435C77.6728 11.3325 77.2991 11.177 76.8082 11.177ZM31.6592 13.3483H29.8854V16.1133H31.4751C32.468 16.1133 32.9645 15.7005 32.9645 14.875V14.5696C32.9645 14.1738 32.8529 13.8713 32.6298 13.6621C32.4067 13.4529 32.0831 13.3483 31.6592 13.3483ZM67.8721 11.1261C67.4705 11.1261 67.1525 11.2505 66.9183 11.4993C66.684 11.7481 66.5557 12.1721 66.5334 12.7715H69.2276C69.2164 12.2061 69.1076 11.7905 68.9013 11.5247C68.6949 11.259 68.3518 11.1261 67.8721 11.1261ZM31.2911 8.68335H29.8854V11.1939H31.4082C32.2672 11.1939 32.6967 10.8038 32.6967 10.0235V9.75204C32.6967 9.03958 32.2282 8.68335 31.2911 8.68335ZM86.6929 6.82054C87.0716 6.82054 87.2089 6.86118 87.3474 6.93751C87.4858 7.01384 87.5945 7.12586 87.6685 7.26858C87.7426 7.41131 87.782 7.55287 87.782 7.94328V8.58156C87.782 8.97197 87.7426 9.11353 87.6685 9.25626C87.5945 9.39898 87.4858 9.51099 87.3474 9.58732C87.2089 9.66365 87.0716 9.7043 86.6929 9.7043H86.0737C85.695 9.7043 85.5577 9.66365 85.4192 9.58732C85.2808 9.51099 85.1721 9.39898 85.0981 9.25626C85.024 9.11353 84.9846 8.97197 84.9846 8.58156V7.94328C84.9846 7.55287 85.024 7.41131 85.0981 7.26858C85.1721 7.12586 85.2808 7.01384 85.4192 6.93751C85.5577 6.86118 85.695 6.82054 86.0737 6.82054H86.6929Z" 
+        fill="var(--label-primary)"
+      />
+    </svg>
+  );
+};