52:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 53:T153e,import React from "react"; import { cn } from "@/lib/utils"; const SYSTEMS = { SG: { NS: { name: "North South Line", short: "NS", long: "NSL", bg: "#e22726", fg: "#FFF" }, EW: { name: "East West Line", short: "EW", long: "EWL", bg: "#00964e", fg: "#FFF" }, NE: { name: "North East Line", short: "NE", long: "NEL", bg: "#8f4299", fg: "#FFF" }, CE: { name: "Circle Line", short: "CE", long: "CCL", bg: "#f99d26", fg: "#000" }, DT: { name: "Downtown Line", short: "DT", long: "DTL", bg: "#005ea8", fg: "#fff" }, TE: { name: "Thomson-East Coast Line", short: "TE", long: "TEL", bg: "#9d5b26", fg: "#FFF" } }, // Add more systems here in the future HK: { // Hong Kong MTR KT: { name: "Kwun Tong Line", short: "KT", long: "KTL", bg: "#399e48", fg: "#FFF" }, AE: { name: "Airport Express Line", short: "AE", long: "AEL", bg: "#39858d", fg: "#FFF" }, TO: { name: "Tseung Kwan O Line", short: "TO", long: "TKOL", bg: "#7a3d90", fg: "#000" }, SI: { name: "South Island Line", short: "SI", long: "SIL", bg: "#c7d536", fg: "#FFF" }, TW: { name: "Tsuen Wan Line", short: "TW", long: "TWL", bg: "#d5371f", fg: "#FFF" }, IS: { name: "Island Line", short: "IS", long: "ISL", bg: "#3d6fbe", fg: "#FFF" }, TC: { name: "Tung Chung Line", short: "TC", long: "TCL", bg: "#e6a03e", fg: "#000" }, DR: { name: "Disneyland Resort Line", short: "DR", long: "DRL", bg: "#df76a4", fg: "#000" }, ER: { name: "East Rail Line", short: "ER", long: "ERL", bg: "#78b2e5", fg: "#000" }, TM: { name: "Tuen Ma Line", short: "TM", long: "TML", bg: "#913a0e", fg: "#FFF" } } } as const; type SystemKey = keyof typeof SYSTEMS; type BadgeSize = "xs" | "sm" | "md" | "lg"; const sizeClasses: Record = { xs: "px-1 py-0.5 text-[10px]", sm: "px-1.5 py-0.5 text-xs", md: "px-2 py-0.5 text-sm", lg: "px-3 py-1 text-base" }; interface TransportBadgeProps { stationCode: string | string[]; system: SystemKey; className?: string; stationName?: string; showStationName?: boolean; size?: BadgeSize; } // Defined Linedata type type LineData = { name: string; short: string; long: string; bg: string; fg: string; } | null; const getLineDataFromStationCode = ( code: string, system: SystemKey ): LineData => { // Added return type LineData, so TS knows all lines share a common structure const match = code.match(/^[A-Z]+/); if (!match) return null; const prefix = match[0] as string; const lines = SYSTEMS[system] as Record; if (lines && prefix in lines) { return lines[prefix]; } return null; }; export const TransportBadge = ({ stationCode, system, className, stationName, showStationName = false, size = "md" }: TransportBadgeProps) => { const codes = Array.isArray(stationCode) ? stationCode : [stationCode]; const isMulti = codes.length > 1; return ( {codes.map((code, idx) => { const line = getLineDataFromStationCode(code, system); if (!line) { return ( Unknown ); } const radius = isMulti ? idx === 0 ? "rounded-l" : idx === codes.length - 1 ? "rounded-r" : "rounded-none" : "rounded"; const border = isMulti && idx > 0 ? "border-l border-white/40 dark:border-black/40" : ""; return ( {line.short} {code.replace(/^[A-Z]+/, "")} ); })} {showStationName && stationName && ( {stationName} )} ); }; export default TransportBadge; 51:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[null,["$","$L52",null,{"files":[{"path":"registry/8starlabs-ui/blocks/transport-badge.tsx","content":"$53","type":"registry:ui","target":"components/8starlabs-ui/transport-badge.tsx"}],"className":"h-[70svh] min-h-80"}]]}]