Component

CaesarReceipt

Shift the supplied label through a reversible Caesar transformation. Letters change to their actual ROT13 counterparts while punctuation stays put; Restore wording returns the exact readable source.

Possible use

It could let a reviewer disguise a handoff title for a theatrical private channel, or let a presenter turn an agenda caption into a small historical cipher before revealing it again. ROT13 is not meaningful privacy for ordinary display copy.

Reasonable alternative

A reasonable local alternative is keeping the label readable and applying a real encoding or encryption boundary only when transport requires it. A display should not relocate an alphabet for atmosphere.

01 / Preview

Try it yourself.

The alphabet has been asked to relocateKeep the ordinary wordingPunctuation stays put while the letters wait.

Mechanism

1: Start with a readable label and still punctuation.
2: Shift the alphabet by thirteen actual positions.
3: Inspect the transformed letters while punctuation stays in place.
4: Restore wording when the historical detour is over.

02 / Usage

Put it somewhere.

example.tsxTSX

import { CaesarReceipt } from "gra-ui";
import "gra-ui/styles.css";

export function ShiftedLabel() {
  return <CaesarReceipt label="Keep this wording readable" />;
}

03 / API

Small surface area.

PropTypeDescription

labelstringThe readable text whose Latin letters are rotated through a reversible Caesar shift.